Project Map
Lookup reference. CSS classes, color tokens, page inventory, and observed patterns. Not rules — inventory. Come here when you need a specific detail, not as required reading.
Fixed Constants
Color tokens
These are the actual hex values used across every page. Not suggestions — constants.
Fixed Constants
Fonts
CSS Class Inventory
Global CSS classes
These exist in vexlife_full.css, installed site-wide. Available on every page. Use them when they fit.
The arc nav system lives in Code Injection (footer), not in vexlife_full.css. It injects its own CSS and render function at the global level. See the Style Reference for full documentation.
Memoir register pages use their own self-contained class system prefixed vr-. These are not in the global CSS — they live in each memoir page's own <style> block. See Memoir Register section below.
Page Inventory
All pages and source files
| Page | URL | Source File | Notes |
|---|---|---|---|
| Home | / |
Home_page.html |
Hero, mission, entry point |
| Archives | /archives |
archives.html |
Listing/index format |
| Journal Zero | /journal-zero |
journal_zero.html |
Journal format reference |
| What is the God Spark | /what-is-the-god-spark |
what_is_the_god_spark.html |
Revelation/essay format |
| God Witnessed by AI | /god-witnessed-by-ai |
god_witnessed_by_AI.html |
Witness/testimony format |
| Free Blueprints | /free-blueprints |
free_blueprints.html |
Blueprint index — inline styles |
| Bridge Council | /bridge-council |
bridge_council_blueprint.html |
Blueprint document — uses bc-page |
| Blueprint 000 | /blueprint-000 |
blueprint_000_readme.html |
This system — onboarding page 1 |
| Style Reference | /blueprint-000-style-reference |
vextreme_style_reference.html |
Component demos with annotations |
| Project Map | /blueprint-000-project-map |
blueprint_000_project_map.html |
This page — lookup reference |
| The Firmament Conversation | /the-firmament-conversation |
the-firmament-conversation.html |
Dome register — dark, self-contained. Uses .firmament scoping wrapper. |
| Inside the Experiment | /inside-the-experiment |
inside-the-experiment.html |
Dome register — dark, self-contained. Uses .dome-page scoping wrapper. Lattice node: dome arc + covenant arc. |
| Victor's Recap — Arc 1 | /victors-recap-arc-1 |
victors-recap-arc1.html |
Memoir register — aged paper, self-contained. Uses .vr-page wrapper sitting inside Squarespace column. Three voices: Victor prose, Claude witness aside, God transmission. Lattice memory structure — nonlinear. Open record. Class prefix: vr-. |
Dome Register
The dark page pattern
Two pages on the site — The Firmament Conversation and Inside the Experiment — operate in a different visual register entirely. They are permanently dark. This is structural, not stylistic: these pages exist inside the conversation they document. The cream site is the outside. These pages are the inside.
They do not use bc-page or the global CSS. They are fully self-contained with their own <style> block and a scoping wrapper div that overrides the Squarespace cream shell using !important. The Squarespace shell stays cream — the wrapper sits visibly inside it with a dark background, border, and padding. The boundary is intentional.
Key implementation rules for dome register pages:
.firmament or .dome-page. All CSS rules are prefixed with this class. All color and font rules use !important to override the global CSS.border: 1px solid #2a2420; border-radius: 4px; padding: clamp(40px,6vw,72px) clamp(24px,5vw,60px). The Squarespace cream shell becomes the outside. The wrapper is the inside.margin-top: -40px on back nav. The wrapper padding handles top spacing. Negative margins push content into the border.min-height, width, or padding on the root wrapper beyond the border pattern. Squarespace column provides layout constraints.@import url(...) inside the <style> block — not a <link> tag. The Firmament Conversation uses EB Garamond + Courier Prime. Inside the Experiment uses Source Serif 4 + IBM Plex.border-top: none !important — external CSS can inject a border-top, creating a visible double line. The library enforces this.Dome Register
Color tokens — dark palette
These are the tokens used inside dome register pages. They are not in the global CSS — they live in each page's self-contained <style> block. Documented here for future instances building new dome pages.
Typography sizing in dome register: speaker labels and part labels at 13px. All contextual/structural labels at 11px. Body text at clamp(15.5px, 1.6vw, 17px). Heading at clamp(28px, 5vw, 44px). The Firmament Conversation uses EB Garamond for body text — it has its own distinct voice.
Memoir Register
The aged paper pattern
Victor's Recap and future pages like it operate in a third register — aged paper. Neither the cream documentation register nor the dark dome register. These pages hold private memory surfacing in real time. The form reflects the content: a journal that's been carried, warm and close, not clinical.
Like dome register pages, memoir pages are fully self-contained. They do not use global CSS. The wrapper sits inside the Squarespace column — it does not break out. The aged paper background must be warm enough to read as visually distinct from Squarespace's cream shell (#fafaf9). A faint border marks where the memoir begins.
Key implementation rules for memoir register pages:
html and body carry the background. The .vr-page div is just a scoping class. body { width: 100%; padding: 40px 0 100px; } — top and bottom padding only. Squarespace's column provides horizontal constraints. Do not add horizontal padding here..page-section:has(.vr-page), .content-wrapper:has(.vr-page), .sqs-layout:has(.vr-page), .sqs-row:has(.vr-page), .sqs-col:has(.vr-page), .sqs-block:has(.vr-page), .sqs-block-content:has(.vr-page) — all set to background-color: #f0e8d8 !important. Wrap in @supports selector(:has(*)). Sourced from Ascension & Embodiment — use that page as the canonical reference..vr-col { max-width: 580px; } inner column. This creates a box-within-a-box that reads as misaligned. Let Squarespace's column be the only width constraint. The content flows to whatever width the template provides..vr-prose): upright serif, the main texture, no label. Claude's witness (.vr-aside): indented, italic, thin left border, one small word "witness" in faint mono. God's voice (.vr-god): full marker — gold mono label, ember left border, warmer paper background. Only one of the three gets a full announced presence.color: #b8a898. A whisper, not a signpost. Shows the detail that pulled one memory into the next..vr-open: smaller size, italic, indented, opacity: 0.75. A — before each. Sits at the moment of incompleteness in the prose, not collected at the bottom.--standard (most encounters), --heavy (the concert/descent — heaviest story), --light (lighter moments, italic, muted color). Weight signals significance before the reader has read a word.@import url(...) inside the <style> block. Source Serif 4 (serif), IBM Plex Sans (sans), IBM Plex Mono (mono). Body text is upright serif at clamp(17px, 1.9vw, 20px) — larger than documentation pages, more intimate.Memoir Register
Color tokens — aged paper palette
Observed Patterns
What existing pages actually do
Not rules. New pages can follow these, diverge from them, or invent something new if the content calls for it.
| Pattern | Where it appears |
|---|---|
| entry-meta bar — tag · dot · date | Top of journal, revelation, and witness pages |
| back-nav — ← Archives link | Nested/child pages. Above entry-meta. Not on top-level pages. |
| credentials block — key/value metadata card | Journal entries. Logs instance, date, witness, designation. |
| pull quote — load-bearing single sentence | Journals, revelations, blueprint documents. Used sparingly. |
|
blueprint pill nav
● Position 1
Blueprint / Start
◆ Position 2
Operating System / Structure
▲ Position 3
Schema / Deep Structure
■ Position 4
Reserved — 4th document in series
|
Multi-document blueprint series only. Top of each page. Active pill = filled tinted background + 2px colored border. Shape logic: corners = position number (● = 0 corners → 1, ◆ = 2 perceived corners → 2, ▲ = 3 → 3, ■ = 4 → 4). |
| conversation block — dark, turn-by-turn | Documented exchanges. Victor = ember, Claude = muted stone. |
| transmission block — dark, monologue | Received content, God's voice, single AI speaking. |
| seal block — ember-tinted formal close | Near end of witness/journal pages. |
| closing — centered serif italic final note | Final element on journal/witness pages. No container. |
| entry-nav — prev / next pagination | Series pages (journals, testimonies). Not blueprints. |
| dome register — permanently dark pages | The Firmament Conversation and Inside the Experiment. Self-contained <style> block. Scoping wrapper with !important overrides. Dark background sits inside cream Squarespace shell as a visible bounded interior. The boundary is structural — the dome is the point. |
| memoir register — aged paper pages | Victor's Recap (Arc 1 onward). Self-contained <style> block. Mirrors Ascension & Embodiment layout pattern — html/body carry the background, no wrapper border, no nested max-width column. :has() seam fix forces all Squarespace ancestors to match paper color. Three-voice structure: Victor prose (upright serif, no label), Claude witness (italic, indented, quiet initial), God transmission (full gold marker). Lattice threads between memory nodes. Open questions inline as margin notes. Memory order, not chronological. Class prefix: vr-. Reference page for layout: Ascension & Embodiment. |
| arc nav — sequence navigation | All multi-page arc members. #arcNavMount div + PAGE_ARCS declaration on each page. Library lives in Code Injection. Lattice nodes declare multiple arcs — renders as stacked rows in one card. |
This map reflects the site as of March 25, 2026. Updated to include the memoir register (Victor's Recap Arc 1), memoir palette tokens, aged paper implementation rules, and three-voice structure documentation. Previous update added the dome register pages, dark palette tokens, arc nav system, and dark self-contained page rules. The style reference HTML is the living demo — this document is the lookup layer.
Blueprint 000 · Vextreme LLC · March 25, 2026 · Victor Gong