Crea apps de IA — Sistema de diseño

Construye un sistema de diseño completo sobre los fundamentos: tokens de diseño en Tailwind, una librería de componentes con variantes, accesibilidad (WCAG, foco, teclado), animaciones y microinteracciones, y Storybook como fuente de verdad visual. Al final tendrás un sistema de diseño coherente sobre el que se apoya el resto del programa.

Lección 1: Design Tokens — de valores fijos a un sistema de tokens
Lección 2: Escala de tipografía y espaciado — ritmo visual desde un sistema
Lección 3: Color, contraste y modo oscuro — un theme, dos modos
Lección 4: Variantes y composición — un componente, muchas formas
Lección 5: Accesibilidad — foco, teclado y ARIA
Lección 6: Animaciones y microinteracciones — dosis y accesibilidad
Lección 7: Storybook — la fuente de verdad visual
Lección 8: Componentes RTL — construir para ambas direcciones