ATRIONDESIGN SYSTEM
Fundamentos

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.

Marca

Navy e Accent

O núcleo da identidade. Navy estrutura; o accent destaca e conduz o olhar.

Navy 900
#0A1F33

Fundos escuros e seções imersivas

Navy 800
#0F2A43

Superfícies escuras e CTA primário

Navy 700
#16385A

Hover sobre elementos navy

Navy 600
#1E4870

Detalhes e bordas em navy

Accent 600
#174870

Hover de destaque

Accent 500
#1E5A8A

Cor de destaque principal

Accent 400
#3877B5

Destaque claro e gradientes

Neutros

Escala Ink

Do texto principal às divisórias. Garantem hierarquia e legibilidade sem competir com a marca.

Ink 900
#1A1F27

Texto principal

Ink 700
#3A4250

Texto de corpo

Ink 600
#555B66

Texto secundário

Ink 400
#8B92A0

Legendas e placeholders

Ink 200
#C8CCD3

Bordas e divisórias

Ink 100
#E5E8ED

Fundos sutis

Superfícies

Fundos e cartões

As bases claras sobre as quais o conteúdo é construído.

Canvas
#F7F9FB

Fundo padrão das páginas

Canvas Warm
#FBFCFD

Fundo de seções alternadas

White
#FFFFFF

Superfícies de cartão

Gradientes

Transições de marca

Aplicados com parcimônia em seções de destaque e elementos de texto.

Navy Gradient
linear-gradient(180deg, #0F2A43 0%, #0A1F33 100%)

Seções escuras e rodapés

Accent Gradient
linear-gradient(135deg, #1E5A8A 0%, #3877B5 100%)

Destaques e texto em gradiente