Behind the build

Portfolio OS.

This portfolio was redesigned and rebuilt from scratch, in conversation with Claude Code. No templates, no code editor. Every page, the design system, and the motion, shaped through dialogue.

10
Pages
5
Case studies
54
Images ported
1,415
Lines of code
18
Section blocks
0
Build steps
The build
A full redesign, built the way a conversation moves: propose, react, refine.
  1. 01

    Map

    Inventory the live site, section by section.

  2. 02

    Direction

    Try palette and type on real content, live in the browser.

  3. 03

    System

    Distil it into an eighteen-block section kit.

  4. 04

    Build

    Compose ten pages, content ported one to one.

  5. 05

    Motion

    Layer in smooth scroll and quiet reveals.

  6. 06

    Review

    Click through, fix, refine, ship.

The stack
One layer of tools, no framework underneath.
  1. 01Claude CodeAI coding agent
  2. 02Vanilla HTML · CSS · JSNo framework, no build
  3. 03LenisSmooth scroll
  4. 04Bricolage + General SansTypography
  5. 05GitVersion control
  6. 06VercelDeployment
Design decisions
01

Light editorial

Restraint over spectacle. Near-white, huge type, one accent, generous space.

02

Type with a voice

Bricolage Grotesque and General Sans, chosen past the usual defaults.

03

Motion that never hides content

Lenis smooth scroll and quiet reveals. Nothing animates in on load.

04

Content ported one to one

The writing came straight from the live site, no rewriting, no reduction.