Amelise SquadV1.0 Dark Bloom Edition
MOTION SYSTEM
DURATIONS · EASINGS · TRANSITIONS // 2026
Foundations / Motion7 Tokens2026
01DURATION TOKENS2026
Duration Scale
--motion-fast150ms
Hover, focus, quick transitions
--motion-normal250ms
Default transitions
--motion-slow400ms
Page transitions, enter/exit
--motion-slower600ms
Complex animations
02EASING CURVES2026
Easing Functions
--ease-outDeceleratecubic-bezier(0.16, 1, 0.3, 1)
Natural, smooth landing
--ease-in-outSmoothcubic-bezier(0.65, 0, 0.35, 1)
Gentle start and end
--ease-bounceBouncecubic-bezier(0.34, 1.56, 0.64, 1)
Overshoot with spring back
03INTERACTIVE PLAYGROUND2026
Motion Playground — Try It
Fade + Slide (ease-out)
motion-fast (150ms)
Press Play
Scale + Bounce
motion-slow (400ms)
Press Play
Enter/Exit (ease-in-out)
motion-slow (400ms)
Hidden
Stagger Children
motion-normal (250ms) stagger
Press Play