Library
Journey design library
The single source of truth for Journey's design system. Foundations cover the token layer, primitives cover composable UI atoms, and sections cover the variant gallery used to compose marketing pages.
Live
Foundations
Color, typography, spacing, radius, motion. The base layer every component composes from.
Live
Primitives
Buttons, form inputs, tiles, and reusable UI atoms. Composable building blocks.
In progress
Sections
Variant gallery organized by category — Nav, Hero, Features, Pricing, FAQ, and more. The catalog used to compose pages.
Reference
Layout reference
Canonical proportions (golden / √2 / 3:2 / 1:1), 8 Planar Box Layout patterns, and the full Bento Layouts catalog: Small (13), Medium (10), Large (15). Pick from these when composing sections.
In progress
Pages
Composed marketing-page references built from the section catalog. Marketing home today; pricing, about, and others land here as they build.