Milo BRAND + INTERFACE SYSTEM V1.2
31Surface Intensity

Today is not a terminal. Diagnostics is not a spa.

Every Milo surface holds one of four densities. Which one it gets is not taste: information density increases with task specificity. A surface about what matters now earns space; a surface about the machine earns rows.

LEVELS 01 QUIET · 02 WORK · 03 STUDIO · 04 SYSTEMTOKENS tokens/surface-intensity.jsonGATE jev intensity
The law31.1

Density follows specificity.

The more specialised the task, the more the surface may say at once. The progression is a direction of travel, not a ranking — nothing at QUIET is better designed than something at SYSTEM.

01

QUIET

What matters now?

Today · conversation · reflection · onboarding. One decision on screen. Art may be large.

02

WORK

What is the state of this work?

Projects · tasks · artifacts · files. Ten to thirty rows. Imagery only where it is the thing being worked on.

03

STUDIO

How does this work get made?

Design · research · Daily Bread · code. Purpose-built regions. The artifact dominates.

04

SYSTEM

What is true about the machine?

Activity · fleet · models · costs · diagnostics. Tabular, mono, no decoration.

The full allowance table
01 QUIET02 WORK03 STUDIO04 SYSTEM
Information units1 + ≤510–30 rowsartifact + 2–5 regions30–200 rows
Decisions visible13–6workflow-specificgrouped, many
Type balancedisplay serif leadssans dominantsans + monomono dominant
Display sizesxl · l · mmnonenone
Imagerylarge art or naturecontextual onlyartifact or sourcenone decorative
Motionambient permittedfunctionalworkflow feedbackstate change only
Microtypesparsemoderatemoderate-highhigh
Devicesstructural + ≤1 signaturestructuralstructural + provenancestructural only
Section space80px32px20px16px
Row height56px52px44px40px
The same content, two levels31.2

One task, at QUIET and at SYSTEM.

Nothing changes but allowance: same colour, same families, same state vocabulary, same component behaviour. Only how much is said at once.

01 QUIET — Today

NOW

Reconcile the September invoices.

Milo has the statements open and can draft the summary when you are ready.

Not started

04 SYSTEM — Activity

  • Invoice reconcile · run 3 of 3
    codex · local · 2m 14s · $0.00
    Done
  • Statement OCR · 41 pages
    mini-pc · local · 48s
    Done
  • Fetch statements · 3 accounts
    claude · remote · 11s · $0.02
    Done
  • Plan · 4 steps
    claude · remote · 3s · $0.01
    Done
Art intensity31.3

Art intensity follows surface intensity.

Rembrandt behind GPU telemetry is wrong. A technical surface stays technical; its Milo-ness comes from hierarchy, spacing, semantic colour, microtype and precision.

QUIETLarge art or nature. Room for contemplation. sublime · archive · national-park
WORKContextual imagery only — the thing being worked on.
STUDIOThe artifact or the source dominates when relevant.
SYSTEMLittle or none. Charts and bars are the picture.
Declaring a level31.4

A surface states its intensity, and the gate checks it.

The attribute sets the rhythm variables; JEV fails a SYSTEM surface carrying art or display type, and a QUIET surface carrying more than one primary action.

<main class="app-main" data-intensity="work">
python3 tools/jev.py ask intensity --file site/pages/screens/costs.html
JEV PASS  [intensity] — level=system imgs=0 art=0 display=0 primaries=1; ok
Failure modes
Today has grown a table, three charts and a tab barA WORK surface is hiding inside a QUIET one.
Diagnostics is beautiful but slow to readSYSTEM designed at QUIET. Restore density.
Every surface carries a landscapeArt intensity is not following surface intensity.
A system screen carries a 72px serif headlineOver-branding. The overbrand gate exists for this.