Week 04 · Foundations

Position along the path6%

ThresholdTerrace

Now in: Entry
Ceiling: 2.1 m
Light: 15%
View: Walled in. Only the corridor ahead is visible.

Ceiling and light are modelled per zone for this one walk, not measured: entry 2.1 m / 15%, corridor 2.3 m / 20%, hearth room 4.2 m / 80%, terrace open air / 100% — brightness read from ceiling height plus how much of each zone's wall is glazed in the drawing. Drag the slider, or use the arrow keys once it is focused.

The Room You Cannot See Yet

A low entry, one turn, then a ceiling that lifts and a wall that turns to glass. Drag the dot and feel where the compression ends.

Predict

Walk the low entry and the blind corridor first, then arrive in the tall room. Does the low ceiling beforehand make the tall room feel bigger than if you had walked straight in from outside?

Experience

The Path Editor

Four spaces. You choose the order they happen in, and how tall each one feels.

Tap two positions to swap them, then drag any ceiling. Two numbers below the plan update as you go: Arrival — how hard the biggest single jump in ceiling height lands, and how compressed the space right before it was — and Orientation — the share of the walk where the space you are leaving is open enough to show you the next one before you get there.

Neither number is "correct" at 100%. Try putting the Corridor last, or making every space the same height, before you read on.

The Path Editor

Tap two positions to swap them

Arrival: 73%; compression, then release
Lands on: Hearth Room
Orientation: 33%; can see what is next
Sequence: Entry → Corridor → Hearth → Terrace

Entry ceiling1.9 m

Corridor ceiling2.1 m

Hearth Room ceiling4.4 m

Terrace ceiling4.6 m

Arrival = the biggest upward step in the sequence of ceiling heights (scaled to the 1.6–5.0 m slider range), plus a bonus for how compressed the space immediately before that step was. Orientation = the share of transitions where the space you are leaving is fixed as open (Hearth Room, Terrace) rather than enclosed (Entry, Corridor) — a property of the space, not of where you put it.

Concept

Of the Site, of the Material, of the Purpose

Wright's mentor, Louis Sullivan, gave the world "form follows function." Wright rewrote it: form and function are one.

Not decoration applied after the functional decisions are locked in — a single, coherent understanding of purpose that the structure, the material, and the appearance all fall out of together. A phrase attributed to Wright himself compresses this into "the nature of the materials, the nature of the purpose, the nature of the entire performance becomes a necessity" — a passage this lesson could not trace to a primary source, so treat its exact wording as a paraphrase that has calcified into a quotation through repetition, not a verified transcript.

One piece of that unity is fixed and immovable in almost every Wright plan: the hearth. A mass of stone or brick at the centre, load-bearing, impossible to move — every wing of the house turns around it rather than through it. That is the logic behind the plan you have been walking: no straight line runs from the entry to the terrace. The building turns around its own centre instead.

And beneath both ideas is the same visual signature: the horizontal line. Low rooflines, deep overhangs, bands of window rather than punched holes — a house that reads as parallel to the ground it grows from, not stacked on top of it. Wright did not build on the land. He built of it.

The hearth-as-centre and horizontal-line claims are well-documented features of Wright's Prairie-house plans generally, but this topic's research dossier does not itself establish them — graded secondary below, not verified against a primary source in this build.

Deconstruction

Four Moves, One Drawing

The plan you have been walking is not one decision. It is four, layered on top of each other.

Isolate each below — the certainty is not the same for all four, and the drawing says so as you go.

Isolate a move

One plan, four decisions stacked on top of each other. Isolate each below.

Real World

Five Buildings, One Onboarding Screen

The technique is documented at very different scales — a helical museum ramp, and a single mobile screen.

Scrub through five Wright buildings this lesson's claims lean on, each graded on its own evidence.

Building

Robie HouseGuggenheim

Robie House — 1908–10

Prairie horizontality: low rooflines, deep overhangs, a house that reads as bands rather than a box — the same site-hugging logic this lesson's plan borrows.verified

Now the same instinct, a century later, in an app. One flow front-loads every decision a new account could ever need. The other asks exactly one question, then lets the workspace itself be the release.

Set up your account

Step 1 of 3

Everything else — notifications, teammates, billing — waits until it is asked for.

Both mocks are illustrative screens built for this lesson, not screenshots of a real product. The pattern — one small first ask, full capability revealed only after — is the same one Nielsen's progressive-disclosure guidelines describe for the print dialog, carried into onboarding.

Experiment

Grow It From the Site

Wright's site was never a blank pad. Change this one and watch the plan answer back.

Steepen the slope and the terrace reaches further past its own support before the ground drops away — the literal, load-bearing version of a cantilever answering its site. Turn the hearth room to face a new direction and its modelled light changes with it.

Site slope27°

FlatSteep

Hearth room faces

Cantilever: 5.0 m; past the support line
Facing: S; the most light this plan can give a room
Warmth: 100%

Cantilever length is modelled directly from the slope slider (steeper site, further the terrace reaches past its support) — no engineering load calculation behind it. Warmth is modelled from compass facing alone (south = brightest in this Northern-hemisphere simplification), not from an actual sun-path study.

Challenge · Order the first run

Open

Five screens, one launch. Arrange them so the modelled arrival — the biggest jump in what the screen asks of the reader — lands on the workspace, not on the notification ask.

Arrival: 39% → lands on "Invite your team". Needs 55%+, landing on "Your workspace."

Insight

A path is a story told by what you cannot yet see.

The corridor in this plan has no window. That is not a failure of orientation — it is the entire budget of orientation Wright is willing to spend before the one room that is worth arriving at. An interface that reveals everything at once has no story left to tell; one that conceals the right thing, briefly, on purpose, is still narrating.

Mental model

Whenever a reveal in your product feels flatter than the feature deserves,

look for what the reader experienced in the moment immediately before it,

because arrival is measured by the drop that preceded it, not by the size of the room itself.

TomorrowFind the one screen in your own product that should feel like the biggest room in the house, and check what comes immediately before it — is it quieter, or just as loud?

End of experience

← Back to the constellation

The Room You Cannot See Yet

The Path Editor

Of the Site, of the Material, of the Purpose

Four Moves, One Drawing

Five Buildings, One Onboarding Screen

Grow It From the Site

Where this idea goes next

The Room You Cannot See Yet

The Path Editor

Of the Site, of the Material, of the Purpose

Four Moves, One Drawing

Five Buildings, One Onboarding Screen

Grow It From the Site