Milo BRAND + INTERFACE SYSTEM V1.2
47First Run

Hi, I'm Milo.

The first thing a person sees after signing in. Carbon night, the launch film's horizon glow held still, the mark waiting on the horizon, one serif line. Then one question at a time, beside a painting, and nothing to scroll.

SURFACE INTENSITY 01 · QUIETWALK 11 STEPS · TOUR 11 STOPSFITS 1280 × 800 · NO SCROLLVOICE FIRSTSOURCE offline-os plugins/offline.onboarding
The welcome on the laptop: a near-black ground, the Vermilion monkey mark beside Milo in serif at the top, What shall we make today? in large serif with make in Vermilion italic, one line under it, a small cream Get started button and a quiet Make it easy to use. Below, a curved horizon of Vermilion light printed through dither crosses the screen, and the small pixel monkey waits on it.
The welcome · nothing plays until Get startedProduct capture · offline-os · the laptop, 12:07, 2026-09-26
The look47.1

Warm night, not stark cream.

James, 2026-09-26: "I hate the stark white background — it's not comforting or engaging." The walk moved to carbon with the approved glow at its foot.

  • 01Carbon night. Carbon 1000, the ground the launch film ends on, so the film hands over without a cut.
  • 02The horizon glow, held still. The film's own frame at 2.6 s: Vermilion printed through the engine's Bayer dither, cresting 60% of the way down.
  • 03A faint, still film grain. One 220 px tile over the night ground, under the words. It never moves, so nothing has to stop under reduced motion.
  • 04Milo waits on the horizon. The traced mark (28.00), placed on the glow's curve a fifth of the way across.
  • 05offline, lowercase. The name is written as a word, never capitalised on screen; tracked capitals keep it as written (21.05).
  • 06One serif line. "What shall we make today?" — the editorial line from 21, with make in the Vermilion italic.
The grain, close up
A close-up of the welcome's ground: fine, even, still grain on near-black, with the top of the serif letters W, h and a entering from the right.
Still grain on carbonProduct capture
One question per screen47.2

A painting, a question, one button.

Every screen is split on the 12-column grid: a credited painting in 5 columns, the question in 7. Nothing scrolls; a screen that would is split in two.

Step 1 of 11, Hello: Monet's Stacks of Wheat on the left with its credit band; on the right the mark and Milo, Hi, I'm Milo in serif, two lines saying Milo lives in offline on this laptop and can be answered out loud, and a wide Vermilion button, Nice to meet you, with Skip under it. The horizon glow rises at the foot.
Step 1 · Hi, I'm MiloProduct capture
Step 3 of 11, Talk: Caravaggio's The Musicians on the left with its credit band; on the right Talk to Milo, three example phrases as quiet buttons, a field to type instead, and a wide Speak to Milo button.
Step 3 · Talk to MiloProduct capture
Step 4 of 11, About you: Renoir's Lunch at the Restaurant Fournaise on the left; on the right What should Milo call you?, a field holding James with a Vermilion focus border, a Speak button beside it, and Continue.
Step 4 · What should Milo call you?Product capture
Step 6 of 11, Goals: a National Park Service photograph of Great Sand Dunes at sunset on the left; on the right What matters this week?, one field with a Vermilion focus border, Speak, and Continue.
Step 6 · What matters this week?Product capture

Captured on the laptop at 1280 × 800, 2026-09-25 and 26. Each painting is credited on its own band inside the capture (18 Provenance).

Voice first47.3

Almost everything can be answered out loud.

James, 2026-09-26: "I will mostly use it through voice." Talk to Milo comes right after accessibility, the way "Hey Siri" does in Apple's setup.

  1. 01Speak beside every typing box. Typing is the fallback, not the default.
  2. 02"Just your voice" is offered first when the person chooses how Milo appears (44.3).
  3. 03SUPER + R is named on Hello and again on Ready; Continue on Talk appears only after Milo answers.
The walk and the tour47.4

Eleven steps, then eleven stops.

The walk sets the system up. Its last main button, "Show me how it works", opens the tour: each stop shows one core feature with a recording, then a Try it button.

The walk — 11 steps
StepThe one ask
1 HelloHi, I'm Milo.
2 AccessMake it easy to use — seven switches, Not now
3 TalkTalk to Milo — speak once, Milo answers
4 About youYour name · a photo · a name for Milo · your work · your life
5 Your toolsOne screen per kind of tool Milo found — Connect or Not now
6 GoalsWhat matters this week? This month? This quarter?
7 This laptopWhat it is · what it is for · your other machines · what can think here · free first
8 offlineWhat works without the internet? — light, balanced, everything
9 MiloHow should Milo appear?
10 LookChoose a look — light or dark
11 ReadyYou're all set — Show me how it works, or Start with Today
The tour — 11 stops
StopTitle
offlineThis is offline.
mindEmpty your head.
todayToday: one thing at a time.
homeHome: the Milo dashboard.
timetimeEvery task gets a timer. (46)
organizeGoals, projects, tasks.
spaceName the desktop you are on.
notesSet up your second brain.
mapYour mind, as a map. (45)
reflectClose the day.
miloSay something to Milo.

Every stop plays a recording made on sample data, never on real data.

Motion and manners47.5

One beat for everything that enters.

Emerge, 360 ms, the enter curve; under reduced motion every beat is a 120 ms fade. The walk ends in a brief celebration, then Today.

  1. 01The film plays only after Get started (48). Escape, a click or Skip ends it.
  2. 02Keys: Enter is the primary button, L the second, Left is Back. In the first run Escape says Skip; opened again from Settings, Escape saves and closes.
  3. 03Every screen fits 1280 × 800. The surface logs "does not fit by N px" if one ever does not, and a test holds the rule.
  4. 04Focus rings are Vermilion here too (15.02).

REF: https://developer.apple.com/design/human-interface-guidelines/onboarding · https://support.apple.com/guide/deployment/manage-setup-assistant-depdeff4a547/web · https://mobbin.com/flows/e680de97-c32f-4e73-b651-92d097abd474