Spacing & Grid
Our layout strategy is built on a mathematical 8pt grid, ensuring consistency from high-density dashboards to expansive landing pages.
8pt Base Grid
All spatial relationships follow an 8-point incrementally base. This ensures mathematical vertical and horizontal rhythm.
Logical Insets
We use logical properties (padding-inline-start/end) to support LTR/RTL layout without custom overrides.
Gutter Hierarchy
Fixed gutter ratios for high-density dashboards (16px) versus marketing canvases (24px+).
The 8pt Explorer
Experience the mathematical rhythm of the GateFlow space.
Spacing Tokens
4px--ds-space-0508px--ds-space-10016px--ds-space-20024px--ds-space-30032px--ds-space-40048px--ds-space-600Built on
Certainty.
Institutional Gutter Policy
We strictly enforce a 16px gutter policy for all operational dashboards. For high-conversion marketing pages, we expand to a 48px (Hero) fluid gutter. This ensures that the densest parts of GateFlow, like Audit Logs and Residents Lists, remain calm and readable without excessive "whitespace" fatigue.