Surfaces
Five layers of dark. Elevation comes from lightening, not shadow.
Foregrounds
Four steps from primary copy down to disabled. No pure white.
Accent & semantics
Mint is the only chromatic in the UI. Semantics borrow from a small, restrained ramp.
Type scale
Geist Sans throughout — display via tighter tracking and weight contrast.
Radii
Sharp at the edges, soft on the surfaces.
Spacing rhythm
4 / 8 / 12 / 16 / 20 / 24 / 32 / 40 / 48 / 64 / 80 / 96 / 128
Motion
Five durations, three easings. Storytelling is reserved for the landing page.
In context
A card and an input pulled straight from the tokens above.
Crusade night at Dark Sphere
Looking for one more 2,000-point Crusade game. Casual, narrative, bring snacks. Table booked from 18:30.
Buttons
Five variants, three sizes, plus loading + icon variants.
Form controls
Inputs, toggles, and the field scaffolding that wraps them.
Shown on the listing card.
Please keep it under 500 characters.
Badges, pills, tags, avatars
Small labels and identity chips.
Overlays & menus
Tooltip, popover/menu, dialog, sheet, toast.
Tabs & segmented
Switching between sibling views.
3 games this week
All within 10 miles of SE1. Tap a game to see the host's profile and request a seat.
Skeletons
Loading placeholders match the shape of the real content.