Design

Cinematic. Enterprise-ready.

Apple quality, Linear simplicity, Vercel polish, OpenAI intelligence, Stripe clarity — Falcon's design system in one place.

Feel

Apple quality

Materials, timing and detail worthy of a premium consumer product.

Structure

Linear simplicity

Ruthless information hierarchy — everything earns its pixel.

Craft

Vercel polish

Motion, typography and micro-interactions that reward attention.

Intelligence

OpenAI intelligence

AI is the surface, not an accessory bolted on.

Clarity

Stripe clarity

Ideas expressed simply — even when the mechanics are complex.

Navigation

Everything, one click away.

Primary sidebar, workspace switcher and user menu — always in the same place.

Primary sidebar

Home, Chat, Knowledge, Documents, Agents, Automations, Projects, Marketplace, API, Analytics, Settings.

Workspace switcher

Top-left workspace selector with search, favourites and quick-create.

User menu

Bottom-left profile panel with role, plan, org, theme and quick sign-out.

Dashboard

Land and understand.

The first thing you see tells you where the workspace stands and what to do next.

Hero

Hero area

Token balance, recent activity, active projects and personalised recommendations.

Actions

Quick actions

New Chat, New Agent, Upload Documents, Create Workflow, Create Project — one click each.

Insights

Insights panel

Usage trends, cost analytics and agent performance rolled up for the whole workspace.

Chat

Three columns. Infinite range.

Conversations left, work in the middle, context on the right — with multi-model, debate, consensus and research modes.

Left

Conversations

Threads, search and folder navigation with keyboard-first shortcuts.

Center

Messages & artifacts

Message stream, inline artifacts and attachments — one continuous canvas.

Right

Context panel

Documents, memory, citations and project context always one tap away.

Actions

Message actions

Copy, edit, branch, share, regenerate and export on every message.

Modes

Advanced modes

Multi-model, debate, consensus and deep-research modes with dedicated affordances.

Surfaces

Every module, same craft.

Knowledge, agents, marketplace, workflows and projects — one design language throughout.

Knowledge

Knowledge dashboard

Bases, upload centre, search analytics and document health at a glance.

Doc View

Document view

Citations, metadata, chunk previews and live embedding status.

Agent Builder

Agent builder

Identity, instructions, tools, knowledge, workflows and permissions in one canvas.

Marketplace

Agent marketplace

Featured, categorised and rated agents with one-click install.

Workflows

Workflow canvas

Trigger → Agent → Knowledge → Action → Output with drag-and-drop, connections, logs and test mode.

Projects

Project workspace

Overview, Chats, Documents, Knowledge, Agents, Workflows and Analytics tabs.

Admin

Command Center & Mission Control.

The operational surfaces enterprises actually run their AI programs from.

Command Center

Users, permissions, billing, security, audit and integrations

Everything an org owner touches — unified in a single admin surface.

Mission Control

AI usage, adoption, compliance posture and risk monitoring

The operational cockpit for AI in the enterprise.

Motion

Timing you can feel.

Framer Motion and GSAP with published timings — never gratuitous, always intentional.

150–250ms

Micro interactions

Hover states, focus rings and small transitions — snappy, never noisy.

200ms

Buttons

Press feedback tuned to feel like physical hardware.

400ms

Page transitions

Smooth route changes without disorienting jumps.

300ms

Modals

Enter and exit with material physics and clear direction.

Accessibility

Usable by everyone.

WCAG 2.1 AA is the floor — not the ceiling.

WCAG 2.1 AA

Contrast, focus order and semantics validated as an acceptance criterion.

Full keyboard navigation

Every workflow ships with a documented keyboard path.

High contrast support

First-class high-contrast themes for low-vision usage.

Screen reader compatibility

Semantic HTML, ARIA and live regions where AI output streams in.

Reduced motion mode

Respect prefers-reduced-motion — no animation is essential to comprehension.

System

Tokens, not opinions.

Typography, radius, grid, themes and components — all shared across every surface.

Type

Inter + Geist

Inter for interface, Geist for display — tuned for density and legibility.

Radius

12 / 16 / 20 px

Standard controls at 12, cards at 16, premium panels at 20.

Grid

12-column responsive

One grid, four breakpoints — every layout composes from the same rails.

Themes

Dark · Light · System

Semantic tokens across every surface — no hardcoded colours anywhere.

Components

Glass, data, AI, analytics

Glass cards, data panels, AI message cards, analytics widgets and interactive charts.