Veřejné stránky

Veřejné stránky se kreslí stejnými tokeny jako administrace — mají jen větší rozestupy a trojsloupcovou mřížku. Sekce nese typografie a linka; gradienty a ilustrace do bloků nepatří. Bloky jsou primitiva kitu a importují se z @/ingot a řídí se čtyřmi pravidly:

• Akcent smí být nejvýš na jednom prvku sekce.
• Trojsloupcová mřížka je výchozí a čtyři sloupce patří jen krokům procesu; pod 1100 px se mřížka skládá na jeden sloupec.
• Tmavý blok smí být na stránce nejvýš dvakrát — závěrečné CTA a patička.
• Texty i ceny jsou obsah: přicházejí z dat přes vlastnosti bloků, nikdy jako konstanty v kódu.

Dvousloupec: štítek s nadpisem vlevo, uvozující odstavec vpravo. Akcent nese jen štítek. Pod hlavičkou trojice featur — ikona 18 px v akcentovém rámečku, titulek a malý text. Trojice stojí v jednom zaobleném rámu a panely dělí vlasová linka, ne mezera: jsou to tři části jednoho celku, ne tři kartičky.

Karty s pořadovým číslem a šipkou k dalšímu kroku; poslední karta šipku nemá. Číslo je malá akcentová pilulka, ne velké číslo — nejvyšší váhu v kartě má titulek kroku. Číslo se počítá z pořadí, takže se nedá přeskočit. Trojsloupcová mřížka je výchozí; čtyři sloupce patří jen krokům procesu.

Karty „pro koho to je" se štítky. Štítek je hranatý mono malými písmeny — je to technický údaj o provozu, ne stav entity. Štítky zůstávají neutrální; akcent v sekci patří hlavičce.

Řádková tabulka úkol / dnes / s platformou. Řádek je ta podstatná jednotka: páruje jeden úkol s oběma stavy, takže se nedá napsat rozpojeně. Hlavička sedí na tlumené ploše, třetí sloupec je zvýrazněný a je jediným akcentovým prvkem sekce. Na úzké obrazovce se tabulka roluje do strany — složená mřížka už nic nesrovnává.

Tři karty plánů, prostřední zvýrazněná obrysem a stínem; odznak stojí v hlavičce karty vedle názvu plánu. Cena je mono, akce má každá karta a všechny sedí na jedné patě. Blok neumí vykreslit nic, co nedostane přes plans — názvy, ceny i výčty vlastností jsou data plánů platformy, žádné částky v kódu. Ceny v ukázce jsou proto schválně vyiksované.

Otázka je tlačítko s ohlášeným stavem rozbalení, odpověď je pojmenovaná oblast — celé ovladatelné klávesnicí. Odpověď je povinné pole: položku bez odpovědi nejde napsat.

Tmavý blok se dvěma velkými akcemi; hlavní je akcentová, aby měl na tmavé ploše kam jít pohled. Kreslí se prohozenými neutrálními tokeny, takže v tmavém motivu se obrátí sám. Na stránce smí být tmavý blok nejvýš dvakrát — tohle CTA a patička.