Design system
Brand tokens and the shadcn/ui component set that build the Inbox Cardinal surface. Mobile-first, themeable via CSS variables, mock data only.
Color
Brand palette and the semantic tokens derived from it.
Brand
Extended
Semantic
Typography
Hanken Grotesk (display), Inter (body), IBM Plex Mono (numerals).
Never miss what matters
Inbox Cardinal ranks what matters across all of your email accounts and calendars on one scale, so the important thing never hides in the account you check least.
0123456789 · Cardinal Score 94/100
Buttons
Variants, sizes, and states.
Cardinal Score chip
The signature number: paper box with ink text; below ~40 drops to ash; only escalated items invert to red.
Badges
Status and metadata labels.
Inputs
Text fields with labels and states.
Cards
Containers and a composed priority-feed item.
Priority feed rows (the real component, top 4 by score)
Logo
The cardinal mark and the app-icon tile. Full color and mono.