Foundations
Motion
ORBA motion follows the rhythms of breath — slow pulses, gentle drifts, soft spring arrivals. It reassures; it never hurries.
fast flips colours, base moves most things, slow + spring moves things spatially, drift moves large media.
wave
1200ms
shimmer
2000ms
pulse
2500ms
breathe
4000ms
spin
12000ms
Looping decoration runs far slower than interaction speeds — these are moods, not events.
standard for utility moves · spring is the ORBA signature for arrivals and lifts · linear only for spins and shimmers.
The micro-interaction library
hover me
Hover the card.
duration/slow · ease/spring · shadow/floating
Any interactive card or tile. Never on static content.
Live dots breathe glow.
duration/ambient-pulse · glow/accent-soft→strong
The one live element per view: recording dot, active session.
The equalizer.
duration/ambient-wave · 50ms stagger
Sound that is currently playing — never as decoration.
Active progress shimmers.
duration/ambient-shimmer · linear
Progress currently being earned; static bars stay still.
Orbits rotate, linear.
duration/ambient-spin · linear
Timer rings and orbital decoration. One per view.
The meditation rhythm.
duration/breathe · ease/standard
Breathing guides and idle companion orbs.
entrance
Entrances rise 12px. Replay ↻
duration/slow · ease/standard
Content arriving on screen. Keyframes, never transitions.
Siblings arrive 60ms apart. Replay ↻
fade-up × n · 60ms steps
Lists and grids entering together — max 6 staggered items.
0%
Numbers land softly. Replay ↻
duration/drift · ease/standard
Stats revealing their value. Respects reduced motion (jumps).
Try it: enable Reduce Motion in your OS accessibility settings and revisit this page — it stays calm, just still.
Every animation honours the system 'reduce motion' setting: ambient loops stop, entrances land instantly at their final state. Nothing is lost except movement.