Layout

Square corners, hairline borders.

A 4px scale, a 1120px container and generous sections. No shadows anywhere.

Spacing

Multiples of 4px.

4px
8px
12px
16px
24px
32px
48px
64px
96px
128px

Grid and sections

  • Container1120px max, 16px gutter · container-site
  • Section96px vertical, 48px on mobile · section
  • Radius0 for cards, panels and images · 2px for buttons and inputs · full for circular portraits
  • Border1px hairline in --border. Card grids share one border, no gaps
  • ShadowNone
  • Motion150 ms colour transitions only · transition-colour