designFoundations

Search the design system…

Search the design system…

Foundations

Spacing

Layout rhythm comes from Tailwind's default spacing scale; only values used as semantic landmarks are tokenised. If you find yourself adding a new fixed pixel value across multiple places — promote it here.

Layout tokens

  • --spacing-toolbar1.625rem (26px)Toolbar control height — diff/list strips.
  • --spacing-sheet26.25rem (420px)Default width of a side sheet (detail panels, drawers).
  • --spacing-sidebar-expanded15rem (240px)Expanded sidebar width in AppShell.

Container widths

  • --max-width-container-narrow40rem (640px)Forms, settings, single-column copy.
  • --max-width-container-medium56rem (896px)Standard page bodies.
  • --max-width-container-wide95rem (1520px)Wide tables and dashboards.