Componentes e Padrões de Interface (B)
Ponto de vista: PRO — Prototipação
Os protótipos deverão observar os padrões de componentes definidos nas histórias HIVC e HUX do ESP. Os padrões abaixo são referência para a IA agêntica que gera os protótipos.
Variações de botão
Seção intitulada “Variações de botão”Os botões seguem hierarquia de ação:
| Variante | Uso |
|---|---|
| Primary | Ação principal da tela (ex.: Confirmar, Enviar) |
| Secondary | Alternativa ou ação secundária (ex.: Voltar, Cancelar) |
| Success | Confirmação de operação bem-sucedida |
| Danger | Ações destrutivas ou irreversíveis (ex.: Excluir) |
Controles de formulário
Seção intitulada “Controles de formulário”Campos de formulário devem:
- Indicar estado de validação — ícone ou cor para campo válido, inválido ou obrigatório não preenchido
- Suportar editores estruturados — campos YAML/JSON com syntax highlighting quando aplicável
- Apresentar controles encadeados — quando o valor de um campo condiciona as opções do próximo
- Exibir mensagens de erro no padrão institucional definido nas HIVC
Acessibilidade mínima nos protótipos
Seção intitulada “Acessibilidade mínima nos protótipos”Mesmo em caráter preliminar, todo protótipo deve respeitar:
- Contraste mínimo 4.5:1 para texto normal (WCAG 2.1 AA)
- Labels explícitos em todos os campos de formulário
- Ordem de foco via teclado lógica e previsível
- Textos alternativos em imagens informativas
Disclaimers obrigatórios no protótipo
Seção intitulada “Disclaimers obrigatórios no protótipo”Todo protótipo deve incluir de forma visível: