Design System
Tokens y componentes
Lo que usa la home, pintado con el código real. Las reglas están en docs/DESIGN_SYSTEM.md.
Color
Acento
bg-accent
Ink secondary
text-ink-secondary
Ink tertiary
text-ink-tertiary
Blanco
bg-white
Logos
bg-neutral-50
Tarjeta
bg-neutral-100
Retos
bg-neutral-950
Tipografía
Satoshi · font-display
Geist Mono · font-mono
Rótulo · font-mono text-xs uppercase
SectionHead
01.
Rótulo
Titular con una palabra resaltada.
Frase corta a la derecha, en ink-secondary.
02.
Sobre negro
La variante dark, sobre fondo negro.
El gris secundario se aclara.
05.
Sobre acento
El resaltado va al revés.
Botones
Primario Secundario
Iconos
- chart
- cpu
- users
- box