Skip to main content
OORBIT UI
Block library
↵
BlocksSystem overview

System overview

A composed overview of tokens, controls, forms, and semantic states. Each block is composed from the same primitives and remains fully interactive inside the preview.

1 patterns
Design system

Components made to compose

The merged language uses generous geometry, editorial color, clear hierarchy, and controls with an obvious purpose.

Color tokens

Semantic, theme-aware surfaces

canvassurfaceraisedinkmutedcoralvioletcyansageyelloworange

Actions

Every control has a clear outcome

Statuses & people

Compact signals, generous targets

ConnectedAttentionIn progressAI assistedDraft
HLMLNAI

Inputs

Calm defaults and visible focus

Navigation

Tabs and progress

Showing the overview state.

Setup progress72%
Featured block

Revenue is up 12.4%

A high-signal card pairs one strong number with just enough context and one clear next step.

Nothing needs attention

This empty state reassures the user and offers an intentional next action.

System overview blockResponsive product composition

Composition notes

This block owns only its local interaction state. Theme, navigation, and product-level orchestration stay at the documentation shell level so the block can be reused in another application.