Design System / Patterns

/brandbook/patterns

Patterns

Objetivo: Definir combinacoes recorrentes de componentes e secoes.

Patterns

10+

Rules

do/avoid

Reuse

alto

Design SystemPatternsDS-13/brandbook/patternsmise en placeacceptance gateDesign SystemPatternsDS-13/brandbook/patternsmise en placeacceptance gate

Component Catalog

Patterns Catalog

Full UI component catalog · dark cockpit edition

5 sections · component index

Mise en place

Pattern inventory

live preview

Live

Mise en place

When to use

live preview

Live

Mise en place

Do/avoid

live preview

Live

Mise en place

Composition examples

live preview

Live

Acceptance gate

Parece catalogo de sistema

live preview

Live

Acceptance gate

Nao parece landing

live preview

Live

Acceptance gate

Relaciona pattern com template

Live

Implementation bridge

Ligar ao shell global

Live

Implementation bridge

Usar tokens canonicos

live preview

Live

Implementation bridge

Mapear para rotas reais

live preview

Live

Implementation bridge

Preservar IA do original

live preview

Live

UI grammar patterns

Catalogo cockpit de composicao

Padrões recorrentes para manter consistencia entre paginas.

Dashboard cockpit

Para controlo de fluxo com densidade alta.

Narrative longform

Para manifesto, guidelines e editorial.

Conversion ritual

Para entrada com foco no proximo passo.

Collection showcase

Para grid visual com filtros e tags.

Gate de aceitacao

Tem ao menos 1 exemplo real por bloco
Tem criterio verificavel de temos/nao temos
Nao vira pagina promocional