Seven decisions. Zero raw values.
Every Nexus interface is assembled from these seven foundations. Each one is encoded as design tokens — CSS variables consumed through utilities — so a decision made once holds everywhere.
Colors
A three-tier token palette — Base primitives feed Semantic intents, which feed Component roles. No hex codes, ever.
Typography
Space Grotesk for voice, Chivo Mono for captions — every style a composite utility, from display to caption.
Grid & Layout
Responsive column grids and admin-portal layouts across seven breakpoints, from mobile 360 to desktop 1920.
Spacing
A single numeric scale drives every padding, margin, and gap — so rhythm stays consistent on every screen.
Corner Radius
From hairline 2px softening to full pills — one radius ramp shared by inputs, cards, badges, and buttons.
Effects
Elevation shadows and focus rings — depth used sparingly, so hairline borders stay the primary structure.
Icons
A generated, typed icon library — SVGR components in fill and outline styles, recolored purely through tokens.