Aithusa SquadBrand ShowcaseV2.0 Dark Cockpit Edition

MOTION & EASING

EASING CURVES · DURATION TOKENS · ANIMATION PRIMITIVES // 2026

Foundations / Motion3 Durations2026

05MOTION & EASING2026

Duration Tokens

150ms

Micro

--duration-micro

Hover, focus, feedback imediato

450ms

Card

--duration-card

Reveal de cards, modals, entry

800ms

Page

--duration-page

Transições de página, full animations

Easing Curves

Cockpitcubic-bezier(0.2, 0, 0, 1)Movimento preciso, sem bounce

Revealcubic-bezier(0.34, 1.56, 0.64, 1)Entrada com inércia natural

Rules

01Nunca use valores de duração fora do sistema

02Sempre aplique easing — sem linear transitions

03Micro: interações imediatas (hover, focus)

04Page: transições completas de contexto