Foundations
Five principles govern every ORBA decision. When a new situation isn't covered by a rule, these decide.
01
ORBA lives in darkness. The near-black night-950 canvas is not a 'dark mode' — it is the brand's natural habitat, calm by default. Light is information: every lighter pixel should earn its place by communicating something.
Compose on night-950; let content glow out of the dark.
Flood panels with light fills or large bright areas.
02
Coral is ORBA's only warm voice, and scarcity is what gives it authority. In any view, coral belongs to the single most important action or live element — the Start Session, the active day, the current stream.
One coral emphasis per view; support it with glow.
Use coral for decoration, borders, or several equal elements at once.
03
Surfaces are translucent layers floating over the void — a dark gradient, a 12px blur, a hairline of light. Depth comes from darkness and these light borders, never from grey drop-shadows.
Separate layers with hairline white borders and blur.
Stack opaque grey panels or use classic material shadows.
04
Data is the hero of focus and wellbeing products, so ORBA renders it huge, Light-weight and tightly tracked — then surrounds it with quiet. A timer reads like a moon, not a dashboard.
Display numerals in Light at display sizes with generous space.
Bold small numerals or crowd data with labels.
05
Animation follows the rhythms of breath: slow pulses, gentle drifts, springy but soft arrivals. Motion exists to reassure — something is alive and listening — never to hurry the user.
Loop ambient motion slowly; enter with the spring easing.
Snap, flash, or animate faster than 150ms for spatial moves.