Components/

Sections

9 sections shipped across 2 groups. Each tile opens a documentation page with interactive preview and full token / a11y notes.

Layout

Structural primitives that arrange other components. 4

Block-layout Single-column container with constrained measure.

Split-layout Two-panel with auto-collapse via auto-fit minmax.

Grid-layout Multi-column grid with auto-fit reflow.

Stack-layout Vertical or horizontal stack with tokenized gap.

Ready

Pre-composed, drop-in page sections. 5

Hero Above-the-fold section. 4 patterns (standard/centered/split/minimal).

CTA Mid-page conversion block. Hero-lite, centered or start-aligned.

Site-header Top chrome with logo + nav + actions; sticky opt-in, Sheet for mobile.

Site-footer Minimal single-row footer: logo + nav + copyright.

Site-footer-extended Multi-column footer with category groups + bottom row.