Skip to main content
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. Barra de proporción de la pantalla: 60% papel, 25% tinta, 9% cobalto y 6% terracota

Paleta

Base

Papel y tinta cargan cerca del 85% de cualquier pantalla. Paleta base: papel, apoyo (apoio), línea (linha), tinta, grafito (grafite), rótulo y niebla (névoa)

Señales

Terracota es el lado de las personas, cobalto es el de la IA; el destacado sirve cuando no hay encuentro. Paleta de señales: equipo (equipe), velo equipo (véu equipe), texto equipo (texto equipe), ia, velo ia (véu ia), texto ia y destacado (destaque)

Estados

Entran por significado, cada uno con un velo de fondo y un tono de texto. Paleta de estados: concluido (concluído), velo ok (véu ok), peligro (perigo), velo error (véu erro), pendiente (pendência) y velo atención (véu atenção)

Tema oscuro

Las señales se aclaran para mantener contraste sobre tinta; nunca reutilizar el tono claro. Paleta del tema oscuro: página, card, borde (borda), equipo (equipe), ia, concluido (concluído) y texto