Date: 2026-08-01
Scope: Public site (ghost.jonbailey.xyz) + local Command Nexus (packages/hub-ui) + hub static preview
| Before (OMEGA ASCENDANT) | After (Luminous Membrane) |
|---|---|
| Neon cyan / magenta / void black | Soft teal, pearl, warm charcoal with indigo-teal undertone |
| Orbitron + Rajdhani / IBM Plex | Clash Display + Satoshi (self-hosted Fontshare) |
| CRT scanlines + hard neon HUD | No scanlines; soft membrane ambient + crystal edges |
| Dense war-room chrome | Museum whitespace, progressive disclosure |
| Aggressive threat reds | Restrained rose / amber semantics |
- Public landing - full CSS design system rewrite (
landing/css/ascend.css) - Hero - calm gradient display type, membrane stage chrome, softer lifecycle labels
- Planes explorer - crystalline card hover/lift, breathing nexus core
- Threat lifecycle demo - palette remap; same client-side campaign
- Home Shield cards - soft top membrane bar, lift microinteraction
- Efficacy gauges - soft teal living arcs
- Quickstart / FAQ / footer - new tokens, focus rings, motion language
- Hub preview (
/hub/) - rebranded static preview page - Command Nexus UI - tokens, fonts, scanlines removed, title/chrome softened, operator glitch toned down
- JS demos / holo / operator rain - palette remap to membrane teal system
Documented in docs/DESIGN-SYSTEM-LUMINOUS-MEMBRANE.md.
Tokens: primitive + semantic + legacy aliases so existing markup keeps working.
Motion: --motion-dur-* + spring-ish hover/press; full prefers-reduced-motion.
Type: /fonts/fontshare/fonts.css (deployed with site).
- Defensive-only philosophy and messaging
- All features (Home Shield, planes, genome, lifecycle, Merkle, local Nexus)
- Zero core npm deps for engine
- Local-first loopback hub
- Client-side synthetic demos
- Cache bust:
ascend.css?v=3.1.0, share-card?v=share6 deploy-site.ps1copieslanding/fontsinto site-public- Local hub:
npm start->http://127.0.0.1:30000