Families
3+
Design System / Cards
/brandbook/cards
Cards
Objetivo: Definir composicoes de card para grids editoriais e funcionais.
Layouts
multi-grid
Reuse
alto
Design SystemCardsDS-03/brandbook/cardsmise en placeacceptance gateDesign SystemCardsDS-03/brandbook/cardsmise en placeacceptance gate
Component Catalog
Cards Catalog
Full UI component catalog · dark cockpit edition
5 sections · component index
Mise en place
Cards informativos
text input
textarea
Live
Mise en place
Cards metricos
Live
Mise en place
Cards de destaque
Live
Mise en place
Estados hover/presence
Live
Acceptance gate
Hierarquia de conteudo clara
Live
Acceptance gate
Espacamento consistente
Live
Acceptance gate
Comportamento em grid responsivo
Live
Implementation bridge
Ligar ao shell global
Live
Implementation bridge
Usar tokens canonicos
Live
Implementation bridge
Mapear para rotas reais
Live
Implementation bridge
Preservar IA do original
Live
Card families
Composicoes de card para conteudo e dados
Cards padrao para narrativa, metrica e acao.
C1
Metric card
Resumo rapido de KPI com foco no valor principal.
C2
Narrative card
Bloco editorial com tese e nota curta de contexto.
C3
Action card
Card com CTA e estado pronto para fluxo de entrada.
Gate de aceitacao
Tem ao menos 1 exemplo real por bloco
Tem criterio verificavel de temos/nao temos
Nao vira pagina promocional
Rotas relacionadas