← All Components

Canon

Layout

Layout primitives create predictable structure for repeated surfaces. Use them to make workflow state, proof, and action areas scan cleanly.

Published July 5, 2026

What Ships Today

  • Section
  • SectionHeader
  • BentoGrid
  • BentoItem
  • SplitSection
  • ProjectGridInteractive candidate

Selection Rules

  1. Use open page sections for top-level page structure.
  2. Keep cards for repeated items, modals, or bounded tools.
  3. Make responsive behavior and composition rules explicit before stable promotion.

Related