Phase 1 · Tokens, type and core components
Quietly confident, built for trust.
A stone canvas, graphite actions and champagne used sparingly. Every screen in the MVP is built from the tokens below, in light and dark mode.
Color
Palette
Neutral, warm surfaces carry the interface. Champagne marks what matters: the active item, a highlight, a premium moment.
Lifecycle
Lead status
One color per status, used the same way on every screen. The countdown shifts color as the 30-day window runs out.
- AvailableIn the Circle feed and claimable
- ClaimedLocked to one agency, clock running
- In progressBeing worked, clock still running
- ClosedPolicy bound, clock stopped
- ReturnedBack in the pool with a reason
Claim clock
Typography
Type scale
Fraunces for headlines and section headings, Geist for the interface, Geist Mono for every number: stats, money, IDs and countdowns.
Good morning, Sarah
Lone Star Circle
Expiring this week
Share the leads you can't write with agencies you trust. Every referral stays inside your Circle, and every claim comes with a clear 30-day window to close.
LD-10482$18,500.0018d 06h 12m
Actions
Buttons
Graphite is the primary action. One primary button per view; everything else steps back.
Inputs
Forms
Clear labels, helper text that explains why, and validation that tells you how to fix it.
Hidden from the Circle until another agency claims the lead.
Surfaces
Cards
White cards on the stone canvas, with thin borders and very little shadow. A first look at the dashboard stat card and the lead card.
- Est. premium
- $18,500
- X-date
- Nov 12
- Contact
- Locked
Feedback
Overlays and states
Dialogs confirm consequential actions, toasts confirm results, skeletons hold the layout while data loads.
Overlays and feedback
Tabs