Decisões de UX
- Paletas trocáveis para adaptação à marca e ao contexto.
- Componentes com estados de foco/hover consistentes.
- Hierarquia tipográfica simples (títulos, suporte, ações).
UI Showcase — Componentes Vibrantes
Uma coleção de componentes coloridos e acessíveis, com paletas dinâmicas (Sunset, Ocean, Forest, Candy), tabs, alerts, badges, inputs e CTA — todos com foco em contraste, legibilidade e feedback visual.
UI/UXDesign TokensAcessibilidadeTailwind
Acessibilidade
- Contraste de cor com fundo claro e badges suaves.
- Tabs com alternância clara de estado ativo.
- Inputs com tamanho de alvo suficiente e labels visíveis.
Arquitetura visual
O showcase usa um conjunto mínimo de “tokens” CSS (variáveis CSS) para primária, acento e gradiente. A troca de tema altera essas variáveis e toda a interface acompanha sem necessidade de recompilar CSS. O Tailwind é carregado via CDN apenas para utilitários e spacing/typography.