Skip to main content
A base não tem cor: papel claro e uma tinta quente, #14120F, que nunca é preto puro. Sobre ela entram dois sinais, terracota para pessoas e cobalto para inteligência artificial, e mais nada.

O princípio

O cobalto é a cor mais protegida do sistema. Quando ele passa a ser usado como cor de link ou de destaque, o cliente perde a única referência confiável para saber que está lendo uma máquina. Verde, vermelho e âmbar entram por significado: verde para concluído, conectado e saudável; vermelho para perigo real, como excluir, sair, erro de validação e canal fora do ar; âmbar para pendência que ainda não é erro. Usar vermelho como destaque gasta a única palavra que o sistema tem para dizer perigo. O azul da SAN, #007BFF, fica fora da interface do produto: ele colide com o cobalto. O lugar dele é o selo de procedência.

Proporção

A tela é quase toda neutra: cerca de 60% papel, 25% tinta, e o restante dividido entre os dois sinais. Uma tela majoritariamente terracota ou cobalto está errada mesmo usando as cores certas. Barra de proporção da tela: 60% papel, 25% tinta, 9% cobalto e 6% terracota

Paleta

Base

Papel e tinta carregam cerca de 85% de qualquer tela. Paleta base: papel, apoio, linha, tinta, grafite, rótulo e névoa

Sinais

Terracota é o lado das pessoas, cobalto é o da IA; o destaque serve quando não há encontro. Paleta de sinais: equipe, véu equipe, texto equipe, ia, véu ia, texto ia e destaque

Estados

Entram por significado, cada um com um véu de fundo e um tom de texto. Paleta de estados: concluído, véu ok, perigo, véu erro, pendência e véu atenção

Tema escuro

Os sinais clareiam para manter contraste sobre tinta; nunca reaproveitar o tom claro. Paleta do tema escuro: página, card, borda, equipe, ia, concluído e texto