arkenOSDesign system
Foundations
Overview
Colors
Themes
Typography
Surfaces & depth
Components
Components
Recipes
Primitives
Utilities
Product
Voice & copy
Blocks
Evidence
Operations
Crew avatars
DocumentationIacon Autonomics
What's newSep 29

A softer arkenOS: rounded surfaces, sentence-case copy and sixteen themes of our own.

v0.6.3
Design system
Iacon Autonomics

arkenOS by iacon autonomics

Design system

A calm, rounded interface with soft depth. Every page here imports the live components from web/src and the real tokens from globals.css — if it looks right here, it is right in the app.

Colors

Three inputs per mode, and every token mixed from them.

Themes

arkenOS's built-in themes, previewed in both modes and applied live.

Typography

A sans for the interface, mono only for code and machine values.

Surfaces & depth

Soft, raised, well and floating surfaces, radius, shadows and motion.

Components

The settings kit: sections, rows, segmented controls, status pills, panel states.

Recipes

Exact markup for page headers, panels, tables, badges, menus, dialogs and empty states.

Primitives

The components/ui primitives, rendered live.

Utilities

The few global helpers left: dot grid for canvases, scrollbars, focus rings.

Voice & copy

Sentence case, plain words, mono only for machine values.

Blocks

The real app chat surface: bubbles, tool calls, composer, fleet, model providers.

Evidence

What a run produced and what it proves: trajectories, gates, verifiers, datasets.

Operations

Running it from anywhere: timelines, budgets, checkpoints, phone.

Crew avatars

A face generated from a name: shapes, optics, gear, and the colours they wear.