Design system
Quiet Paper, Loud Stripe.
Paper surface, ink borders, hard offset shadows, discrete hard-stop color bands. No gradients, no emoji UI — every icon is custom SVG. This page is the living reference; every piece here is pulled from the same stylesheet the app uses.
Color
Six hard-stop brand colors plus the paper/ink surface pair. Colors never blend — every transition is a hard edge.
Type
ui-rounded / Avenir Next / Inter — friendly, high-weight display sizes paired with a plain-spoken body voice.
Orbit — brand mark
The 24-tick ring is decorative homepage art now, not the everyday click target — it's too big and too loud for something you press fifty times a day. It still encodes the same state-timing rules: 27s idle, 34s armed, 20s recording.
Record control
Small, plain, unmistakable. Lives inside the live preview box so what you see is what gets recorded.
Capture mode & buttons
Capture controls
Buttons
Watch states
Every state gets a meaningful page — never a blank or broken player.
Watch player
The player keeps playback controls inside the video frame with clear progress and time reading.
Cards & library tiles
Motion & accessibility
Every animated element has a static fallback under prefers-reduced-motion: reduce. Try it: toggle reduced motion in your OS settings and reload — the Orbit ring freezes, the camera bubble's rainbow border stops cycling, and every state/timer stays perfectly readable without decoration.