Spacing packed · base 4 · dark · default

The scale · tokens/spacing.css

space-1 · 4dot gaps · hint offset space-2 · 8inline gaps · chip padding space-3 · 12row padding · list gutters space-4 · 16panel padding · masthead space-5 · 20stack gap between panels space-6 · 24card padding · frame gap gap-section · 32between sections

Padding scale · 8 / 12 / 16

8 · chip · badge

12 · row · button

16 · panel · tile

Leading 1.5 · measure 65–75ch · 16px base. Rows 12 inside · 8 apart grouped · 0 apart dense · sections 32.

Density tonal step or space alone · light · alternate

Packed · the app

Today

Studio · invoice 37129509:12

Tailor · fitting moved08:40

PINM · booklet scanned07:15

Yesterday

Gmail · statement readyFri

Zoho · renewalFri

Medium · the site breathes

Every account in one place

The app is packed, the site breathes. Marketing loosens one step: 12 / 16 / 24 · sections 64–96. Same tokens, different picks.

Separation. surface → raised → selected. A rule line only inside a dense table. No borders · no shadows · no glow.