Vortex Alpha v0.2 - The UI/Design Overhaul

Vortex Alpha v0.2 - The UI/Design Overhaul

Vortex Alpha v0.2 is the first release where the simulator stops looking like a collection of governance screens and starts feeling like one designed civic system.

This update is a full UI and design overhaul across the Vortex app surface. It rebuilds navigation, visual hierarchy, theme identity, proposal cards, Formation project cards, governance dashboards, chamber views, profile surfaces, and the shared components that hold the whole experience together.

What Changed

  • A new centered Vortex navigation system groups the app into Governance, Institutions, and System.
  • Feed, Proposals, Formation, Chambers, My Governance, Profile, Human Nodes, Factions, CM, Courts, Invision, and Settings now follow the same visual grammar.
  • Proposal and feed records now use shared glassy cards, aligned metadata, compact summaries, clear stage chips, and expandable evidence areas.
  • Formation projects now have redesigned cards with real project status, chamber, budget, milestone, team-slot, and proposer information.
  • My Governance and Profile now present CM + MM, delegation, tier progress, Formation participation, and governance activity in a tighter operational layout.
  • A new Fire theme joins Sky, Light, and Night, with theme-specific colors, chips, brushstroke navigation, and background motion.
  • The app shell now has subtle atmosphere per theme: petals, clouds, galaxies, and smoke/cinders.
  • Status chips and stage colors were rebuilt so proposal pool, chamber vote, veto, Formation, faction, thread, court, system, passed, and failed states stay visually distinct.

A Designed Civic Surface

The old Alpha interface was functional, but it was still raw. It exposed the mechanics of Vortex, yet too much of the experience felt assembled from independent panels. Feed had one visual language. Proposals had another. Formation had another. My Governance and Profile carried the right data, but not always with the right weight, spacing, or order.

Vortex Alpha v0.2 changes that foundation.

The app now treats governance as an operating surface. Navigation is organized around the way people actually move through the system: watching what happened, acting on governance work, joining institutions, checking system health, and understanding their own position inside Vortex.

The redesigned sidebar places Vortex at the center and groups the product map into three clear domains:

  • Governance: Feed, My Governance, Proposals, Formation
  • Institutions: Chambers, Factions, CM Panel, Courts
  • System: My Profile, Invision, Human Nodes, Vortexopedia, Settings

The interface no longer tries to behave like a landing page inside the application. The landing page remains the entry point. The app itself is now denser, calmer, and more operational.

Feed And Proposals Now Speak The Same Language

Feed and Proposals are the center of daily Vortex work, so they became the design anchor for the release.

Proposal records now have a shared glassy card treatment with strict alignment, consistent stage chips, compact one-line summaries, readable dates, and expandable evidence sections. The same card grammar is used across Feed, Proposals, and chamber proposal lists, so users do not have to relearn the same object in different contexts.

The stage chips are now semantic rather than decorative. Proposal Pool, Chamber Vote, Citizen Veto, Chamber Veto, Formation, passed, failed, faction, thread, court, and system events all get distinct visual treatment across themes.

Vortex is stage-heavy by design. The UI now makes stage context readable at a glance instead of burying it in repeated labels or noisy status text.

Formation Gets A Real Project Card

Formation is no longer presented as a loose list of execution items.

Each project now has a redesigned card that keeps the original information but presents it with proper structure: status, chamber, budget, milestones, team slots, proposer, summary, and direct project access. Ongoing, gathering-team, and ended projects use matching status colors and side indicators so users can scan execution state quickly.

Formation actions were also tightened. Joining a team, submitting a milestone, opening a milestone vote, and finishing a project now follow role-aware visibility instead of appearing as a generic action pile.

That makes Formation feel less like a placeholder module and more like the executive layer of Vortex.

My Governance And Profile Are Now Operational

My Governance and Profile were rebuilt around the facts users need to understand their position.

The release introduces a clearer CM + MM presentation. ACM and MM are shown without implying that chambers themselves own personal ACM. Chamber contributions, multipliers, delegation state, incoming weight, active-governor progress, Formation participation, legitimacy state, and governance activity are organized into compact grids.

Delegation also becomes easier to use. Instead of forcing raw address entry as the default mental model, the page now moves toward a picker pattern that shows available governors in the relevant chamber.

Profiles now mirror the same grammar as My Governance, but in read-only form. Public identity pages and the user’s own governance page are closer to the same system now.

Invision Becomes Cleaner And More Honest

Invision was reworked to focus on real system metrics instead of decorative dashboard filler.

The page now keeps the governance state, decentralization engine, stability engine, economic indicators, faction view, and risk signals, but strips out invented panels and redundant metrics. Confidence is colored by strength, and metric containers remain visible across Light, Sky, Night, and Fire themes.

The goal is simple: Invision should explain the condition of the system.

A Stronger Theme System

Vortex now has four themes:

  • Sky
  • Light
  • Night
  • Fire

Each theme has its own tone for cards, chips, navigation brushstrokes, and background atmosphere. Sky carries clouds. Light carries petals. Night carries galaxies. Fire carries smoke and rising cinders.

The motion is intentionally subtle. It gives the app a sense of identity without stealing attention from governance work.

A Shared Design System Underneath

The UI now has stronger shared primitives:

  • GlassyRecordCard
  • GlassySection
  • GlassyCard
  • StageChip
  • Chip
  • Formation project card helpers
  • CM + MM presentation helpers
  • Theme-aware visual contracts

That matters for the future. A governance app grows quickly. Without shared components, every new stage, proposal type, chamber view, or action panel becomes another visual fork. Alpha v0.2 gives Vortex a base that can scale.

Why Alpha v0.2 Matters

Vortex  is a governance system with proposal pools, chambers, vetoes, Formation execution, CM, MM, factions, courts, human-node identity, active-governor responsibility, and system-level legitimacy.

The interface has to carry that complexity without making the system feel chaotic.

Alpha v0.2 is the first step toward that standard. It gives Vortex a clearer product map, a stronger visual identity, a shared design grammar, and a better foundation for future public testing.

The Vortex is still an Alpha. But it now looks and behaves much more like the system it is trying to become.