Portfolio · ~4K tokens
Engineer Portfolio (Josh Comeau)
Reads like a senior engineer's personal site that has chosen warmth over corporate restraint: a paper-white canvas, deep ink text, a single voltage-blue actio…
Reference · your version
Left: the reference.
Right: what your AI builds.
Same prompt. Same model. With this pack attached, the output stays in the aesthetic instead of drifting toward the default.
referenceyour versionWhat’s in this pack
Everything you need to drop in and build.
Each Magpie pack ships as a self-contained folder. Drop it in your project, paste the README into your AI tool, prompt your site as normal.
STYLE.md
The complete design system as AI-readable instructions. Tokens, type, motion, voice. Tool-agnostic.
Reference screenshots
The source pages we studied, captured at 2x. Use them as moodboard or paste into vision-capable tools.
Tool drop-ins
Pre-written instructions for Cursor, Claude Code, Lovable, v0, Bolt, Replit, Windsurf, Continue, Codex.
01# Engineer Portfolio (Josh Comeau)02> Inspired by Josh Comeau (https://www.joshwcomeau.com)0304## Voice05- Tone: light, maximal, playful06- Personality: Reads like a senior engineer's personal site that has chosen warmth over corporate restraint: a paper-white canvas, deep ink text, a single voltage-blue actio…0708## Tokens09### Colour10- background: #FFFFFF11- surface: #F7F7F712- ink: #0A0C1013- accent: #5E6AD214- muted: #5A60721516### Type17- display: Inter Display18- body: Inter19- mono: JetBrains Mono2021### Spacing22- base unit: 4px23- section: 96 / 160 / 22424- container max: 1320px2526## Motion—— Get the pack to see the rest ——
This pack at launch
Single packs go for £9. Founding Members get £10 off the Library at launch.
Join the waitlistAll 135 at launch
The full Library. Lifetime, no DRM, refundable. Founding Members £29.
Get founding accessMore in Personal & Portfolio
