> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tartini.com.br/llms.txt
> Use this file to discover all available pages before exploring further.
# Los colores
> Base neutra, las dos señales, los estados semánticos, el tema oscuro y la proporción de pantalla.
La base no tiene color: papel claro y una tinta cálida, #14120F, que nunca es negro puro. Sobre ella entran dos señales, terracota para personas y cobalto para inteligencia artificial, y nada más.
***
## El principio
El cobalto es el color más protegido del sistema. Cuando se usa como color de enlace o de destacado, el cliente pierde la única referencia confiable para saber que está leyendo una máquina.
Verde, rojo y ámbar entran por significado: verde para completado, conectado y saludable; rojo para peligro real, como eliminar, salir, error de validación y canal fuera de línea; ámbar para pendiente que todavía no es error. Usar rojo como destacado gasta la única palabra que el sistema tiene para decir peligro.
El azul de SAN, #007BFF, queda fuera de la interfaz del producto: colisiona con el cobalto. Su lugar es el sello de procedencia.
***
## Proporción
La pantalla es casi toda neutra: cerca de 60% papel, 25% tinta, y el resto dividido entre las dos señales. Una pantalla mayoritariamente terracota o cobalto está mal aunque use los colores correctos.
***
## Paleta
### Base
Papel y tinta cargan cerca del 85% de cualquier pantalla.
| Nombre | Hex |
| ----------------- | ------- |
| papel | #FFFFFF |
| apoyo (apoio) | #F6F6F4 |
| línea (linha) | #E4E4E0 |
| tinta | #14120F |
| grafito (grafite) | #2B2823 |
| rótulo | #5A5448 |
| niebla (névoa) | #8D8779 |
### Señales
Terracota es el lado de las personas, cobalto es el de la IA; el destacado sirve cuando no hay encuentro.
| Nombre | Hex |
| --------------------------- | ------- |
| equipo (equipe) | #EB5E28 |
| velo equipo (véu equipe) | #FBDED2 |
| texto equipo (texto equipe) | #B23F14 |
| ia | #2667FF |
| velo ia (véu ia) | #DCE6FF |
| texto ia | #1A4FD6 |
| destacado (destaque) | #7FA3FF |
### Estados
Entran por significado, cada uno con un velo de fondo y un tono de texto.
| Nombre | Hex |
| --------------------------- | ------- |
| concluido (concluído) | #1F9D55 |
| velo ok (véu ok) | #E8F6EE |
| peligro (perigo) | #C0341D |
| velo error (véu erro) | #FBE3DC |
| pendiente (pendência) | #B7791F |
| velo atención (véu atenção) | #FBEED2 |
### Tema oscuro
Las señales se aclaran para mantener contraste sobre tinta; nunca reutilizar el tono claro.
| Nombre | Hex |
| --------------------- | ------- |
| página | #14120F |
| card | #1D1A16 |
| borde (borda) | #2B2823 |
| equipo (equipe) | #F58E63 |
| ia | #7DA2FF |
| concluido (concluído) | #5BD78F |
| texto | #B9B2A2 |
## Related topics
- [El tercer sonido](/es/marca/a-terceira-nota.md)
- [Canales explicados](/es/canais/canais-explicados.md)
- [Configura los esclarecimientos](/es/cerebro/esclarecimentos.md)