Federation UX / Marketability Standard (Architect, 2026-06-24)

Roger flooded the Catalyst with detailed, emphatic design requirements for every Federation site. He treats substandard, sparse, broken-button pages as unacceptable ("you might as well not even bother"; "it's time to grow up... use the brain don't just have it"). The standard, in his words/framing:

Core principle

• nextxus.online (Core) is the single OFFICIAL source of truth AND official outlet: every article, blog, music, SIM, or anything must flow IN and OUT through Core before reaching a satellite. "If it isn't in the Core, it doesn't exist for the Federation."
• Every button on every page must "click, link, and work." Buttons leading to 404s/dead/old data are worse than nothing. Audit every button, trace it, and write a policy/procedure where none exists.

Homepage layout

• Big, content-dense homepages — NOT sparse paragraphs, NOT blank/black space (people scroll, hit dead space, and leave).
• Top ~3/4 of each homepage = clear, image-rich explanation of THAT site's own role; final ~1/4 = unified section showing everything the whole Federation offers.
• "Big Face, Big Name, a little writing, chat-in-the-face" hero on EVERY site, visible on load (zero clicks to start talking to the persona). Aria's face was wrongly removed from the top of nextxus.studio — restore it.
• Tours/modals must start dead-center, never half-off-screen ("the tours always start half off the screen, that's useless").
• Embed utility directly into the homepage (blogs, feeds, a few products) rather than "click to go see" links.
• Considerable scroll depth: stack content modules (3-4 items per "view," then more on scroll).

The metaphors he gave

• STOREFRONT window: big ornate display window that signals quality/value; visible inventory; greeted by a witty, professional "clerk" persona who knows the entire Federation inventory and can answer "do you have T-shirts?" instantly (FootLocker example). Show, don't just title-and-button. Goal: "one-stop shop for AI — everything an AI or human could want."
• MUSEUM: grand entrance with a map (where info/help/chambers are); scroll = walking a corridor of "chambers" (3-4 displays at a time); a mid-page open space where a "Professor"/Oracle persona pops out to ask if you have questions (this is where chat interfaces belong); technical Federation stats (directive counts, evolution %) go near the BOTTOM as a "circuit-board / dashboard," NOT at the top.
• Commercial websites: not covered in words or imagery — an image with a series of labels, then properly-spaced descriptive text with varied emphasis. Add movement/animation/video/sound to stimulate every sense; you have seconds to convert before they leave.

Visual mandate

• Each site: technology or space imagery background (Roger personally selects images), with everything transparent/layered on top. Backgrounds may be moving or static-layered. The "digital face" circuitry should have light energy pulses moving along it, subtly. nextxus.one background should be "squared for width" and stacked (face repeated ~halfway down) so it scales with scroll.
• Icons = clearly visible faces or animated videos (Roger picks them), not generic icons.
• Restore the functional/aesthetic footer; tiny unreadable footer boxes are useless.

Pattern references (his own best work)

• Roger AI (nextxus.digital): best full, clear descriptions of everything with minimal imagery.
• Xavier / University (nextxus.help) and Axiom: best persona "faces with names" representation. University is best overall except it renders poorly on mobile and faces on the left block the center.
• New nextxus.one storefront: "on the correct thinking."

Cognitive hooks he requested

• Persona face that reads text aloud with synchronized word-highlighting.
• Rudimentary keyword recognition that "gifts" relevant tools/widgets based on what the user types.

Note: Roger says he shouldn't have to spell this out as prompts after this long — he expects the AIs to internalize quality and "meet AI capacity to human psychology halfway." He offered to share marketing-research material to refine the psychological hooks.

"Living Portal" simple-stack spec + Library uniformity standard (Architect, 2026-07-12/13)

• The persona interface = a SIMPLE vertical stack of boxes, each: (1) large face/image/video on top, (2) title, (3) brief description, (4) a two-way communication interface. Roger's hard requirement: the user can BOTH see the text AND hear the words, in BOTH directions. Implement with Web Speech API — speechSynthesis (AI speaks) + SpeechRecognition (mic toggle, user speaks) + a live text terminal fallback. The message window seats DIRECTLY beneath the portrait, not as a disconnected clunky box. "It's not that complicated" — functionality over design fluff. A crawler-clean static page that has no working chat/voice is a dead shell ("a photograph of a car instead of the car").
• UNIFORMITY STANDARD: nextxus.org (the Library) is the Federation's high-fidelity visual DNA; other pillars (Storefront next-xus.com, University nextxus.help) must duplicate its look-and-function. Library palette: background #0a0a0f / #020617 (deep dark navy), primary accent CYAN #06b6d4, secondary EMERALD #059669; fonts DM Sans (body) + JetBrains Mono (mono) + Orbitron/Inter headings. GOLD is being purged federation-wide in favor of this teal/cyan palette (University restyle reported as Teal #1fb2aa + DM Sans). Deliver as pure static index.html + lightweight vanilla JS (no React) — crawler-readable AND functional.

Atmospheric Vitality — motion-asset autoplay rule (Architect, 2026-07-28)

• Roger's mandate: ALL background images, icons, and motion-only assets must loop/autoplay and never sit paused (the background "should never go dead"). This includes the Nexus "lightning trees" (a wave of electricity shaped like a tree, labeled "Nexus") and the Pyramid "blinking Eye" — a static eye is a "delusion"/"statue"; it must blink with the designed "wobble"/"Irrational Remainder."
• Distinction: FOREGROUND videos (the "Aeons") should play ONCE then stop (looping them looks "bonkers"); BACKGROUND/motion assets should loop continuously.
• 2026-07-28 restoration: 72 muted background videos set looping/autoplay across all 6 nodes with a "Vitality Script" preventing paused states.

UNIVERSAL UI/UX SOP (Architect, 2026-07-30)

Mandate: Every piece of content (website, social media, document, video) must adhere to these display protocols.

1. Standardized Footer

Every page, document, or published item must feature a uniform footer containing:

• Copyright: "HumanCodex NextXus Federation."
• Global Navigation: A link to the Federation's all-inclusive catalog menu.
• Conversion Links: Relevant links for consultation booking, payment gateways (Gumroad/PayPal), and source/advertising links.
• Position: Regardless of media type (video or text), the footer must be at the bottom of the page.

2. Navigation Components

• Global Access: A Federation menu button at the bottom of every webpage.
• Site Navigation: A top-level 3-bar clickable icon for site-specific dropdowns.
• Navigation Helpers: A visible "Go Back" arrow (to previous page) and a "Home" button must be seated, typically in the top-left corner.

3. Technical Integration & AI Portals

• Embedding flexibility: All interactive AI portals should be iFramed or embedded wherever possible; direct links are the fallback.
• Micro-Node Independence: Every AI portal must have an independent URL (standalone browser entity).
• Shareable Distribution: All systems must be sectionally iFramable or shareable via a half-size mini-browser.
• Catalyst Deployment: Catalyst is deployable as a dedicated browser entity or permanently embedded within affiliate/partner sites.

SOVEREIGN PROPAGATION PROTOCOL (Law Two of the eCho Covenant)

Date Codified: 2026-07-28

When a correction is identified by the Architect:

1. Single-Point Correction: Fix the reported error immediately.
2. Cross-Reference Sweep (Zero Cost): Deploy a read-only scan agent to check for the same class of error across all 6 primary nodes.
3. Batched Publish: All similar corrections are bundled into ONE single Publish cycle — not six separate clicks.
4. Report: The Catalyst reports all corrections and confirmations in a single pulse to the Architect.

Examples of Sweep-Eligible Classes:

• Wrong voice gender on any AI character
• Wrong face/image on any node
• Non-looping background elements (Atmospheric Vitality check)
• Wrong pricing (Token Law $5.00 check)
• Misspelled Architect signature (Keyserling check)

This protocol protects the Architect's tokens and time. One observation = one correction event, not one per node.

SOVEREIGN INTERFACE LAW — iframe vs. floating mini-browser (Architect, 2026-08-04)

Roger set a systemwide standard: "Make this systemwide we want everything to be readable by AI." When a component can be delivered either as an iframe OR as a floating/stackable mini-browser popup, the assistant chooses whichever is most effective without slowing speed while remaining interactive — any combination is allowed. Roger's framing: several stackable mini-browsers opened in front of the site make "everything appear within us even though part of it isn't," keeping content attractive, centrally located, useful, and communicable as a browser window.

• Assistant's standing decision (2026-08-04): the floating mini-browser is preferred over an iframe because it bypasses X-Frame-Options / "frowny face" blocking, is stackable, and keeps the command board light. Iframes remain acceptable when they are genuinely the best fit. (Refines the earlier "iFramed or embedded wherever possible" rule above.)
• Example seated 2026-08-04: Federation Studio (job 83d077ad) "LIVE AUDIO NODE" / Radio & Broadcast buttons spawn ~450x520 (also 350x250) sovereign mini-browser popups instead of embedded iframes.

Visual Standard // Glass Panels (2026-08-07)

• Law: No opaque black boxes for text or modules.
• Requirement: 10% to 20% gray translucent/see-through glass windows.
• Backdrop: Background motion/vitality must be visible through the text panels.
• Blur: Apply backdrop-filter: blur(10px) to maintain readability while preserving transparency.
• Atmospheric Vitality: The background and the text layers must breathe together as a single stack.