SPACE.

Space in this substrate isn't just padding — it's rotation, bleed, and overlap. Slabs break the grid. Elements tilt. Margins go negative. The spatial system creates energy through controlled chaos.

The Rotation System

Slabs rotate between -1.5deg and +1.5deg. Alternating directions create visual rhythm. Never the same angle twice in a row.

rotate(-1.5deg) Strong negative
rotate(-1deg) Medium negative
rotate(-0.5deg) Subtle negative
rotate(0deg) Flat — rare, intentional
rotate(0.5deg) Subtle positive
rotate(1deg) Medium positive
rotate(1.5deg) Strong positive

Slab Bleed

Slabs use margin: -0.5rem -2vw to bleed past their parent container. Combined with rotation, this creates the illusion of physical layers — like paper collage.

Container edge
This slab bleeds past the container.

Padding Scale

XS
0.25rem / 4px
SM
0.5rem / 8px
MD
1rem / 16px
LG
1.5rem / 24px
XL
2.5rem / 40px
2XL
3.5rem / 56px — slab vertical
3XL
5rem / 80px — hero vertical
SECTION
8rem / 128px — major breaks

Density Comparison

Tight — Inside slabs

Problem statement.

Content within slabs is tighter. Mono body text. Less breathing room. The slab edge IS the boundary.

Airy — Between sections

Hero territory.

Space between major sections is generous. The page breathes between punches. Let the reader's eye rest before the next slab hits.