standard.mode.place

Your look should travel with you.

Every app has its own look, and today that look is trapped inside it. This standard makes a look something you own: describe it once, save it to your own account, and any app that speaks the standard renders your content your way.

Try one on

Pick a look and watch it land, not on a swatch, on this page. The masthead, the type you're reading, the footer and the three pretend apps below all change together, because this site resolves a look exactly the way it's asking every other app to.

Watch what doesn't change while you do it. These chips set this page'sdefault: the look for anything that hasn't said it's something more specific. The section at the top of this page says hero, the two cards below and the ones at "What just happened" say entity, and a message that tells you something is wrong says critical. Each of those keeps its own look while everything around it changes, and nothing had to be excluded by hand.

The default

In another app

Chatter

Ada Lovelace

Profile

Settings

Sign out

Ada Lovelace

@ada.example · 2h

Spent the morning teaching a machine to weave patterns. It has no idea what it's doing and neither, entirely, do I.

Grace Hopper

@grace.example · 5h

It's easier to ask forgiveness than permission. Ship the compiler.

14 replies · 92 reposts

Provisions

Your cart

Stone-ground flour · $4.80

Sea salt flakes · $6.20

Checkout →

PantryBakeryCellar

Stone-ground flour

3 lb · milled this week

$4.80

Sea salt flakes

8 oz · harvested by hand

$6.20

Free shipping over $40

Order before noon and it ships today.

The Quarterly

In this issue

The weaver's argument

Cards, and what they knew

Correspondence

The weaver's argument

By A. Lovelace · Eleven minutes

A loom does not understand the cloth. It understands the card, and the card understands the pattern, and somewhere between the two a picture appears that nobody in the room has ever seen before.

The instructions are not the thing. They are the argument for the thing.

What follows from that is unreasonable, and it is also the whole trade: describe the intent well enough and the machinery will find the picture on its own.

Filed under: machinery, patterns, arguments

Get the next one

One issue a quarter. No more than that.


Same look, different app. Nothing was rebuilt to make that work. A theme also names three surfaces by how far each one sits above the page: a flyout is thesecondary, a modal the primary. Turn those two off and the page underneath is the third.

On your own site

Pick a look above, then point this at a page of yours that implements Preview a theme on your site. It gets the look you're currently wearing the moment it says it's listening, and a fresh one every time you change what's picked here.

What just happened

You own it

A theme is a record on your account, not a setting inside an app. Change it, and every app that honors the standard changes with it.

Described by intent

You name what a value is for (a primary action, body text), not a raw color in a particular app. Naming the job is what lets one look fit every app.

It resolves, it doesn't blend

When several looks meet on a page (yours, an author's, the app's), the most preferred one that sets a value wins, value by value. No muddy averages.

Nothing is stored here

This page holds no account and no database. What you saw came from the network or from files you already downloaded. The studio writes only to your account.