8 personas · 5 visual registers · 1 source of truth

Same data. Five voices.

Every SWR persona is rendered here in five different visual registers — from a print magazine spread to a terminal log feed to a brutalist file viewer. Pick the one that fits the room. The underlying JSON is identical.

6 character presets

Pick a voice, not a layout.

Each register renders the same 8 personas (Indie musician, Beatmaker, DJ, Small label, Belgrade / Serbian artist, Podcaster, Sound designer, Music manager) in its own visual language. Different typography, palette, layout — same content.

V1 · EDITORIAL
SWR Quarterly
Issue 01 · 2026

Editorial

Magazine spread · Fraunces · terracotta

Print-quarterly aesthetic. Paper-feel background, terracotta rules, byline intros. Use for blog posts, press kits, or when the audience expects reading.

Frauncesterracotta #c4543aforest green badge
Open V1 →
V2 · DARK
$ swr personas
live · 8 online

Dark Mode

CLI / log feed · Space Grotesk · mint-cyan

Live status board. Each persona is a log entry with timestamp, pid, INFO/STARRED level. Use for dev-tool audiences, on socials where the terminal aesthetic fits.

Space Groteskmint-cyan #7af0c4JetBrains Mono
Open V2 →
V3 · FRIENDLY
Hey, who are you here for?
Member directory

Friendly

Community board · DM Serif · coral

Profile cards with round avatars, "Say hi →" CTAs, greetings in 5 languages. Use for the warmest possible landing, creator-friendly audiences, indie scenes.

DM Serif Displaycoral #ff6b6bmustard #e6b34a
Open V3 →
V4 · DASHBOARD
8 personas · 2 best fit
Last updated · 2 min ago

Dashboard

Admin panel · Space Grotesk · electric blue

KPI tiles, 7-column data table, zebra striping, sparkline. Use when you want the audience to feel they're looking at a real product, not a marketing page.

Space Groteskblue #2563ebInterJetBrains Mono
Open V4 →
V5 · BRUTALIST
[PERSONAS.TXT]
8 entries · 4.2 KB

Brutalist

File viewer · Archivo Black · hot red

Raw file cards, ASCII art, hard black borders, no radius. Use when you want the audience to see source data, not a curated product. For the design-curious.

Archivo Blackred #dc2626yellow #facc15
Open V5 →
V6 · WIREFRAME
WIREFRAME / v6.
3D · 8 primitives · 12 canvases

Wireframe 3D

Three.js · JetBrains Mono · cyan / green / amber

CDN-loaded Three.js renders a rotating icosahedron hero, 8 distinct wireframe primitives per persona, animated mesh dividers. Use for the technical-curious or to show that the engine itself is algorithmic.

JetBrains Monocyan #00d4ffgreen #00ff88Three.js 0.160
Open V6 →
Why 6 versions of the same data

One JSON, many rooms.

The FunnelLens model

The same 8 personas will be read by indie musicians, beatmakers, label managers, and sound designers — and they'll each show up in a different mood. The Editorial register reads like a magazine feature. The Dark register reads like a terminal. The Friendly register reads like a community board. The Dashboard reads like a SaaS admin. The Brutalist reads like a file dump.

Same content, different rooms. Pick the room that fits the audience you're talking to this week.

Source of truth: personas.json in the project root. Tweak the 8 personas there and all 5 registers pick up the change on next regen.