ALT STUDIO.ALT · SYSTEM MAP
← BACK TO INDEX
// HOW THE SITE WORKS

One shell. One registry. Self‑contained systems.

Adding a system never breaks the systems already live.
01
Structure
3 PARTS
INDEX.HTML The Shell Renders the index. Rarely touched. Double-click to run — no build step. READS SHARED/REGISTRY.JS The Registry One entry per system. The only file the shell reads. The hinge. LISTS EXPERIENCES/ — SELF-CONTAINED MODULES 001 · Flow Field FLOW-FIELD/INDEX.HTML 002 · Signal Field SIGNAL-FIELD/INDEX.HTML 003 · Structure STRUCTURE/INDEX.HTML 0XX · Next _TEMPLATE/ — COPY TO START SHARED/ alt.css · chrome.js · noise.js fonts/ · vendor/three.js r147 Brand + engine, served to every module. SERVES STATIC SITE · NO BUILD STEP · RUNS OFFLINE Server-backed systems (websockets, multiplayer, OSC) host elsewhere and register as external entries.

Three parts. The shell renders cards from the registry. Each experience is a folder that owns everything it needs. Deleting a folder removes one system and nothing else.

02
The Workflow
IDEA → LIVE
1
IDEA

A system worth showing. One sentence: what does the client touch, and what answers?

TOUCHES · NOTHING YET
2
BUILD

Copy the template. It runs as-is. Edit its three marked blocks: config, setup, frame.

EXPERIENCES/<SLUG>/
3
REGISTER

Add one entry at the top of the registry. The card renders itself.

SHARED/REGISTRY.JS
4
REVIEW

Open the index. 60fps on a mid laptop. Interaction readable in five seconds.

INDEX.HTML · LOCAL
5
LIVE

Deploy. The index updates itself. Send the client one link.

PUSH / DRAG-DROP
WITH CLAUDE · COWORK "studio.alt — add an experience: [the idea]"

Connect the project folder and say the line. Steps 2–4 run against WORKFLOW.md conventions; you review, then deploy. Mid-presentation idea to live entry in one session.

03
Idea to URL
TWO LANES
Site Folder→ GitHub Desktop · Commit + Push→ Netlify→ altstudio.art The lane. The site folder is a GitHub repository. Push publishes — live in under a minute. Every deploy is kept; rollback is one click in Netlify. Full setup and record values: DEPLOY.md.
Site Folder→ Netlify · Deploys Page · Drag→ altstudio.art The fallback — no git available, or a machine that isn't yours. Drag the folder onto the site's Deploys page. Same URL, same history. Naming: studio.alt is the brand; altstudio.art is the address.
04
What Is Live
— LIVE
EntrySystemWhat it is

This table reads the same registry the index does — it cannot fall out of date. Entries marked REFERENCE are credited third-party work, studied and hosted with permission; everything else is ALT-authored.

05
Rules That Hold
EVERY ENTRY
Self-contained. One folder per system. No edits to other experiences. A broken experiment never breaks the site.
60fps target. Adaptive particle counts on touch devices. The perf guard in 001 is the reference pattern.
Ink canvas. One signal. Black is canvas, pink is signal — one per surface. Chrome comes from ALT_PAGE + chrome.js.
Voice passes the three rules. Short. Declarative. No hype. Name the technology and the number.
ALT STUDIOS W.L.L · ENGAGEMENT SYSTEMS · BUILDING EXPERIENCES STUDIO.ALT · SYSTEM MAP · V0.1 · 2026-08