Max-width wrappers, grids, and structural primitives for organizing page content.
Headings, body text, and content containers that establish textual hierarchy.
Interactive controls that trigger user-initiated operations.
Input controls and composed layouts for collecting user data.
Components for presenting structured information, metrics, and content collections.
Wayfinding components that help users move through an application or site.
Floating layers that display content or interactions above the page. All include vanilla JS.
Full-page marketing and content sections ready to drop into landing pages.
42 components across 8 categories. Copy from individual component pages, not from here.
Design language
Palette
Typography
Heading
Bricolage Grotesque 600
Body
Instrument Sans 400 · 1.6 line height
Mono
IBM Plex Mono 400