Design System Biblioteca viral
Fonte única de verdade para cores, tipografia, bordas e componentes. Os tokens vivem em globals.css e são expostos ao Tailwind via @theme.
Cores
Paleta escura e sóbria. O acento indigo é usado com parcimônia.
Superfícies
background
#09090B
surface
#111114
surface-2
#18181B
border
#232327
border-strong
#2F2F35
Texto
foreground
#FAFAFA
muted
#A1A1AA
subtle
#71717A
Marca & Status
accent
#6366F1
hot
#F59E0B
success
#22C55E
Tipografia
Geist Sans para a interface, Geist Mono para roteiros e dados.
Geist Sans
Roteiros que viralizam
Texto de corpo — peso regular, cor muted para conteúdo secundário.
Geist Mono
497K views · 01:32 · instagram
DisplayTítuloSubtítuloCorpoPequenoMicro
Bordas / Raio
Base de 14px, escala derivada.
sm
md
lg
xl
Botões
Variantes e tamanhos disponíveis.
Badges
DefaultAccentEm altaOutline