System

The source of truth. Every piece in this workbench reads from these three files.

Grid
12 columns · 24 px gutter · 32 px margin
Baseline
8 px
Type scale
Modular, ratio 1.333 · anchored at 16 px
Family
Inter — Regular 400, Medium 500, Bold 700
Palette
Ink  ·  Paper  ·  Accent
  • tokens.css — source of truth
  • base.css — reset & typography
  • overlays.css — grid & baseline debug

Web

Interfaces built from vanilla HTML and CSS. Grid logic persists at every breakpoint.

    Graphics

    Static compositions — posters and editorial pieces authored as hand-written SVG in millimetres.

      Studies

      Short exercises. Grid studies, type specimens, single-property investigations.

        Principles

        The non-negotiables.

        • 01Clarity is the goal. Remove before you add.
        • 02Objectivity over expression. Justify with structure.
        • 03The grid is the foundation of every layout.
        • 04Typography carries hierarchy, rhythm, and tone.
        • 05Asymmetric balance on a rigorous grid.