Regras universais de frontend
Tokens de cor, ausência de estilos inline estáticos, comentários PT-BR, browser-safe, validação local, acessibilidade e auditoria após mudanças.
Evidências · contrato verificável
Conformidade
Evidências mostram se portal e produtos cumprem o mesmo contrato — sem temas privados, tokens paralelos ou componentes divergentes.
Veredito
aprovado com escopo100%checks automatizáveis aprovadosna entrega gerada desta versão
A formulação anterior despersonalizou a origem, mas abriu liberdade demais: slots de branding, perfis visuais e camadas locais poderiam fragmentar o core sob o argumento de preservar identidade de produto.
A v1.5 remove essa ambiguidade. Produtos preservam função, conteúdo e regras de negócio; foundations, componentes, padrões e comportamento convergem para a identidade comum.
Aplicabilidade do guia de desenvolvimento anexo
matrizEstrutura de framework
Ordem de hooks, tipagens, imports, pastas e exports se aplicam apenas aos projetos que utilizam a stack correspondente.
Contratos funcionais
Streaming, canvas, caches, permissões, integrações e regras de negócio permanecem nos produtos. Eles não criam identidade visual paralela.
Branch, commit, push e deploy
O pacote entregue não contém repositório Git. Essas regras precisam ser verificadas no ambiente de desenvolvimento que receber o portal.
Auditoria automatizada
reproduzívelEstilos inline estáticos
Runtime styles mecânicos são marcados e excluídos do contrato estático.
Botões sem type
Evita submit acidental e deixa a intenção explícita.
Eventos inline
Comportamento fica centralizado no JavaScript do portal.
Identidades paralelas
O script proíbe slots de branding, seletores data-product e CSS visual por produto.
Segmented legado
Impede um segundo contrato fora do componente core.
Override de tamanho
Impede alterar o font-size fora do contrato de caixa.
Contrato Phosphor
Verifica nome semântico, glyph e um único peso por ícone.
Caixa iconográfica
Confirma que font-size, largura e altura avançam juntos.
Icon Button
Valida densidade, glyph, ênfase, nome acessível, shape e ausência de aliases.
Família anterior
Bloqueia fonte remota, sprite e fallback iconográfico legado.
Contrato squircle
Verifica os 27 contratos seguros de controle, navegação e superfície interativa.
Contrato de radio
Verifica radiogroup, seleção única e roving tabindex.
Contrato de tabs
Verifica tablist, seleção, foco e associação com tabpanel.
Densidade tipográfica
Valida displays 28–64/500, títulos 18–24/550, scripts, reflow, fonte local e fallback em três motores.
python3 scripts/audit_portal.py # Verifica HTML, links, IDs, botões, estilos inline, # cores diretas, tokens CSS, sintaxe JS, fronteiras da família, # iconografia, segmented, radiogroup e tabs/tabpanel.
Limites da evidência
honestidadeO que a auditoria provaEstrutura íntegra, ausência das violações conhecidas, tokens definidos, identidade sem forks e comportamento básico renderizável.
O que ela não provaQue todos os produtos já migraram, que todo fluxo está completo ou que a próxima direção inspiracional já foi validada.
Conformidade não substitui crítica de design. Ela impede a fragmentação básica para que a evolução visual aconteça sobre uma identidade confiável.