room 04 / the type shop

This page is the design portfolio — the grid you're reading, the grain on top of it, the letters refusing their baseline. Everything else is documentation.

SYSTEM · MARK · DIRECTION · THE UI IS THE PORTFOLIO · READ THE ROOM · SYSTEM · MARK · DIRECTION · THE UI IS THE PORTFOLIO · READ THE ROOM ·

aesthetic lexicon — studied eras

  • Y2Kchrome, lens flare, optimism as a surface finish
  • Frutiger Aeroglass, water droplets, the humanist gradient
  • Global Village Coffeehousewoodcut suns, hand lettering, 1994 earnestness
  • Brutalist Web2px rules, zero radius, the grid says everything
  • 90s Anti-Designdefault blue links, visible structure, no apology
  • Liquid Glassrefraction as ornament, the current moment

working stack

  • GSAP + ScrollTriggerscroll as timeline
  • React Three Fiberthe third dimension
  • Fraunces / Archivowonk axis, width axis
  • Tweakpaneevery value is a knob
  • feTurbulencegrain, distress, weather
  • Astro islandsstatic until it matters

principles — v1, subject to taste

  1. 01The interface is the first exhibit.
  2. 02Density is generosity — give the reader everything.
  3. 03One chromatic gesture per room.
  4. 04If the grid is invisible, show it.
  5. 05Weight 300 can shout. Weight 800 can whisper.
  6. 06Texture is information: paper remembers.