[ Princípios ]

Cor é função,
não decoração.

Inspirado em Dieter Rams: bom design é o mínimo de design possível. A base é achromática e quente; o acento de sinal aparece sozinho, raramente, só em controles operacionais — a raridade é o que dá força ao sinal.

[ Cor ]

Tokens

--ink…Texto / superfícies escuras
--ink-soft…Corpo de texto secundário
--paper…Fundo
--paper-pure…Superfície elevada
--muted…Texto auxiliar (AA)
--line…Hairlines
--line-strong…Bordas / ênfase
--accent…Acento de sinal (ação)
--accent-alt…Acento alternativo

Regra do acento

O Signal Red sinaliza ação. Aparece isolado, num único controle funcional por vez — nunca como enfeite. No site, vive só no hover do CTA do menu.

[ Tipografia ]

Escala Aeonik

Display · 700

Heading · 500

Corpo · 300 — o texto longo do portfólio usa Aeonik Light com bastante respiro.

Meta · 500 uppercase · tracking 0.14em

[ Grid · Espaço · Motion ]

Estrutura

Animações respeitam prefers-reduced-motion.

[ Componentes ]

Catálogo

Vamos conversarUX · AcessibilidadeWebApp · Dev c/ IA

[ Acessibilidade ]

Contraste & foco

Par	Tokens	Ratio	WCAG

Todo elemento focável tem anel de foco visível (Tab para ver).