Style guide / layout

Grid System

The grid defines rhythm and alignment across the product. All layouts must snap cleanly to the grid.

If it floats, it’s wrong.

Breakpoints & Responsiveness

Layouts must adapt logically across devices. No custom hacks per screen size.

Design once. Scale intelligently.

Spacing & Sizing Scale

Spacing follows a defined scale. Random spacing is a visual liability.

Consistency compounds quality.

Alignment & Margins

Alignment communicates discipline. Margins are intentional, not accidental.

Elevation & Depth

Depth is subtle and purposeful. Shadows should clarify hierarchy, not decorate.