Skip to content

Compositions from the system's own tokens

GALLERY

Nine studies, one constraint. Every piece below is set with the same scale, the same grays, the same grid — nothing imported, nothing drawn.

01 INVERSION --ink · --paper
02 SCALE --step--1 … 4
03 WEIGHT 400 · 700
04 THE RAMP --gray-100 … 900
05 RHYTHM repetition · grays
06 TRACKING −0.08em · 0.5em
07 HIERARCHY size · weight · gray
08 DENSITY texture · contrast
09 THE GRID --border-w-hairline

Same tokens, your composition.

Everything here is plain HTML and the system's variables. Fork it, rearrange it, send back what you make.

Fork on GitHub