The core system, before the pages.

Typography

Libre Franklin

Display 500–700, tight tracking · Body 400 at 17/1.72

IBM Plex Mono

Metadata, labels, numbers, code · 9–11px, .1em, uppercase

Colour = category

Each section owns a hue: Labs green, Projects cobalt, Writing violet, Experience tangerine, About rose. Colour is never decoration — it tells you where you are.

Marks & motion

Marks draw on with stroke-dashoffset over 1.1s. Rows slide 5px on hover, cards lift 5px, chips tilt 1.5°. Nothing animates for longer than 300ms except the drawn marks and the header ticker.

Grid & components

12 columns, 1480px max, 28px gutters. Index pages use rows; Labs uses tinted cards because each entry has a visual.