Editorial · ~4K tokens

Audio Editorial (99% Invisible)

Reads like a podcast network's print supplement: a near-black warm ink on white paper, a single high-voltage yellow that does the entire shouting (banners, po…

Editorial & Mediadarkseriouswarm

Audio Editorial (99% Invisible) — AI-built sample

what your AI builds

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.

Audio Editorial (99% Invisible) — source

Audio Editorial (99% Invisible) — output

What’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.

audio-editorial/STYLE.md

preview

01# Audio Editorial (99% Invisible)02> Inspired by 99% Invisible (https://99percentinvisible.org)0304## Voice05- Tone: dark, serious, warm06- Personality: Reads like a podcast network's print supplement: a near-black warm ink on white paper, a single high-voltage yellow that does the entire shouting (banners, po…0708## Tokens09### Colour10- background: #FFFFFF11- surface:    #F7F7F712- ink:        #231F2013- accent:     #5E6AD214- muted:      #595A5C1516### Type17- display: Fraunces, Georgia18- body:    Inter19- mono:    JetBrains Mono2021### Spacing22- base unit: 4px23- section: 96 / 160 / 22424- container max: 1320px2526## Motion—— Get the pack to see the rest ——