Foundation

Spacing

4-point base grid. All spacing values are multiples of 4px. Minimum touch target size: 48×48px (WCAG 2.5.5). Screen padding: 64px.

Spacing scale

space-1
4px
space-xs
6px
space-2
8px
space-3
12px
space-4
16px
space-6
24px
space-8
32px
space-12
48px
space-16
64px
Base unit
4px
Smallest
space-1 · 4px
Largest
space-16 · 64px
Touch target (min)
48 × 48px · WCAG 2.5.5
Screen padding
64px
Bar color
#2ECE78