Foundations · 01

A precise system for deep work.

Use primitive tokens to describe facts and semantic tokens to build interfaces. The default canvas is dark; light surfaces provide contrast and reading relief.

01 / Color

Depth carries the system. Signal carries meaning.

Navy owns the field. Blue drives action. Cyan identifies one meaningful signal and stays below 8% of a view.

Core navy

Navy 950

Midnight

Deep navy

Navy raised

Intelligence and signal

Blue 700

Intelligence blue

Signal cyan

Luminous blue

Neutral range

Cloud--1ai-cloud

Mist--1ai-mist

Neutral 400--neutral-400

Neutral 500--neutral-500

Neutral 600--neutral-600

Neutral 700--neutral-700

Neutral 800--neutral-800

Ink--1ai-ink

Feedback

Success--color-success

Warning--color-warning

Danger--color-danger

Information--color-info

02 / Themes

Dark-first, with deliberate light relief.

Keep deep operational views dark. Use Cloud and Mist for reading, print, formal documents, and moments that benefit from a change in pace.

Dark operating surface

Raised system layer

Dense, focused, and calm.

Light reading surface

Raised document layer

Clear, open, and print-ready.

03 / Type

Neutral voice. Strong hierarchy. Technical clarity.

Inter leads Latin text, Pretendard leads Korean, and the system monospace is reserved for IDs, states, timestamps, and labels.

DISPLAY / 800

Build the operating model.

H1 / 700

From AI ambition to repeatable work.

H2 / 600

Connect strategy to execution.

BODY / 400

1AI redesigns how decisions, knowledge, workflows, systems, people, and agents work together. The result is not a collection of tools, but a company that can operate with intelligence built in.

KO / 700

AI로 일하는 회사를 설계합니다.

MONO / 500

SIGNAL_06 · workflow.status=operational · 09:42:17

04 / Spacing

4px base. Enterprise-scale breathing room.

Compact controls sit within generous compositions. Marketing sections commonly use 80–144px; interface controls stay on 4px increments.

--space-14px

--space-28px

--space-312px

--space-416px

--space-624px

--space-832px

--space-1248px

--space-1664px

--space-2496px

--space-32128px

05 / Radii

Engineered edges, never toy-like.

Medium radius is the component default. Large radii are reserved for major fields and presentation surfaces.

xs · 3px

sm · 6px

md · 10px

lg · 14px

06 / Shadows

Elevation without spectacle.

Use borders first. Shadows clarify a raised card, floating dialog, or selected working layer—never every surface.

--shadow-xs

--shadow-sm

--shadow-md

--shadow-lg

07 / Motion

Reveal state, sequence, and connection.

Motion is slow enough to understand and fast enough to stay operational. Reduced-motion preferences disable nonessential movement.

fast · 140ms

Controls

base · 220ms

State changes

slow · 420ms

Panels

reveal · 720ms

System assembly