Design System

Spacing

IO uses an 8px base grid.

Scale

--space-1 (4px), --space-2 (8px base), --space-3 (12px), --space-4 (16px), --space-6 (24px), --space-8 (32px), --space-12 (48px), --space-16 (64px), --space-20 (80px section), --space-30 (120px section lg)

Section Padding

.section-padding (80px), .section-padding-lg (120px)

Containers

.container-io (980px), .container-io-wide (1200px), .container-io-narrow (640px)