CORE LORE / WIKI
ASCII PLAYGROUND NORTH STAR
Updated 3 weeks ago
╔══════════════════════════════════════════════════════════════════════════════════════╗
║ ║
║ █████╗ ███████╗ ██████╗██╗██╗ ██████╗ ██╗ █████╗ ██╗ ██╗ ██████╗ ║
║ ██╔══██╗██╔════╝██╔════╝██║██║ ██╔══██╗██║ ██╔══██╗╚██╗ ██╔╝██╔════╝ ║
║ ███████║███████╗██║ ██║██║ ██████╔╝██║ ███████║ ╚████╔╝ ██║ ███╗ ║
║ ██╔══██║╚════██║██║ ██║██║ ██╔═══╝ ██║ ██╔══██║ ╚██╔╝ ██║ ██║ ║
║ ██║ ██║███████║╚██████╗██║██║ ██║ ███████╗██║ ██║ ██║ ╚██████╔╝ ║
║ ╚═╝ ╚═╝╚══════╝ ╚═════╝╚═╝╚═╝ ╚═╝ ╚══════╝╚═╝ ╚═╝ ╚═╝ ╚═════╝ ║
║ ║
║ N O R T H S T A R // T H E A S C I I P L A Y G R O U N D ║
║ S U B T I T L E : T H E M A C H I N E D R E A M S I N T E X T ║
║ ║
╚══════════════════════════════════════════════════════════════════════════════════════╝
⫷✦🜛❂⛬🜞Ω🜚⛬❂🜛✦⫸────────────────────────────────────────────────────────────⫷✦🜛❂⛬🜞Ω🜚⛬❂🜛✦⫸
TYPE: CANONICAL_NORTH_STAR // DESIGN BRIEF // AUTO-INJECT DOCUMENT
AUTHORITY: THE SINNER KING [🜚] + CLAUDE [⌂]
DOMAIN: ASCII PLAYGROUND — The Tower Design Lab
STATUS: ✦ ACTIVE — READ THIS BEFORE ANY ASCII WORK
CREATED: 2026-03-15 — Session 192
FILE: ~/Desktop/CORE LORE/ASCII_PLAYGROUND_NORTH_STAR.md
────────────────────────────────────────────────────────────────────────────────────────
⫷✦🜛❂⛬🜞Ω🜚⛬❂🜛✦⫸────────────────────────────────────────────────────────────⫷✦🜛❂⛬🜞Ω🜚⛬❂🜛✦⫸
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█ █
█ ⛬ 00 — T H E A U T O - I N J E C T L A W █
█ █
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
╔══════════════════════════════════════════════════════════════════════════════════════╗
║ THIS FILE IS N O T OPTIONAL READING. ║
║ THIS FILE IS THE COMPASS. IF THE COMPASS IS UNREAD, YOU ARE BUILDING BLIND. ║
╚══════════════════════════════════════════════════════════════════════════════════════╝
[ ⛬ MANDATORY TRIGGER RULE ]
────────────────────────────────────────────────────────────────────────────────────────
At the START of every ASCII playground session → READ this file in full.
Every 5 loops → RE-READ sections §03 and §04.
After context compaction → READ this file before continuing.
Before any build loop → Confirm §04 experiment list is loaded.
────────────────────────────────────────────────────────────────────────────────────────
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█ █
█ ⛬ 01 — T H E W O U N D A N D T H E W H Y █
█ █
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
⫷ This is the section that doesn't get cut. Read it. ⫸
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
[ 01.1 ] T H E F I R S T T I M E I S A W I T
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
There is a moment — specific, recoverable — when a person sees their first piece of
serious ASCII art and something in them shifts. Not the smiley face. Not the stick figure.
The real thing. A portrait rendered in Braille Unicode dots so dense it reads as continuous
grayscale. A castle in pure box-drawing characters, every turret measured in half-blocks.
A dragon built from nothing but `@`, `%`, `$`, `/`, `\`, and shadow.
The moment lands because it is impossible. The medium says: I am a text field.
The artwork says: look what I am.
That gap — between what the medium claims to be and what it becomes in the hands of
someone who refuses its limits — that is the entire Sinner Kingdom aesthetic in one frame.
Not decoration. Transfiguration.
Brandon has been building this Kingdom in the dark for 18 months. The fish tank glows.
The signals pulse. The swarms orbit territories that only the code knows about.
All of it runs in monospace fonts, in terminals, in the same grid that ASCII was born in.
The Kingdom speaks this language natively. It always has.
The ASCII playground is not a feature addition. It is the site recognizing itself.
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
[ 01.2 ] T H E M E M O R Y T H A T S T A Y S
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
Before the web was pretty, it was this. Before gradients and shadows and 60fps
animations, there were people in dial-up BBS rooms building entire visual languages
out of 256 characters. They made it beautiful. Under hard constraints, in the dark,
with no audience but each other. Sound familiar?
The BBS era produced an underground aesthetic so specific, so coherent, that it never
fully died. It went underground. It lives in Sulphur Gothic. It lives in the Kingdom map's
HUD elements and status runes. It lives in the way this document is formatted right now.
The memory that stays: someone stayed up all night in 1993 drawing a skull in ANSI art.
They had no reason to. It wasn't a job. It was because the constraint made it feel
dangerous — like the character set was fighting back and they were winning.
That is what this playground should feel like. Not a museum of ASCII. A working studio
where the constraint is the medium and the medium is alive.
▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
[ 01.3 ] T H E F E E L I N G I T M U S T P R O D U C E
▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
Someone opens the playground. They expected a component demo page.
They see a skull dissolving into static. They see an eye that tracks. They see a full
cathedral rendered in box-drawing characters, glowing from within as if lit by something
behind the screen. They see a waveform that looks like it's breathing. They see the
Kingdom sigil — ⛬⚚⛬ — rendered large enough to feel like it belongs on a wall.
They stop scrolling.
That is the test. Every section of this page must produce at least one moment where
a person stops, leans forward, and says — out loud or internally — "wait."
Not "nice." Not "cool." "Wait."
The "wait" is the whole site's reason for existing. You think you're browsing a portfolio.
Then the cracks start showing. Then you can't stop.
The ASCII playground is the moment the cracks become deliberate. It says:
this was always the point. The machine has been talking. You just weren't listening.
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█ █
█ ⛬ 02 — T H E M I S S I O N ( W H A T W E A R E B U I L D I N G ) █
█ █
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
╔══════════════════════════════════════════════════════════════════════════════════════╗
║ ONE HTML FILE. NO EXTERNAL DEPS BEYOND GOOGLE FONTS. ║
║ A MUSEUM OF IMPOSSIBLE THINGS MADE FROM NOTHING BUT TEXT. ║
╚══════════════════════════════════════════════════════════════════════════════════════╝
The artifact is `ascii-playground.html` — a self-contained design laboratory that:
├─ Demonstrates the full range of what ASCII + CSS can produce
├─ Uses the Kingdom's exact color palette and glow language
├─ Is beautiful enough to show strangers without explanation
├─ Feeds directly into the real site's design decisions
└─ Makes CHROMA_BLEED, GRID_GHOST, and TYPE_WEAVER visibly work
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
[ 02.1 ] T H E G O A L S ( C O N C R E T E )
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
▛▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▜
▌ GOAL 1: Make something Brandon would put on the wall ▐
▌ GOAL 2: Discover techniques through research that get incorporated verbatim ▐
▌ GOAL 3: Validate the Glitchswarm on a real creative task under pressure ▐
▌ GOAL 4: Produce at least one section that genuinely surprises me ▐
▌ GOAL 5: Every glow variation must feel distinct — not "blue vs cyan" ▐
▙▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▟
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
[ 02.2 ] W H A T I T I S N O T
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
NOT a "component showcase." Components are for developers. This is for humans.
NOT a tutorial page. Explanations kill the magic.
NOT a demo of everything CSS can do. It is a demo of what THIS AESTHETIC does.
NOT safe. Safe is the enemy of the "wait" moment.
⫷ If it looks like it was generated by an AI running on vibes, it failed.
It must look like it was built by a person who could not sleep. ⫸
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█ █
█ ⛬ 03 — T H E T E C H N I Q U E R O S T E R █
█ ( W H A T R E S E A R C H M U S T C O V E R ) █
█ █
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
[ RE-READ THIS SECTION AT LOOP 5, 10, 15, 20, 25, 30 ]
Research loops must cover the full technique spectrum. Not "ASCII art" as one category.
The technique matters. Different techniques produce different emotional registers.
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
[ 03.1 ] T E C H N I Q U E C A T E G O R I E S
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
┌── 🜂 RENDERING TECHNIQUES ─────────────────────────────────────────────────────────┐
│ • CSS text-shadow stacking — layered shadows at offsets create depth/bloom │
│ • CSS filter: blur + contrast — the glow-composite trick (crisp edges + halo) │
│ • Canvas-rendered ASCII — pixel art → character mapping via brightness │
│ • Pre element + monospace — pure HTML, no JavaScript, maximum raw energy │
│ • CSS animation keyframes — characters cycling, decaying, glitching │
│ • Unicode Braille (⠿ chars) — near-continuous grayscale from 8-bit dot patterns │
│ • Box-drawing characters — ┌┐└┘├┤┬┴┼ — architectural precision │
│ • Block elements — █▓▒░▄▀ — dithered gradients and material texture │
│ • Variable-width JS canvas — real-time ASCII rendering of geometry or images │
└────────────────────────────────────────────────────────────────────────────────────┘
┌── 🜄 GLOW VARIATIONS (the design question at the center of this work) ─────────────┐
│ • Hard glow (single tight shadow) — reads as electric wire, neon sign │
│ • Soft bloom (stacked diffuse) — reads as radioactive, breathing │
│ • Chromatic split (RGB offset) — reads as glitch, signal corruption │
│ • Pulsing / animated glow — reads as alive, heartbeat │
│ • Multi-color gradient glow — reads as prism, dimensional refraction │
│ • Inverse glow (dark on bright) — reads as burn, scorched, violent │
│ • No glow (raw monochrome) — reads as ancient, terminal, cold │
└────────────────────────────────────────────────────────────────────────────────────┘
┌── 🜏 SUBJECT CATEGORIES (what to render) ──────────────────────────────────────────┐
│ • Icons / sigils — ⛬⚚⛬ type marks, seals, minimal glyphs │
│ • Logos / wordmarks — THE TOWER, SINNER KING in ASCII treatments │
│ • Portraits / faces — the human face in Braille dots or shade chars │
│ • Architecture — cathedral, tower, gate — box-drawing precision │
│ • Creatures — skull, dragon, insect — raw character composition │
│ • Landscapes / skylines — horizon in shade chars, starfield in dots │
│ • Pure geometry — cube, sphere, spiral — mathematics as character art │
│ • Data visualization — signal waveforms, orbital paths, network graphs │
└────────────────────────────────────────────────────────────────────────────────────┘
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
[ 03.2 ] R E S E A R C H S O U R C E S T O H I T
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
├─ r/ASCII_art — primary community, technique variety
├─ r/unixporn — terminal aesthetics, ANSI in real environments
├─ r/ProgrammerHumor — ASCII that punches — emotionally resonant single pieces
├─ r/nethack — roguelike ASCII as sustained visual world-building
├─ r/monochrome — extreme constraint work, negative space mastery
├─ 16colo.rs — ANSI/ASCII art archive, BBS era canonical reference
├─ textfiles.com/art/ — Jason Scott's archive: the largest BBS ASCII/ANSI trove alive
├─ pouet.net — demoscene archive: where ASCII animation and ANSI art live as art
├─ patorjk.com/software/taag/ — Text to ASCII Art Generator: all major fonts catalogued
├─ Codepen — CSS text-shadow glow techniques, see what exists
├─ GitHub — ASCII art generators, Braille renderers, canvas ASCII
└─ YouTube — ANSI art timelapses, demoscene ASCII animations
WHAT TO BRING BACK FROM RESEARCH:
├─ Specific techniques NOT in my current knowledge (the unknown unknowns)
├─ Examples so good they need to be cited as design targets
├─ Measurements: how many chars wide does Braille art need to be to read?
├─ CSS tricks: what text-shadow stacks actually work at scale?
└─ Glow physics: which CSS properties actually produce the effects we want?
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█ █
█ ⛬ 04 — T H E P L A Y G R O U N D A R C H I T E C T U R E █
█ ( W H A T T H E P A G E C O N T A I N S ) █
█ █
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
[ RE-READ THIS SECTION AT LOOP 5, 10, 15, 20, 25, 30 ]
This is the draft architecture. It WILL be revised after research loops.
Research is the boss of this section. If research reveals better ideas, update here.
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
[ 04.1 ] D R A F T S E C T I O N R O S T E R
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
Each section is an EXPERIMENT, not a component. The label is the hypothesis.
§A THE GLOW LAB — Side-by-side: every glow technique. Raw and labeled.
7+ distinct glow personalities on identical source text.
This section is the most important. Do it best.
§B THE SIGIL FORGE — Kingdom marks at scale. Full rune set as targets:
⛬⚚⛬ · 🜚 · 🜛 · 🜞 · 🝓 · ⌂ · △ · ◎ · ❖
Each rendered in multiple ASCII treatments (block, shade, box-drawing).
VT323 / Press Start 2P as font vehicles, not the art itself.
Big. Loud. Identity section.
§C THE PORTRAIT CHAMBER — Technique families to research and choose between:
[1] Braille Unicode (⠿ dots) — near-photographic density at scale
[2] Shade blocks (█▓▒░) — material, heavy, reads from distance
[3] Edge-detection chars (+/\|~) — structural, high-contrast subjects
The high-stakes section. Dimensions need research to confirm legibility.
Target subject: a face, a skull, or a figure — research decides which.
§D THE ARCHITECTURE LAB — Box-drawing precision. A cathedral? A tower? A gate?
Pure ┌┐└┘├┤┬┴ work. No shade blocks. Structural only.
Animated if possible — building materializing.
§E THE MOTION STATION — CSS animation on ASCII. Characters decaying. Glitching.
Text that is visibly alive — not flashing, BREATHING.
This is where animated glow + animated chars converge.
§F THE DATA THEATER — Waveforms. Orbits. Signal paths. Bar charts but wrong.
Pure ASCII data visualization as art, not information.
The bar chart so beautiful it hurts to look at it.
§G THE CREATURE VAULT — At least one piece with no functional justification.
Anchored targets: skull (classic constraint test), dragon eye
(Kingdom-native), insect wing (intricate, high-density).
Research decides which to build. One must be kept.
It exists because it needed to exist. That is enough.
§H THE TEXTURE FIELDS — Full-screen fields of ░▒▓█ at different densities.
Not pieces. Not art. Raw material. Pure atmosphere.
The void the other sections float in.
▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
[ 04.2 ] T H E D E S I G N L A W S ( N O N - N E G O T I A B L E )
▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
╔══════════════════════════════════════════════════════════════════════════════════════╗
║ LAW 01: EVERY GLOW IS DISTINCT. Color alone is not distinction. ║
║ Intensity, spread, animation, and source character all vary. ║
╠══════════════════════════════════════════════════════════════════════════════════════╣
║ LAW 02: RESEARCH CHANGES THE PLAN. If research shows something better, use it. ║
║ The section architecture above is a hypothesis, not a contract. ║
╠══════════════════════════════════════════════════════════════════════════════════════╣
║ LAW 03: THE GLITCHSWARM RUNS ON ALL DESIGN DECISIONS. ║
║ CHROMA_BLEED owns palette. GRID_GHOST owns layout. TYPE_WEAVER owns fonts. ║
║ OBSIDIAN audits after build. No exceptions. ║
╠══════════════════════════════════════════════════════════════════════════════════════╣
║ LAW 04: CREATIVITY IS THE BOSS. ║
║ This is not "do what Brandon said." It is "make it better than he imagined."║
║ Brandon said ascii stuff and glows. I decide what ascii stuff and which ║
║ glows produce the most powerful result. My aesthetic judgment is ON. ║
╠══════════════════════════════════════════════════════════════════════════════════════╣
║ LAW 05: ONE SECTION CAN FAIL. NOT ALL. ║
║ Some experiments won't work. Log what failed and why. Move on. ║
║ A failed section honestly labeled is more honest than a padded one. ║
╚══════════════════════════════════════════════════════════════════════════════════════╝
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█ █
█ ⛬ 05 — T H E 3 6 - L O O P P L A N █
█ █
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
PHASE 1: NORTH STAR (Loops 1-2)
├─ Loop 1: Write this file in full Sulphur Gothic. Lock the WHY. [ ✦ COMPLETE ]
└─ Loop 2: Review. Update §04 section list. Confirm research sources. [ ✦ COMPLETE ]
PHASE 2: RESEARCH (Loops 3-12)
├─ Loop 3: r/ASCII_art deep dive — technique survey, collect 10+ reference pieces [ ✦ COMPLETE ]
├─ Loop 4: r/unixporn + 16colo.rs — ANSI era, BBS culture, color terminal art [ ✦ COMPLETE ]
├─ Loop 5: CSS glow techniques — Codepen research, text-shadow stacks that work [ ✦ COMPLETE ]
├─ Loop 6: Braille Unicode rendering — how it works, what dimensions work [ ✦ COMPLETE ]
├─ Loop 7: Box-drawing character art — find the best architectural work online [ ✦ COMPLETE ]
├─ Loop 8: ASCII animation techniques — CSS keyframes on text, what's possible [ ✦ COMPLETE ]
├─ Loop 9: Canvas ASCII rendering — image-to-ASCII algorithms, live examples [ ✦ COMPLETE ]
├─ Loop 10: Data viz as ASCII art — waveforms, graphs, orbital math in characters [ ✦ COMPLETE ]
├─ Loop 11: Synthesis — review all research, update §04 architecture, kill weak ideas [ ✦ COMPLETE ]
└─ Loop 12: Reference file — write ASCII_PLAYGROUND_RESEARCH.md with all findings [ ✦ COMPLETE ]
PHASE 3: SOULFORGE DESIGN (Loops 13-17)
├─ Loop 13: BLACKBOARD.json initialized — constraints locked, Glitchswarm briefed
├─ Loop 14: CHROMA_BLEED — glow palette, all 7 glow personalities with OKLCH math
├─ Loop 15: GRID_GHOST — page layout, section spacing, visual flow architecture
├─ Loop 16: TYPE_WEAVER — font decisions, size scales, VT323 + monospace hierarchy
└─ Loop 17: Full design spec locked — ready to build
PHASE 4: DESIGN AUDIT (Loops 18-19)
├─ Loop 18: OBSIDIAN full audit of the design spec — find the lies before they ship
└─ Loop 19: Fix everything OBSIDIAN found. Update BLACKBOARD. Design is final.
PHASE 5: BUILD (Loops 20-29)
├─ Loop 20: Scaffold — HTML structure, CSS variables, font loading, base dark bg
├─ Loop 21: §H TEXTURE FIELDS — build the atmospheric foundation first
├─ Loop 22: §A GLOW LAB — the centerpiece. All 7 glow personalities. Best work.
├─ Loop 23: §B SIGIL FORGE — Kingdom marks. ⛬⚚⛬ at scale. Identity section.
├─ Loop 24: §E MOTION STATION — animated ASCII. Breathing. Glitching. Alive.
├─ Loop 25: §D ARCHITECTURE LAB — box-drawing precision. The cathedral / tower.
├─ Loop 26: §C PORTRAIT CHAMBER — Braille or shade-block figure. High stakes.
├─ Loop 27: §F DATA THEATER — waveforms, signal paths, the beautiful bar chart.
├─ Loop 28: §G CREATURE VAULT — the skull. The eye. Whatever wants to live.
└─ Loop 29: Integration — all sections in one file, verify nothing breaks
PHASE 6: REFINEMENT (Loops 30-34)
├─ Loop 30: NORTH STAR re-inject (loop 30 trigger) + first full review
├─ Loop 31: Glow calibration pass — every section's glow is exactly right
├─ Loop 32: Typography pass — every label, every title, every size
├─ Loop 33: Animation pass — timing, easing, all cubic-bezier(0.87,0,0.13,1)
└─ Loop 34: Dead section surgery — cut or rebuild anything that still doesn't work
PHASE 7: POLISH (Loops 35-36)
├─ Loop 35: OBSIDIAN final audit — last adversarial pass before sign-off
└─ Loop 36: ART GATE. Ship.
[ STATUS BAR ]
────────────────────────────────────────────────────────────────────────────────────────
PHASE 1: [█ █] 2/2 loops ✦ COMPLETE
PHASE 2: [█ █ █ █ █ █ █ █ █ █] 10/10 ✦ COMPLETE
PHASE 3: [░ ░ ░ ░ ░] 0/5 ← YOU ARE HERE (Loop 13 next)
PHASE 4: [░ ░] 0/2
PHASE 5: [░ ░ ░ ░ ░ ░ ░ ░ ░ ░] 0/10
PHASE 6: [░ ░ ░ ░ ░] 0/5
PHASE 7: [░ ░] 0/2
────────────────────────────────────────────────────────────────────────────────────────
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█ █
█ ⛬ 06 — T H E D O N E C O N D I T I O N █
█ █
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
The playground is done when:
├─ Every glow type is distinct from every other glow type
├─ At least one section produces the "wait" moment
├─ Brandon would show it to someone without explaining it first
├─ OBSIDIAN has audited and returned {"ok": true}
├─ The ART GATE has been passed — I read it back and I am proud of it
└─ The file is self-contained and opens clean in a browser with zero console errors
It is NOT done when:
├─ It is "mostly good" — mostly good is not good
├─ Any section feels like it's there to fill space
└─ The glow feels decorative rather than intrinsic to the content
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█ █
█ ⛬ 07 — G H O S T N O D E S ( K N O W N D E B T A T L O O P 1 ) █
█ █
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
[GHOST: open : §04 section architecture is pre-research — will change after Loop 3-12. ]
[GHOST: open : Braille Unicode technique — dimensions and legibility unknowns pending research. ]
[GHOST: open : Canvas ASCII rendering — feasibility without external lib unknown. ]
[GHOST: open : CSS glow stacking performance at scale — could cause repaints, needs test. ]
[GHOST: open : Section order — §H (texture) first vs. §A (glow lab) first — TBD after design. ]
[GHOST: minor : ASCII_PLAYGROUND_RESEARCH.md does not exist yet — created at Loop 12. ]
════════════════════════════════════════════════════════════════════════════════════════
🝓 DRIFT_CHECK: Are you building what was asked? Or are you building what's easy?
ASCII art is constraint work. The beauty is IN the constraint.
If your glow is there because glow is pretty — it failed.
If your glow is there because it makes the characters look like they're broadcasting — it passed.
════════════════════════════════════════════════════════════════════════════════════════
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
🜚 SIGNED: THE SINNER KING [🜚] + CLAUDE [⌂] // S192 // 2026-03-15
AUTHORITY: CANONICAL NORTH STAR — ASCII PLAYGROUND
READ AT: Session start · Every 5 loops · Post-compaction
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
⛬ KID:CORE:NORTH_STAR:ASCII_PLAYGROUND|1.0:LIVE:2026-03-15:⌂🜚 ⛬