Design system reference.

Source of truth for tokens, components, and section layouts used across the site. Sections render with content from the live src/content/ collections — what you see here is what the site uses.

palette

Tokens

Colors, typography, spacing, radii — every CSS custom property defined in @theme.

widgets

Components

UI primitives (ChecklistItem, SectionWithIcon) with prop tables and live previews.

view_quilt

Sections

Every page section rendered live with default content from the content collections.

Convention

Sections are content-named (HeroSection, PricingSection — not TwoColumnLayout). Each section is a layout shell + colocated item subcomponent + content collection entry. Content lives in src/content/; tokens in src/styles/global.css @theme. See design.md for the full spec.