FOUNDATIONS / 01

COR TERRACOTA

3 cores intocáveis. 120 tokens. 1 source of truth. A terra de Parnaíba como gesto, não fundo.

v2.3.4

3 BRAND · 5 NEUTRALS · 4 STATUS · 4 PERSONAS

Foundations

Cores

Palette dark-first com laranja terracota como ponto de tensão. Cores institucionais traduzidas em tokens CSS consumíveis via Tailwind v4.

Brand

Laranja é o único acento quente. Use com moderação — ele carrega a atenção.

Orange 500

#DB543B

--color-orange

CTA principal

Orange 400

#EC7054

--color-orange-light

Hover

Orange 700

#A12E1D

--color-orange-dark

Pressed / dark

Surface

Superfícies do dark-first. O contraste entre bandas é sutil — a profundidade vem da borda e do glow.

Forest 800

#1D221F

--background

Fundo base

Forest 850

#1A1F1C

--sidebar

Sidebar / bandas

Forest 900

#141816

Código / terminal

Card Dark

#232926

--card

Superfície cards

Muted

#2D3330

--muted

Neutral / Text

Texto em Sand 100 sobre Forest. Muted-foreground traz hierarquia sem perder legibilidade.

Sand 100

#F5F0EB

--foreground

Texto principal

Bege

#E4DBB9

Creme

#FAF4E4

Cinza

#CCCCCB

Muted FG

#8A9189

--muted-foreground

Texto secundário