WEXILAR
← All work
Self-initiated conceptAI / SaaS / Business Operations

NOVA

An intelligent operations platform concept — connecting tools, automating repetitive work and putting AI agents to work inside visible workflows.
Year
2026
Type
Self-initiated concept
Services
UI/UX & Product Design, Web Applications, Automation
NOVA cover: the N-shaped workflow mark, the NOVA wordmark and 'Turn complex work into intelligent workflows' beside the workflow builder in a browser and the overview on a phone.
Type
Self-initiated concept
Year
2026
Scope
Product strategy, brand identity, AI product design, UI/UX, design system, web development
Deliverables
Mark & wordmark, token system, 16-section marketing site, responsive workspace: overview, workflow builder, AI agents, runs, integrations, analytics, team, settings

02Product vision

An operations layer for teams that run on many tools.

NOVA is a self-initiated WEXILAR concept: an imagined AI operations platform, designed and built end to end to show how we approach an AI and SaaS product. It is not a real company or product, it has no customers, and nothing in it is deployed. Every workspace, person, workflow, agent and number in these screens is sample data.

The idea: connect the tools a team already uses, automate the repetitive steps between them, give AI agents narrow and well-defined jobs inside those steps — and show everything that ran.

Product vision board: 'One place for the work that happens between your tools' beside cropped workspace charts and metrics.

The product vision, beside details of the workspace overview.

03The problem

Work lives in the gaps between tools.

Leads arrive in one tool, customers live in another, invoices in a third, and the team becomes the integration layer — copying, notifying, updating, drafting, every day. AI assistants promise to help, but most can write anything, anywhere, with no record of what they did or why. And when a hand-off breaks, nobody can see which step failed, or whether it ran at all.

Problem board: tool tiles tangled by dashed connections above four problem columns.

Disconnected tools, repetitive hand-offs, AI without guard rails, and no single view (illustrative).

Automation you can read. AI you can limit. Runs you can see.

04Product strategy

Connect, automate, assist, observe.

Four principles shaped every decision. Connect: sit between existing tools rather than replacing them, with narrow, visible, revocable access. Automate: make work explicit as a readable sequence of triggers, actions and conditions — versioned and testable. Assist: give AI agents job descriptions, not open mandates, and keep anything customer-facing as a draft for a person. Observe: record every run and step, and let retries resume from the step that failed.

Strategy board: four principle cards — Connect, Automate, Assist, Observe — above a list of what was designed and built.

Four principles, and the scope designed and built from them.

05Brand identity

The letter N, drawn as a workflow.

The NOVA mark draws an N as three steps joined by one path, arriving at a fourth, new point in the accent colour — structure first, and the accent marking what the work produces. It sits on a 32-unit grid with nodes at the corners of an 18-unit square and a single stroke weight. The wordmark is set in Instrument Sans capitals, lightly tracked.

The palette is near-black and cool whites with one indigo, reserved for action and for anything AI produced. Instrument Sans carries both the marketing voice and the interface; DM Mono is kept for machine facts — IDs, timings, versions and payloads.

Construction drawing of the NOVA N-shaped workflow mark on a grid, beside NOVA lockups on near-black.

Mark construction and lockups.

The NOVA app icon in three colourways and six sizes, with a browser tab and a notification.

App icon in graphite, indigo and light, down to a 16 px browser tab.

  • Ink#0B0C10Marketing ground, type
  • Graphite#14151BDark surfaces
  • Mist#F6F7F9Workspace ground
  • Slate#E7E9EFDividers, fills
  • Nova indigo#4F5BD5Action · AI
  • Lilac#8C95FFAccent on dark

Indigo is reserved for the next action and for AI output; status colours always come with a shape and a word.

Colour board: six core swatches and four run status colours with their icons.

Colour — core palette and run status.

Typography board: a large 'Aa' in Instrument Sans, a DM Mono sample, and a five-step type scale.

Typography — Instrument Sans and DM Mono.

06Design language

Structure you can see, and AI you can recognise.

Six principles run through the product. Workflows are drawn as what they are: steps on a line, branches labelled yes and no. Indigo means action or AI, and nothing else. Status is carried by shape and word as well as colour. Machine facts are set in mono so data never reads like prose. AI output that reaches a customer is always a draft first — and the interface says so. And quiet surfaces let dense tables and charts carry a lot without feeling loud.

Six design language tiles with live components: workflow nodes, accent buttons, status icons, a mono log, a draft email and a bar chart.

Design language, shown with the product's own components.

07Design system

Core components, product components, and every state in between.

One token set drives the light workspace and the dark marketing surfaces. On it sit the core components — buttons, inputs, dropdowns, tabs, toggles, badges, avatars, tables, navigation and charts — and a product layer built for this domain: workflow nodes for triggers, AI steps, conditions, actions, notifications and outputs; agent cards; step timelines; integration tiles; metrics and meters. Empty, loading and error states, modals, notifications and the command bar are designed as carefully as the happy path. Every board here renders the live components from the prototype.

Design token board: light and dark colour tokens, a radius scale and a 4-point spacing scale.

Tokens for both themes, radius and spacing.

Core component board: buttons, inputs and dropdowns with focus and error states, tabs, toggles, badges, avatars, a table, navigation and charts.

Core components.

Product component board: six workflow node types, metrics, a step timeline, four agent cards and integration tiles.

Product components — workflow nodes, agent cards, step timeline, integrations, metrics.

States board: empty state, loading skeletons, error messages, a publish modal, a notifications menu and the command bar.

States — empty, loading, error, modal, notifications and the ⌘K command bar.

08Workspace

A dashboard that answers three questions, in order.

The overview answers three questions in order: how much ran, what is running right now, and what needs a person. Below the headline numbers sit fourteen days of workflow activity, live runs with their progress, recent runs with a step-by-step status strip, agent activity written as sentences, operational insights labelled as written by the Reporting agent, task status and usage. A ⌘K command bar jumps to any workflow, agent, run or page, and notifications collect failures and drafts waiting for review.

The NOVA workspace overview in a browser: metrics, workflow activity chart, live runs, recent runs, agent activity, insights, task status and usage.

Workspace overview.

Magnified overview details: metric cards, the workflow activity chart, live runs, operational insights and agent activity.

Overview details.

09Workflow builder

Build it like a checklist, run it like a system.

Workflows are built on a visual canvas: a trigger, then actions, conditions and AI steps, with branches labelled yes and no. Selecting a step opens it in the inspector, where its settings, its agent and its human-review rule can be edited, or the step disabled without deleting it. A test run animates through the steps on sample data; saving keeps a draft; publishing creates a new version, and every run records which version it used.

The example shown — a new lead received, analysed by an AI step, branched on fit, written to the CRM, answered with a drafted email, announced to the team and logged to a report — is fully interactive in the prototype.

The NOVA workflow builder in a browser: a vertical flow of trigger, AI, condition and action nodes with a branch, and an inspector panel.

The workflow builder — canvas and inspector.

Builder details: a selected AI node and condition branch, the inspector, a completed test run, the publish dialog and a row of nodes.

Nodes, branches, the inspector, a passing test run and publishing.

10AI agents

Five narrow roles, one set of rules.

NOVA's five agents — research, content, operations, support and reporting — each have a purpose, a list of workflows they may run in, recent activity, permissions and a configuration. Read, write and send are separate switches for each connected tool, and agents can't grant themselves more. Below a confidence threshold, an agent's work goes to a person; customer-facing text is always a draft first. Agent steps appear in run history like any other step.

These agents are conceptual product features with sample activity — not deployed AI systems.

The NOVA agents page and the Support agent detail page, each in a browser.

Agents and an agent's configuration.

Five agent cards above an agent's status, instructions, review threshold and permissions, beside four agent principles.

Five roles, one set of rules.

11Runs

When something breaks, it says where — and why.

Runs list every execution with its workflow, trigger, status, steps, start time and duration, filterable by status and searchable. Opening a run shows each step in order with the time it took, notes and errors written for the person who has to fix them, the trigger payload, and a plain-language account of what happened. A failed run can be retried from the step that failed — earlier steps are kept, so nothing is sent twice.

The NOVA runs table in a browser, with a magnified failed run showing its steps.

Runs, with a failed run's steps.

Two run detail pages side by side — one failed, one succeeded — above three principles and a step duration bar.

Run detail — a failure and a success, and where the time goes.

12Integrations

Between your tools, not instead of them.

Integrations show how connectors to tools like Slack, Gmail, Google Drive, Notion, HubSpot, Salesforce, Stripe and GitHub would appear: filterable by category, each listing the workflows that use it and the exact permissions it would ask for. These are interface concepts — no third-party APIs are connected, no partnerships are implied, and every tile uses a neutral monogram rather than a company logo.

The NOVA integrations page in a browser beside a connect dialog listing requested permissions and noting it is an interface concept.

Integrations and the connect dialog (concept).

13Analytics

Find the next thing worth automating.

Analytics shows run volume split into succeeded and needed-attention, completion rate, execution trend, runs by workflow and agent activity with the share of work reviewed by a person — across seven, fourteen or thirty days. It is built to find the next thing worth automating, and the thing that shouldn't be. All figures are sample data for the concept workspace.

The NOVA analytics page in a browser: summary metrics, automation volume bars, completion donut, execution trend, runs by workflow and agent activity.

Analytics.

14Responsive experience

Designed for each screen, not shrunk to fit.

Desktop gets the full sidebar. Tablet gets a scrollable section rail above the content. On phones, NOVA becomes a tool for keeping an eye on things: a four-tab bar with a “More” sheet, tables replaced by cards, the builder stacked into one column with a summary above it, and the dashboard reordered around what someone on the move needs first — what ran, what failed, which agent needs a reviewer. Every screen was checked at 390, 768 and 1440 pixels.

The NOVA overview on a desktop browser, a tablet and a phone.

Desktop, tablet and phone.

Two phones on indigo: a run with a low-confidence warning, and the overview with the More sheet open.

Mobile — a run needing review, and the More sheet.

Six NOVA mobile screens: overview, workflows, builder, agents, runs and analytics.

Overview, workflows, builder, agents, runs and analytics on a phone.

Five NOVA mobile screens: run detail, research agent, notifications, integrations and the More sheet.

Run detail, an agent, notifications, integrations and the More sheet.

15Marketing website

A website that shows the product, not a promise.

The NOVA website introduces the product in sixteen sections: a hero with the product itself rather than an illustration, the problem it solves, core benefits, workflow automation, AI agents, integrations, operations visibility, analytics, team collaboration, product screenshots, a four-step “how it works”, use cases, a security and control section framed explicitly as a product concept rather than a compliance claim, a final call to action and a footer that says what NOVA is. It uses live product components throughout and carries no customer logos, testimonials or metrics.

The NOVA marketing website hero in a browser: 'Turn complex work into intelligent workflows' above a live product window.

Website hero.

The full NOVA marketing website in three columns, from hero to footer.

The full page, hero to footer.

Four sections of the NOVA marketing website on a phone.

The website on a phone.

16Product architecture

Six layers, from interface to events.

To design the product honestly we sketched how it would be built, layer by layer: the interface (website, workspace, mobile); the workspace (people, roles, approvals, audit); the workflow engine (triggers, step runner and retries, versioning); the AI agent layer (agent definitions, permission checks, a human review queue); integrations (scoped credentials, rate limits, webhooks); and data and events (event stream, run history, analytics store).

This architecture is illustrative. The prototype is a Next.js app running on sample data. No workflow engine, AI models, connectors or data stores are deployed, and nothing here describes a running service.

Six stacked architecture layers — interface, workspace, workflow engine, AI agent layer, integrations, data and events — with an example path.

Conceptual product architecture — illustrative only.

Give the busywork a system — and keep people in charge of it.

17Final showcase

Brand, workspace, builder and agents — together.

The NOVA prototype is live at wexilar.com/concepts/nova (marketing website) and wexilar.com/concepts/nova/app (product workspace). It runs entirely on sample data.

NOVA analytics in a browser beside the overview and agents screens on two phones.
Bento grid of NOVA: app icon, lockup, core statement, a workflow node, the activity chart and mobile builder and runs screens.
NOVA — Turn complex work into intelligent workflows. — Self-initiated concept — WEXILAR.
Strategy & identity
WEXILAR
Product design & development
WEXILAR
Data
Sample data only — no real customers, usage, revenue or performance metrics
Status
Self-initiated concept — not a real company; AI agents and integrations are conceptual, nothing is deployed or connected

HAVE SOMETHING
WORTH BUILDING?

Let's create something exceptional.
Skip to main content