ETAPA 07• Design System Engine & Tokens Oficiais
Design System Engine da Chronokairo
Especificação completa de cores Pantone, tipografia estruturada e regras de governança visual inegociáveis.
BOUTIQUE DE ENGENHARIAReferência: chronokairo.github.io
WCAG AAA (18.18:1)“Paleta monocromática: preto profundo, branco suave e cinzas de leitura. Não adicione dourado ou verde para criar uma aparência de luxo. A tecnologia é prova de competência; o produto é a solução funcionando.”
🌙 Boutique Dark (Padrão de Publicação de Peças Visuais)18.18:1 AAA
Background Primário
#0a0a0a
Preto Profundo (#0a0a0a)
Card Surface
#121212
Cartão de superfície (#121212)
Texto Primário
#fafafa
Branco Suave (#fafafa) · 18.18:1 (AAA)
Texto Secundário
#a3a3a3
Cinza neutro de leitura (#a3a3a3) · 7.45:1 (AAA)
Border Arquitetural
#292929
Divisória monocromática (#292929)
Accent / CTA
#fafafa
Branco Suave (#fafafa) · Pílula sólida
☀️ Boutique Light (Editorial Claro)18.18:1 AAA / 4.6:1 AA
Background Primário
#fafafa
Branco Suave (#fafafa)
Card Surface
#ffffff
Branco Puro (#ffffff)
Texto Primário
#0a0a0a
Preto Profundo (#0a0a0a) · 18.18:1 (AAA)
Texto Secundário
#71717a
Cinza leitura (#71717a) · 4.6:1 (AA)
Border Arquitetural
#e4e4e7
Divisória clara (#e4e4e7)
Accent / CTA
#0a0a0a
Preto Profundo (#0a0a0a)