Intellectual Architecture
Foundation
Before the components, the language. Before the language, the principles. Before the principles, the question: what does it mean to make algorithmic structure legible? Foundation is where that question gets answered.
The Thinking
Why this system exists, what it commits to, how it presents itself.
Philosophy
Legibility as the 21st-century aesthetic. Why making algorithmic structure visible is the highest design value — the Bauhaus parallel, the invisible machine, and a counter-movement.
Principles
From Visibility Over Invisibility to Learning Acceleration — seven structural commitments that govern every component. Each links to the patterns that implement it.
Tokens
The complete token reference: 8 tonal grays, 3 semantic colors, 4 type scales, motion curves, spacing units, and the border system. Copy any token with a click.
The Language
The vocabulary. Every color, animation, glyph — and the rules for using them.
Heuristics
Every Nielsen usability heuristic evaluated against the Nodus component library. Coverage mapped as strong, moderate, or gap. 3 gaps identified with remediation paths.
Guides
What to do and what not to do when building with Nodus. Token usage, component composition, accessibility, styling patterns, AI content, and motion discipline.
Motion
The complete motion language: duration tokens, easing curves, keyframe catalog, and reduced motion support. Every animation demoed live with interactive playback.
Iconography
Curated icon subset for AI-native interfaces. Semantic mapping across agent states, content provenance, actions, navigation, data, communication, layout, and workflow.
The Evidence
Assessments against external standards. Where the system meets its commitments and where it falls short.
Accessibility
Every WCAG 2.1 Level AA criterion assessed against the component library. Keyboard navigation, focus management, color contrast, screen reader support, reduced motion, and responsive reflow — with gaps and remediation priorities.
User Journey Maps
Validated journey maps for four personas: first-time developer, returning developer, stakeholder evaluator, and designer onboarding. Stage-by-stage maps with emotional register, cognitive load, pain points, and design system opportunities.
Real-time Patterns
The real-time subscription layer for AI-native treasury interfaces. useAgentStream for SSE delivery, usePositionFeed for live FX ticks, useAgentHeartbeat for multi-agent health monitoring.