Design System
AI systems act. Invisibly.Built to make AI action legible.Nodus
Built for the interfaces nobody else is designing — AI-native products, agentic treasury, human-machine handoff. Where agent output and human judgment share the same visual language.
v1.1New: Governance model · Voice primitives · Runtime theming
Semantic color system
Three colors. Three meanings. No exceptions.
Authority, action, AI acting. Red means something is happening — an agent is taking an action, a user is exercising control.
Processing, information, time. Blue is computation in flight — data loading, inference running, a clock ticking.
Enrichment, caution, confirmation. Gold marks moments that need attention — a threshold crossed, a value confirmed.
Token demonstration
Color that means something.
Where to start
Pick your path.
New here? Each path takes you from zero to productive in under five minutes. Pick the one that matches what you're building.
Building an AI product
Building a finance tool
Designer joining the system
- 01Philosophy
- 02Tokens
- 03Guides
Auditing coverage or compliance
Architecture
Four layers that compose.
Every component lives at exactly one layer. Patterns consume primitives. Finance components share primitive tokens. Foundation governs all. Nothing leaks between layers.
Read bottom-up: Foundation supports everything above it.
Purpose-built interaction patterns for agent interfaces: agency gates, tool call chains, consent ceremonies, audit trails.
Domain-specific UI for treasury: FX, payments, risk, compliance, recon, portfolio. The densest, most data-intensive layer.
Universal interface building blocks: forms, tables, overlays, navigation, feedback, typography. Composable and token-governed.
The design language. Tokens, motion, typography, color, principles, heuristics, accessibility. Everything else inherits from here.
Component showcase
Composable. Dense. Precise.
Actions
Status indicators
7 outcome tokens · positive, caution, negative
3 semantic signals · agency, temporal, validation
Finance data table — 32px compact density
Why Nodus
No other DS has
a language for AI.
Most design systems were built for humans filling forms. Nodus is built for humans working alongside agents — where trust, legibility, and sovereignty are interface requirements, not afterthoughts.
Agent-first primitives.
41 patterns purpose-built for AI interaction: agency levels, tool call chains, provenance visualization, ceremony gates. Not adapted from form builders. Built for agents.
Semantic color discipline.
Three colors mapped to three meanings. Red is agency. Blue is temporal. Gold is validation. Every component uses this vocabulary. No exceptions.
Finance depth.
111 domain-specific components covering treasury, FX, payments, risk, compliance, and recon. The finance layer no other design system has.
Built with Nodus DS
Templates ready to ship.
80+ end-to-end interface templates across treasury, AI agent workflows, and finance domains. Copy, configure, and deploy — fully token-governed and WCAG AA compliant.
Cash Position Dashboard
Real-time multi-currency cash position with agent-initiated sweep recommendations.
Agent Approval Gate
Structured approval ceremony for high-stakes agent actions with audit trail.
FX Risk Monitor
Live FX exposure and VaR metrics with threshold-triggered agent alerts.
Multi-Agent Orchestration
Visual pipeline for coordinating multi-agent workflows with real-time status.
Start building
What are you building?
Design principles
Legibility as
aesthetic program.
- 01Visibility Over Invisibility
- 02Ceremony Over Efficiency
- 03Auditability as Aesthetic
- 04Temporal Honesty
- 05Sovereignty as Feeling
- 06Agent Legibility
- 07Learning Acceleration
Awards & recognition
Built to be recognised.
Best-in-class AI Design System
Recognition for semantic color discipline and agentic pattern depth. Nominated category.
Treasury Interface Excellence
111-component finance layer spanning FX, risk, payments, and compliance. Submitted for review.
WCAG AA Full Compliance
All 233 components meet contrast requirements. 10px font floor. Keyboard navigable.
Nodus Design System v1.1
Three token layers. 233 components. One way to build.
Governance model shipped. Voice, theming, and realtime collaboration live. 233 components, 41 agent patterns, 111 finance components.