03 Foundations

Spacing tokens

Base 8 px grid. Operational data needs room to breathe: comparisons and metrics are never compressed.

The Nearshore Company logo

Scale

--sp-1
8px
--sp-2
16px
--sp-3
24px
--sp-4
32px
--sp-6
48px
--sp-9
72px
--sp-12
96px

Applied rhythm

Card

24 px padding, 16 px internal gap, 1 px border.

Grid

16–32 px gaps depending on density. Comparisons always in two desktop columns.

Section

48–96 px editorial separation. One dominant idea per viewport.