Rám je jeden řádek nahoře: značka, sekce aplikace a účet. Obsah pod ním jde na plnou šířku. Boční menu administrace nemá — její obrazovky jsou široké tabulky a sloupec ukousnutý vlevo je sloupec, který v tabulce chybí.

• Sekce je tlačítko, ne odkaz — rozbaluje menu a samo nikam nevede. Odkazy jsou až položky uvnitř.
• Zákaznická část má tutéž lištu, jen jiný obsah: jinou značku bez odznaku, jiné sekce a případně odznak zkušebního provozu. Dva produkty, jeden rám.
• Lišta se nezalamuje — co se nevejde, zmizí za okrajem. Měřítko není pevný počet, ale nejužší podporovaná šířka: všechny sekce se svými popisky se musí vejít na 1280 px. Administrace jich dnes nese osm; když se lišta láme, zkracuj popisky nebo spoj dvě sekce.

Sekce se rozbaluje do skupin odkazů — do sedmi položek jeden sloupec, nad sedm dva — a náhledového sloupce vpravo. Náhled popisuje položku, na které zrovna stojíš, myší i klávesnicí; dokud nestojíš na žádné, popisuje první.

• Náhled sleduje položku pod kurzorem i pod fokusem — klávesnice není druhá kategorie. Popis navíc čte odečítač přímo z odkazu, takže náhledový sloupec je jen vizuální kopie.
• Otevřená sekce se v liště značí plochou --surface-3, ne akcentem. Akcent znamená akci a rozbalené menu žádná akce není.
• Počet u položky je mono — je to číslo k porovnání s ostatními řádky.
• Sloupce rostou z obsahu, nemá je pevná mřížka. Skutečné sekce mají jednu až osm položek, takže natvrdo tři sloupce znamenají u většiny z nich dva prázdné — a prázdný sloupec čtenáři tvrdí, že mu něco chybí.
• Náhled sleduje čtenáře, nezůstává na první položce. Popis té, na které stojí, je odpověď na otázku, kterou si zrovna klade; popis první položky by u osmé odpovídal na otázku, kterou si položil před chvílí. Kresba sekce nad textem zůstává — je to znak sekce, ne ilustrace položky.
• Z klávesnice panel obsluhuje šipka: otevře sekci a prochází položky. Tab z otevřeného panelu nevypadne, Esc ho zavře a vrátí fokus na tlačítko sekce.

Pod účtem nejsou jen odkazy, ale i předvolby, které platí v celém produktu: motiv, jazyk, slovník a nápověda na stránkách.

• Předvolba se ukládá na účet, ne do prohlížeče — sleduje člověka i na druhý počítač.
• Vypnutá nápověda nesmí změnit rozvržení stránky. Skrývá se viditelnost, ne prostor; jinak se obrazovka pod čtenářem přeskládá a on přijde o místo, kam se díval.
• Slovník řídí odborné termíny v celém produktu, ne jen na jedné obrazovce.
• Pokročilé zobrazení surových dat není nikdy zapnuté výchozí.

Pod lištou jde vždy totéž pořadí: drobečky, hlavička stránky, a teprve pak obsah. Čísla, podle kterých se obrazovka čte na první pohled, stojí hned pod hlavičkou.

Vpravo v hlavičce stojí akce, NEBO čísla — ne obojí. Obrazovka, na které se nic nezakládá, tam má místo tlačítek shluk dvou tří čísel; je to tatáž komponenta jako pruh, jen hustší.

• Primární akce je právě jedna a stojí vpravo v hlavičce. Nikdy neplave nad obsahem.
• Čísla v hlavičce a pruh pod ní jsou dvě hustoty téže komponenty, ne dvě komponenty. Do hlavičky se vejdou dvě až tři čísla, do pruhu čtyři až šest — a obojí naráz je z obrazovky přehled o přehledu.
• Poslední drobeček není odkaz — je to místo, kde stojíš. Na kořenové stránce sekce se drobečky nekreslí vůbec.
• Obarvené číslo znamená, že je to problém, ne že je nejdůležitější. Obarvená polovina pruhu nesděluje nic.

Konfigurační obrazovky se skládají z opakujících se bloků. Nastavení se nedělá jedním dlouhým formulářem — kroky se dokončují v různé dny a různými lidmi, takže každý krok nese svůj stav natrvalo.

• Hotový krok je poznat tvarem, ne jen barvou — zelené záhlaví doprovází fajfka místo čísla.
• Patička kroku přidává další položku. Krok se nepotvrzuje tlačítkem: je hotový tehdy, když má, co potřebuje.
• Varianta s důsledkem se vybírá kartou s vysvětlující větou, ne položkou v rozbalovacím seznamu. Ta věta je půlka volby.
• Hotový krok se sbalí sám a nechá po sobě záhlaví se shrnutím („3 / 3 aktivní“). Nastavení o osmi krocích jinak odsune ten rozdělaný pod okraj obrazovky.

Pojmenovaná skupina záznamů je vlastní karta: hlavička říká, čí je a kolik toho drží, tabulka ukazuje obsah a patička do ní přidává další položku. Karta nemá vlastní odsazení, aby tabulka lícovala s jejím rámem.

• Každý blok má vlastní hlavičku a vlastní „přidat“ patičku. Jedno plovoucí tlačítko nad seznamem skupin by se muselo ptát, do které skupiny přidává.
• Patička je na --surface-2, takže se čte jako nástroj karty, ne jako další řádek tabulky.
• Přidání ze seznamu, ne z prázdného pole: vlastnosti jsou výčet, který někdo jinde založil. Volné pole by tady zakládalo překlepy jako nové vlastnosti.
• Klíč je kód, takže se sází jako kód — a nepřekládá se. Stav řádku nese tečka i slovo, ne jen barva.

Obrazovka se seznamem záznamů skládá bloky v pevném pořadí. Pořadí není volba — čtenář, který ho zná z jedné obrazovky, ho najde na všech.

1. IngotToolbar — hledání a filtry nad seznamem.
2. IngotTable — záznamy; výběr řádků otevírá hromadné akce.
3. IngotRowActions — akce jednoho řádku, vždy na jeho konci.
4. IngotEmptyState — když záznamy nejsou, řekne proč a co udělat.
5. IngotPagination — stránkování pod seznamem.

Editace záznamu jde do bočního panelu, aby zůstal vidět kontext. Potvrzení nevratného kroku patří do potvrzovacího dialogu s dopadem a výsledek ohlásí toast se zpětnou akcí. Modální okno je jen pro krok, který nesmí být přerušen.