Índice da vitrine
Início
Ações
Formulários
Navegação
Autenticação
Retorno
Conteúdo
Os componentes do template
Cada bloco abaixo demonstra o componente real que rotula, sobre os mesmos tokens de marca. Troque a paleta no main.css e tudo aqui acompanha.
/componentes/botoes
Botões
A matriz de dez intenções por variante, os três tamanhos, o botão com ícone e o botão que é um link.
/componentes/rotulos
Rótulos
Chip, badge e pill: três marcas parecidas que respondem a perguntas diferentes - uma clica, duas apenas dizem.
/componentes/campos
Campos
Entradas de texto, grupos com acessório, selects, o select pesquisável e os quatro estados de validação.
/componentes/opcoes
Opções
Togglers, caixas de marcar, rádios, as opções em cartão e o slider.
/componentes/formularios
Formulários
Três composições inteiras - contato, endereço e barra de filtros - com as decisões que campos soltos não mostram: colunas, agrupamento, validação e onde ficam as ações.
/componentes/navegacao
Navegação
Collapses, acordeão, árvore e menu suspenso: tudo sobre elementos nativos, com teclado de graça.
/componentes/navbars
Navbars
Quatro mastheads para os quatro tipos de site do grupo: loja, curso, central de ajuda e landing page. Todos ao vivo nesta página.
/componentes/rodapes
Rodapés
Os cinco rodapés que acompanham as cinco barras. O que muda entre eles é o COMPRIMENTO, e isso é uma decisão.
/componentes/sidebars
Sidebars
Três trilhos parecidos e não intercambiáveis: o menu do aplicativo, o índice de uma página longa e os filtros de uma listagem.
/componentes/seletores
Seletores
Tema, idioma, moeda e a engrenagem de aparência: os menus pequenos que mudam o site em vez de navegar por ele. Dois deles são alimentados pela API.
/componentes/auth-modais
Modais de conta
Entrar, criar conta, recuperar e trocar a senha, e a sessão bloqueada: cinco diálogos sobre os mesmos formulários que as páginas vestem.
/componentes/auth-paginas
Páginas de conta
As mesmas quatro rotinas em rotas de verdade, sem masthead e em duas formas: o cartão centrado e a divisão com imagem em 60% da tela.
/componentes/feedback
Retorno
Alerts em oito tons, modais nativos e os dois jeitos de dizer que algo está a caminho.
/componentes/conteudo
Conteúdo
Avatares, envio de arquivos com galeria, tabelas e listas.
/componentes/dados
Dados e mídia
As quatro superfícies que trazem dependência: gráfico, mapa, carrossel e editor. Estão juntas de propósito, porque ver o peso reunido é o que torna a escolha visível.
/componentes/calendario
Calendário
A agenda nas quatro visões - mês, semana, dia e lista -, o mês pequeno do trilho e o drawer que cria um evento. Sem dependência nova: só os tokens do tema.
Para agentes de IA
Especificação desta página
Um arquivo Markdown com as tags, props, eventos e trechos desta família, copiáveis ipsis litteris, mais as regras que valem antes de qualquer linha. Entregue-o ao agente junto com a tarefa.
/agents/overview.md