Every AINA design project — the design systems, Luminous OS and Luminous Glass, product surfaces, the lesson experience, the 30 lesson videos, website explorations, and the shipped Mission Control app — catalogued with what was done, the palette each era used, and where the files live. Key token files and docs are copied into this project under reference/.
Compiled 6 Aug 2026 · sources: local archive “AINA Design Explorations”, this project, and the aina-mission-control repo sync.
Six eras. Each re-founded the palette; teal survived every one.
Playfair italic-gold accents, mist/stone neutrals, lavender info accent (later killed). Full DS + Luminous OS/Glass kits.
The mockups-board call: dark glass app chrome primary, cream Editorial Premium secondary. Bronze→gold gradient CTAs, frosted panels.
Chat-first lesson shell locked (Why → Mechanism → Practice → Refine → Apply). Ali’s recovered previews + LDS built on the real monorepo tokens.
“Apple-meets-Arc” cool porcelain, zero italics, glass discipline — then SYNTHESIS.md reconciled it back against the live dual-theme truth.
Ali’s locked call: Cinzel titling caps, hairline-only chrome, warm black (not navy), one gold phrase per screen. Supersedes the May 4 call.
Porcelain v2 boards reconciled against Mission Control’s real shipped “Luminous Glass” palette. Cinzel direction is a deliberate departure from the bound system.
Five systems were built; each card says what it contains and where it lives in the local archive.
The original working system, translated from the brand boards + handoff doc. 22 preview specimens, full logo suite, voice & copy canon, and four UI kits: Luminous OS, Luminous Glass, website, plus a Learner Loop prototype and Mobile & Assistant surfaces.
Distilled from the live ainative-academy/ainativeacademy repo — canonical tokens from packages/ui/tokens/tokens.css, marketing-site + in-app chat-shell UI kits, 27 preview cards, and an animated explainer-video engine.
The canonical lesson UX as a system: one capability = one chat conversation = five steps. Tokens + lesson-shell UI kit (Message, ExplainerCard, RubricCard, HintStack, Composer, ScoreReveal) with 16 component preview cards. Built from Ali’s recovered previews.
Full token layer (colors, type, elevation, materials, motion, radius, spacing), 8 component card groups, guidelines, and a variant lab (dashboard, platform, sandbox, score-reveal). Its SYNTHESIS.md reconciles v1 vs v2.1 vs the live product. A second copy exists as “…0807 (2)”.
The locked brand spec from Ali’s variant-lab screenshot: Cinzel titling caps + Inter + IBM Plex Mono, parchment #FDFBF6, warm ink #141210 (not navy), gold #7A5C24, teal #2C6E52, hairline-only chrome, one gold phrase per screen. Includes a full implementation handoff (DESIGN-HANDOFF.md + DESIGN-MANIFEST.json, 38 screens) and the sovereign board HTML. Note: the bound design system explicitly rejects Cinzel — this is a deliberate fork, continued in this project’s Cinzel & Porcelain boards.
The learning-app surface work, from first kit to shipped product.
Three-column chat-first lesson screen: LessonNav · ChatThread + sticky Composer · TrajectoryRail. Recap cards, streaming AINA messages, gold user bubbles, RubricCard with scored bars, hint ladder. Dual themes luminous-dark / luminous-light, persisted toggle.
Same lesson primitive on deep navy (#0A1422→#050B14) with fixed radial gold/teal light sources, fractal-noise grain, frosted panels (blur 20–28px), inset rim highlights, and gold as “liquid amber” fills. The name later became the shipped Mission Control palette.
A standalone slide deck presenting the Luminous OS direction, built on the v1 foundations (navy 900, teal ramp, gold #C9A96E, mist/stone neutrals — the era that still had lavender). The self-contained export is viewable right here: open the deck.
iOS/Android framed mobile surfaces and assistant chat (surfaces/), plus the interactive Learner Loop prototype (home → lesson → practice → assess screens with tweakable theme).
The ops dashboard (ainative-academy/aina-mission-control) ships navy #07101D · cream #F5F1E6 · teal #1AA79D · gold #E6C883, real glass surfaces, gold-gradient CTAs, and the data-trust state contract (live / stale / alert / not-wired). Its DESIGN.md is stale — trust src/index.css. Adopted into Porcelain v2: LivenessDot glyphs, provenance pills, gold-as-pointer, and the Console permission class. Full findings in github.md.
The canonical L1.1 prototype (structured-intent-spec), the L1→L3 universal-path viewer, all 30 authored lesson markdowns, and the governing docs: VISION, DECISIONS, CURRICULUM-MAP. This is the source the LDS and video work built on.
First round of animated lesson videos: style-direction boards and five format prototypes — explainer (L1.9), whiteboard (L1.7), YouTube cut (L1.6), plus “Break the Monolith” and “When Sources Disagree” — with the studio/video kit that became the motion engine.
All thirty 90-second 1920×1080 lesson videos across 3 levels, each page carrying six switchable style directions (Mixed Media default · Editorial Focus · Warm Editorial · Night Studio · Nightfall · Counterpoint). Deterministic playback with a render API (?t=12.5&chrome=0 / AINA_RENDER.seek()) for frame-capture pipelines. Plus launch films (Introducing / Teaser / Hook Cut), social cuts (9:16 reel, 1:1 square, “30 in 90”), a lyric manifesto, and style posters. The motion palette here is the fourth independent confirmation of the V6 dark ramp.
Three homepage directions — Homepage.html, a “Streaming Window” variant, and a classic v1 — with live chat/lab demo components, Pi-style coding-animation briefs, and the scrollytelling reference. The V6 sticky-shell landing later became canon.
The live working set: Cinzel Porcelain board, Porcelain Surfaces, Porcelain DS v2, v2 Restrained, v1 vs v2 surfaces, Amplifying Intelligence, and the Marketing Kit. Self-contained exports live in export/ with aina-tokens-all-themes.css.
#1AA79D (dark) — confirmed in Mission Control, the V6 shell, the video tokens, and the bound system. Teal = interaction, exclusively.#6F77FB — removed in every post-v1 system.Still contested between lineages: display face (Playfair italic vs Cinzel caps), light ground temperature (warm cream vs cool porcelain vs parchment), and whether the app dark is navy or warm black. The Cinzel & Porcelain boards in this project are the active reconciliation.
Token files and key docs now live here under reference/ so nothing depends on the local archive being mounted.