Core Collection

The Layout Hub

The implementation systems for structured screens — grids, spacing scales, columns, and responsive breakpoints. Layout applies the structural principles introduced in the Form hub.

Pre-ship checklist

What Layout Is

01 What Layout Is →

02 The Grid →

03 Columns and Gutters →

Space

04 What Space Is →

05 The Spacing Scale →

06 Padding vs Margin →

Density

07 Information Density →

08 Whitespace as Signal →

Composition

09 Balance and Visual Weight →

10 Focal Points →

11 Rhythm and Repetition →

Responsive Layout

12 Responsive Principles →

13 Breakpoints →

Application

14 Common Layout Patterns →

15 Layout and Content Type →