Design Tokens Showcase
Validación visual de colores, tipografía, radius y shadows.
Colores semánticos
background
foreground
primary
secondary
muted
accent
border
card
Brand palette
brand-900
brand-700
brand-500
brand-200
brand-100
neutral-600
neutral-400
Tipografía
Display 64px
Display 54px
Heading 48px
Heading 36px
Heading 30px
Heading 24px
Body 20px
Body 18px
Body 16px
Body 14px
Body 12px
Radius
rounded-sm
rounded-md
rounded-lg
rounded-xl
Shadows
shadow-sm
shadow-md
shadow-lg
shadow-xl