Skip to content
NEXA

Concept Project by OXYVIUM

About this project.

NEXA is a self-initiated concept product designed and built by OXYVIUM. It is not a real company. We made it to show how we approach a SaaS product end to end — brand, marketing site and working product interface — without the constraints of a client brief.

01Scope

What we designed and built.

A fictional AI operations platform, taken from positioning to an interactive prototype.

Brand & visual system
Wordmark, palette, type scale, status language and interface tokens.
Marketing site
Seven pages, editorial layouts and conversion paths built around the product.
Product interface
Workspace shell, overview, workflows, run history, tasks, integrations and settings.
Workflow builder
Add, edit, reorder, disconnect and test-run steps on a canvas.
AI assistant
Turning a plain-language request into a reviewable workflow draft.
Responsive app
A dedicated mobile layout with bottom navigation and sheets, not a shrunken desktop.

02Principles

How it was designed.

  1. 01

    The product is the hero

    No stock imagery, no abstract AI graphics. The interface carries the story.

  2. 02

    Show, don't claim

    Instead of promising outcomes, the site demonstrates what each feature does.

  3. 03

    Calm density

    High information density with restrained color: signal orange marks live state and focus, status colors mean status.

  4. 04

    Honest data

    Every figure, name and connection is fictional and labelled as such.

03System

A small, strict palette.

Instrument Sans for display and interface, JetBrains Mono for metadata. One accent, four status colors, two grounds.

  • Ink

    #0b0b0c

  • Surface

    #111113

  • Line

    #242428

  • Foreground

    #edece8

  • Paper

    #f2f0ea

  • Signal

    #ff6a3d

  • OK

    #4cc38a

  • Error

    #ef5b5b

Aa

Display type is set uppercase at 78% width with tight tracking, giving headlines an engineered, editorial voice. Interface text stays at normal width between 12 and 15px for density and legibility.

04Disclosure

What's real, and what isn't.

Real

  • The interface design and interactions
  • The front-end engineering and responsive behaviour
  • The information architecture and copy

Fictional

  • The company, team and customers
  • Usage figures, analytics and run data
  • Integrations, pricing and availability
Open the prototypeContact