Brutalist · ~4K tokens

Quiet Brutalist (Are.na)

Reads like a long-running message-board for designers who don't want a designer: white paper, dark-grey ink, one almost-Arial sans at body size, and a single…

Experimental & Brutalistlightminimalwarm

Quiet Brutalist (Are.na) — 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.

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.

quiet-brutalist/STYLE.md

preview

01# Quiet Brutalist (Are.na)02> Inspired by Are.na (https://www.are.na)0304## Voice05- Tone: light, minimal, warm06- Personality: Reads like a long-running message-board for designers who don't want a designer: white paper, dark-grey ink, one almost-Arial sans at body size, and a single…0708## Tokens09### Colour10- background: #FFFFFF11- surface:    #F7F7F712- ink:        #33333313- accent:     #5E6AD214- muted:      #6969691516### Type17- display: Druk, Tungsten18- body:    Inter19- mono:    JetBrains Mono2021### Spacing22- base unit: 4px23- section: 96 / 160 / 22424- container max: 1320px2526## Motion—— Get the pack to see the rest ——