F4.3 · Marca

Cores

Três cores institucionais (acento, tinta, papel), escala de acento em sete passos, dez neutros e quatro tons semânticos. Cor de assinatura usada com moderação — cada acento conquistado, não decorativo.

01

Paleta principal

Verde-IA#00A994Assinatura · acento
Tinta#1A1A1DTexto institucional
Papel#FFFFFFSuperfície primária

Três cores carregam a marca. Tudo o mais é variação para função (UI, feedback, hierarquia).

02

Escala de acento

Wash#E6F7F4Lavagem sutil — fundos de callout.
Soft#B8E8E0Superfície leve — pílulas accent.
Line#66CFC1Traço sobre escuro.
Base#00A994Cor canônica.
Hover#008C7AEstado hover.
Pressed#006F60Estado pressed.
Archive#003D34Histórico, arquivo.
03

Neutros

Escala fria, harmonizada à tinta. Vai do papel ao void em dez passos.

TokenHexFunção
--n-snow#FAFAFBFundo do app.
--n-paper#FFFFFFSuperfície de card.
--n-bone#F2F2F4Painel sutil, hover.
--n-fog#E5E5E8Borda fina.
--n-mist#CFCFD3Divisor.
--n-stone#93939ATexto terciário.
--n-graphite#5C5C63Texto secundário.
--n-char#2B2B30Tinta elevada (card sobre escuro).
--n-ink#1A1A1DTinta institucional.
--n-void#0E0E10Tinta rebaixada.
04

Feedback semântico

Success#1F8A5BConfirmação, ativo.
Warning#B07A12Atenção, beta.
Danger#B23A2AErro, destrutivo.
Info#2A6FDBInformativo, neutro.
  • Verde-IA nunca é usado para success — a paleta semântica é independente da paleta de marca.
  • Cor de feedback sempre acompanha texto/ícone. Cor sozinha não comunica.
  • Razão de contraste mínima: 4.5:1 (AA) em texto, 3:1 em interface gráfica.