Styleguide

Tokens, componentes e padrões visuais.

Cores

Paleta principal e cores de categoria.

primary
#2563eb
success
#059669
warning
#d97706
danger
#dc2626
cat-dev
#2563eb
cat-math
#7c3aed
cat-finance
#059669
cat-text
#db2777
cat-convert
#ea580c
cat-study
#0891b2
cat-prod
#475569
cat-health
#16a34a

Tipografia

Geist sans para UI, JetBrains Mono para valores.

h1 / 40px

Título principal

h2 / 28px

Subtítulo de seção

h3 / 20px

Cabeçalho de bloco

body / 16px

Texto corrido para conteúdo geral.

mono / 14px

const x = 42;

Botões

Inputs

Texto de ajuda opcional
R$

Badges e Chips

Default Primary Success Warning Nova

Segmented

Resultado

Montante final
R$ 42.018,21
após 60 meses