Crie Apps de IA — Sistema de Design

Construa um sistema de design completo sobre os fundamentos: design tokens no Tailwind, uma biblioteca de componentes com variantes, acessibilidade (WCAG, foco, teclado), animações e microinterações, e o Storybook como fonte de verdade visual. Ao final, você tem um sistema de design consistente sobre o qual o restante do programa se apoia.

Aula 1: Design Tokens — de valores fixos a um sistema de tokens
Aula 2: Escala de Tipografia e Espaçamento — Ritmo Visual a Partir de um Sistema
Aula 3: Cor, Contraste e Modo Escuro — Um Tema, Dois Modos
Aula 4: Variantes e Composição — Um Componente, Muitas Formas
Aula 5: Acessibilidade — Foco, Teclado e ARIA
Aula 6: Movimento e Microinterações — Dosagem e Acessibilidade
Aula 7: Storybook — A Fonte da Verdade Visual
Aula 8: Componentes RTL — Construindo para as Duas Direções