Governanca de Templates e Design System

Foundations

Definir e manter estes blocos de base:

Cores

• Primarias
• Neutras
• Estados: positivo, alerta e critico

Tipografia

• Escala clara para title, subtitle, body e caption

Espacamento

• Base consistente, como 4, 8, 16, 24 e 32

Grid

• Colunas bem definidas
• Margens consistentes

Border radius

• Um padrao unico ou um conjunto minimo e controlado

Componentes

Padronizar ao menos estes componentes quando fizerem parte da biblioteca:

• Header / Institutional
• KPI / Default
• KPI / Status
• Card / Chart
• Card / Table
• Filter / Inline
• Menu / Sidebar
• Cover / Institutional

Nomenclatura

Usar um formato unico, curto e legivel:

Categoria / Componente / Variante

Exemplos:

• Header / Institutional / Default
• KPI / Default / Positive
• Card / Chart / Default
• Menu / Sidebar / Compact

Regras:

• Evitar nomes genericos como Final, Novo, Teste ou Opcao 2.
• Evitar misturar idioma, caixa e pluralizacao no mesmo sistema.
• Nomear por funcao e variante, nao por posicao momentanea no layout.
• Manter o mesmo padrao entre componentes, estilos e templates.

Criterios de auditoria

• Verificar se o mesmo componente existe duplicado com pequenas variacoes desnecessarias.
• Verificar se foundations cobrem a maior parte das decisoes visuais recorrentes.
• Verificar se templates usam componentes em vez de blocos soltos.
• Verificar se dark mode reaproveita a mesma logica estrutural do modo claro.
• Verificar se qualquer pessoa do time consegue localizar rapidamente paginas, componentes e variantes.

Regras de decisao

• Se duas solucoes forem visualmente parecidas, consolidar.
• Se uma variacao nao tiver motivo recorrente, remover.
• Se um template depender de ajustes manuais frequentes, componentizar.
• Se a organizacao do arquivo exigir explicacao longa, simplificar a estrutura.
• Se surgir conflito entre liberdade visual e consistencia, priorizar consistencia.