Components
Cards
Glass panels floating over the void. Two sizes, one recipe — and at full strength, the Deep Focus cards from the original references, rebuilt entirely on system tokens.
Standard
16px radius, 24px padding.
Feature
32px radius, 32px padding.
Interactive — hover
Lifts 8px, shadow deepens.
standard (16px radius) for everyday content · feature (32px radius) for hero surfaces. Interactive cards lift on the spring easing.
Good Evening
Take a deep breath.
Your Progress
This Week
Greeting and stat patterns from the components sheet.
The flagship — Deep Focus cards, rebuilt on-system
The three reference cards that defined the ORBA aesthetic, reproduced with nothing but system tokens and components: the timer ring is motion tokens, the equalizer is the wave-dance interaction, the goal slider is the real Slider — drag it and the numbers follow.
Current Stream
Cosmic Drift
A seamless loop of interstellar radio waves and deep synthetic pads.
Daily Goal
4 / 6 hours
Activity Pulse
Insight: Thursday is your most productive day. You tend to reach deep flow states between 10 AM and 1 PM.
- One feature card per view — it is the stage, everything else is audience.
- Glass never stacks more than two deep: void → card → well. Never card-on-card-on-card.
- Imagery always sits under the scrim gradient so text stays readable.
- Cards own their padding; content never touches the glass edge.