Cores
A paleta da Atrion equilibra a profundidade do navy com a precisão do accent azul e uma escala de neutros sóbria. Use os tokens — nunca valores soltos.
Navy e Accent
O núcleo da identidade. Navy estrutura; o accent destaca e conduz o olhar.
Fundos escuros e seções imersivas
Superfícies escuras e CTA primário
Hover sobre elementos navy
Detalhes e bordas em navy
Hover de destaque
Cor de destaque principal
Destaque claro e gradientes
Escala Ink
Do texto principal às divisórias. Garantem hierarquia e legibilidade sem competir com a marca.
Texto principal
Texto de corpo
Texto secundário
Legendas e placeholders
Bordas e divisórias
Fundos sutis
Fundos e cartões
As bases claras sobre as quais o conteúdo é construído.
Fundo padrão das páginas
Fundo de seções alternadas
Superfícies de cartão
Transições de marca
Aplicados com parcimônia em seções de destaque e elementos de texto.
Seções escuras e rodapés
Destaques e texto em gradiente