Padrões de página
Ao criar uma tela nova, o ponto de partida é um destes — nunca uma tela em branco. Todos aceitam o prop grid para ligar a textura do CIC atrás do conteúdo.
List View
O padrão mais comum: busca, filtros e tabela paginada. Marque uma linha para ver a barra de seleção em massa substituir os filtros.
Gestão de visitas
24 visitas agendadas neste mês
| Status | ||||
|---|---|---|---|---|
| Maria Silva | Workshop | 24/08/2026 | Confirmada | |
| João Pedro Alves | Demonstração | 25/08/2026 | ||
| Ana Beatriz Costa | Tour guiado | 26/08/2026 | Confirmada |
Form Entry
Criação ou edição. Grid de 2 colunas no desktop, largura máxima de 672px, e o submit nunca desabilitado por formulário inválido.
Adicionar visita
Preencha os dados para registrar uma nova visita.
Dados do visitante
Dashboard
Máximo de 4 métricas no topo, sem ação primária no header — o foco é leitura.
Bom dia, Ericka
Próximas visitas
Três visitas agendadas para esta semana.
Espaços mais usados
Lab 2 concentrou 14 das 24 visitas do mês.
Detail View
Layout 2/3 + 1/3. Campos somente-leitura usam ReadonlyField, nunca input desabilitado.
Workshop de IA generativa
ConfirmadaCriado em 12/08/2026 por Maria Silva
Informações da visita
Participantes
Confirmation Flow
Só para ação irreversível. A descrição explica a consequência, não pergunta 'tem certeza?'. Ação destrutiva nunca usa primary — não associar a marca a risco.
Error States
404, 403 e 500. O numeral é grande e neutro, com o grid dissolvendo atrás.
Página não encontrada
O endereço que você acessou não existe ou foi movido.