Visual Direction
The visual direction system balances XEVOR momentum with NEXA guidance across landing pages, dashboards, print, and campaigns.
Depth-first Test Framework
- Deepest surfaces represent the unknown current state.
- Elevated panels represent emerging clarity.
- Xevor Flare actions represent forward motion.
- Nexa Cluster signals indicate live state or calls for attention.
Mood / Direction Axes
| Axis | XEVOR end | NEXA end |
|---|---|---|
| Energy | Sharp, high-contrast, active | Calm, spacious, stable |
| Structure | Tight grid, dense data | Generous whitespace, clear hierarchy |
| Motion | Direct, fast transitions | Slow, guiding reveals |
| Imagery | Abstract systems, motion | Human context, clarity |
Contexts
Context 1: Landing page hero
Void Charcoal 950 full-bleed. E-square in Pulsar White 1000. H1 in Exo 2 at 81 px. CTA in Xevor Flare 1000 with Singularity Black 1000 text. A Nexa Cluster 1000 dot signals live system state.
Context 2: Product dashboard
Void Charcoal 900 base, Void Charcoal 800 side panel, Void Charcoal 700 cards. JetBrains Mono KPIs, Aurel Sand 1000 premium accents, Xevor Flare 1000 actions, and system state feedback colors.
Context 3: Print one-pager
Pulsar White 1000 or Surface Light 1000 background, Singularity Black 1000 lockup, Inter body, Exo 2 headings, Xevor Flare 1000 callouts, Aurel Sand 1000 premium moments.
Context mockups
Landing page hero
System active
Advancement begins
Turn complex decisions into clear forward motion.
Product dashboard
KPI
+12%
Activity
Print one-pager
Better decisions. Better outcomes.
XEVOR NEXA gives teams a shared operating system for advancement.
Inter body copy with Exo 2 headings and Xevor Flare callouts on a clean Pulsar White ground.