Shared visual system

Calm interfaces for serious tools.

These pages are a living visual acceptance suite. Use them to compare tokens, refine component geometry, and verify that every project speaks the same visual language.

Review components Adoption guide

Component catalog Tokens, typography, controls, forms, status, tables, overlays, and empty states. Workspace shell Compact toolbar, navigation, metrics, content, and investigation command bar. Settings surface Permanent and modal settings patterns with sections, forms, and dangerous actions. Authentication Branding, focused sign-in form, alternate actions, and security messaging. Extended Patterns Chat UI, onboarding cards, project grids, icon toggles, and assistant interfaces.

Core character

Quiet surfaces, compact controls, restrained accent.

Control radius

9px

Compact and desktop-like

Toolbar height

32px

Persistent global context

Sidebar width

224px

Independent navigation

Motion

160ms

Reduced-motion aware