Spacing & radius
A 4px grid, a twelve-step radius scale, and a handful of soft shadows. Everything in Cloaked snaps to these — dashboards, mobile, and marketing.
Foundation
Space scale
4px base. Every spacing decision picks from this list. No in-betweens.
--space-1
4
--space-2
8
--space-3
12
--space-4
16
--space-5
20
--space-6
24
--space-7
32
--space-8
40
--space-9
48
--space-10
56
--space-11
64
--space-12
80
--space-13
96
--space-14
120
Layout
Rhythm in practice
Protection status
All clear · scanned 2 min ago
New identity
lark-swift-34@cloaked.id
Cards: 24 inside · 16 between · 32 outside padding. Orange guides show the 8px substrate.
Foundation
Corner radius
Generous but not balloon-y. Cards at 16, desktop buttons at 12, mobile CTAs at full pill.
--radius-none · 0
--radius-xs · 4
--radius-md · 8
--radius-lg · 12
--radius-xl · 16
--radius-2xl · 20
--radius-3xl · 24
--radius-full · pill
Foundation
Elevation
Soft-weather shadows. Larger blur than offset, no tint, used sparingly.
xs
sm
md
lg
xl