UI Library

Components

Fourteen core components. Zero border radius. Every element earns its place.

Button

Variants
Sizes
Disabled state

Input

States
This field is required

Card

Variants
DEFAULT

Standard card with heavy border and optional label.

DARK

Dark card for featured or primary content areas.

VALIDATION

Yellow card for validation, caution, or enrichment state.

Badge

Colors + filled
AGENCYTEMPORALVALIDATIONSYSTEMINACTIVE
Outlined variants
AGENCYTEMPORALVALIDATIONSYSTEM

InstallBlock

Copy command
$npm install @nodus/design-system
Custom command
$pip install nodus-sdk

Content Patterns

Table — structure border, raised header
PatternTokenValue
Table header--ds-surface-raised--bh-gray-1
Row border--ds-border-separator--bh-gray-2
Cell text--ds-text-primary--bh-black
Blockquote — heavy left border, raised surface

Perfection is achieved not when there is nothing more to add, but when there is nothing left to take away.

Links — temporal (info) / agency (destructive)
List — em-dash marker, muted color
  • —First item — clean typographic list
  • —Second item — no bullets, just dashes
  • —Third item — structure without decoration
Inline code — raised surface, agency text, structure border

Run nodus config set telemetry false to disable telemetry.

Horizontal rule — fine separator, no decoration

Content above the rule.

Content below the rule.

StatusDot

States
ActivePendingIdleErrorOffline
Sizes

Tag

Default + Outlined
calendar:readvault:writegpt-4opplgraph:readread-onlydelegated

Meter

With thresholds
Low — below threshold22
Moderate — within range55
High — above threshold91

Timestamp

Precision modes
exact
minute
day
approximate

DataTag

With provenance (click to expand)
$2.4M82.431/100no-source

Callout

All variants
AGENT ACTING
Delegation active: Nodus is managing your calendar for the next 2 hours.
PROCESSING
Indexing vault — 1,847 notes remaining. This may take a few minutes.
ATTENTION REQUIRED
Account health dropped below threshold. 12 accounts require review.
INFO
Design system v0.2.0 is available. Run npm install @nodus/design-system@latest to upgrade.

Skeleton

Variants
TEXT — 3 LINES
BLOCK
CARD

EmptyState

Three semantic variants
○
NOTHING HERE YET

No agents have run in this session yet.

◌
AGENT IS WORKING

Morning Intelligence is processing your calendar and vault data.

×
VAULT UNREACHABLE

lab-vault MCP server is offline. Check your connection.

Compact variant
○
NOTHING HERE YET

No events today.

◌
AGENT IS WORKING
×
SOMETHING WENT WRONG

Auth expired.

← TOKENSPATTERNS →