Design System / Motion

/brandbook/motion

Motion

Objetivo: Catalogar animacoes por trigger, duracao e contexto.

Motion patterns

8+

Durations

tokenizadas

A11y

reduced

Design SystemMotionDS-15/brandbook/motionmise en placeacceptance gateDesign SystemMotionDS-15/brandbook/motionmise en placeacceptance gate

Component Catalog

Motion Catalog

Full UI component catalog · dark cockpit edition

5 sections · component index

Mise en place

Reveal

Live

Mise en place

Stagger

Live

Mise en place

Hover/tap spring

Live

Mise en place

Presence transitions

Live

Acceptance gate

Catalogo por trigger

Live

Acceptance gate

Duracoes/easing definidos

Live

Acceptance gate

Respeita reduced-motion

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

Motion catalog

Animacao como sistema transversal

Reveal, stagger e presence com duracoes e uso definidos.

Reveal

Soft reveal

Float

Orchestration pulse

Brand reveal

Gate de aceitacao

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