Style Guide
Design tokens, components y patrones de UI para mantener consistencia.
Design Tokens
Colors
Spacing
Typography
Heading XL
Heading L
Heading M
Body
Small
Caption
Buttons
Cards
Default Card
Usar para features, pricing y bloques informativos con título y contenido.
Elevated Card
Aplicar sombras y acentos para resaltar contenido importante o destacado.
Accessibility
- Usar estados focus visibles en enlaces y botones.
- Respetar preferencias de movimiento del sistema.
- Proveer etiquetas aria y texto alternativo en imágenes.
- Garantizar contraste suficiente en colores.