Lišta — horní lišta sekce: identita vlevo, ovládání a jedna primární akce vpravo

Obecná pipeline

Kanban ŘaditVytvořeno Filtr

1Přepínač pipeline — nadpis obrazovky jako rozbalovací menu (barevná dlaždice 22×22 + název + chevron). Ikona = ikona té sekce z levého navu.

2Oddělovač — tenká svislá linka (1 px, 20 px) mezi skupinami ovládání.

3Přepínač zobrazení — chip s aktuálním zobrazením (Kanban / Tabulka) a chevronem.

4Řazení — chip „Řadit" + aktuální klíč (Vytvořeno).

5Filtr — chip; přepíná Filter bar (lištu filtr chipů pod top barem, viz karta Filter bar). Při aktivních filtrech nese accent tečku, bez čísla.

6Výplň — pružná mezera, která odtlačí primární akci doprava.

7Primární akce — jediné plné modré tlačítko vpravo (Nový obchod).

Menu — rozbalovací stavy přepínačů; aktivní volba má modré zaškrtnutí

Chip „Filtr" nemá submenu — přepíná Filter bar, lištu filtr chipů hned pod top barem (chipy s hodnotou + accent tečkou, „+ Filtr", „Vymazat filtry", „Uložit pro všechny"). Anatomie a pravidla: karta Filter bar (Components).

Varianty — stejný vzor napříč obrazovkami; mění se jen identita vlevo a akce vpravo (případně žádné). Sloty se nepřehazují, počet se v liště neuvádí nikde.

Firmy

ŘaditNázev Filtr

Seznamová obrazovka — statický nadpis a ovládání (hledání / řazení / filtr) vlevo, jedna primární akce vpravo. Bez počtu v liště. Hledání je pole: klikni do něj → rozšíří se na 250 px, po odkliknutí se zkrátí zpět.

RF Roman Fura

Aktivity

Detail záznamu (osoba) — identita vlevo (kruhový avatar + jméno + přepínač zobrazení záznamu), vpravo jen posuv mezi záznamy ‹ ›. Bez počtu „N z M", bez primární akce — akce jsou record-scoped v těle.

Activair Aktivita

Detail záznamu (firma) — značka je spouštěč (.tbar-mark): klik otevře dialog změny loga. V klidu lišta vypadá stejně jako jinde, afordanci nese hover (--active-surface) + tooltip „Změnit logo"; z klávesnice accent prstenec. Platí jen tam, kde lišta nese identitu konkrétního záznamu — sekční ikony (Firmy, Úkoly, Pipeline) zůstávají statické. Anatomie dialogu: karta Dialog obrázku identity.

Kalkulačka výnosu

Barevná dlaždice — sekce, která má v levém navu barevnou ikonu (Kalkulačka = zelená), nese tutéž barevnou dlaždici i v liště (R9). Footprint 22×22, glyph uvnitř ~13.

Úkoly

Filtr

Jednoduchá B/W ikona — sekce s monochromní ikonou v navu (Úkoly) nese holou ikonu bez pozadí i v liště (footprint 22×22, glyph ~20). U centrovaného výpisu (FEED) se centruje jen tělo; lišta zůstává 100 % šířky.

Reporty

Bez ovládání — jen identita (ikona + název). Pro obrazovky, jejichž akce žijí v těle (přehledy, nastavení, průvodci); lišta nese pouze název sekce. U vícesekčních obrazovek (Nastavení) = ikona + název aktivní sekce, ne breadcrumb.

Pravidla použití

ANO

Lišta 49 px + spodní vlasová linka; drží se nahoře, obsah se posouvá pod ní.
Lišta je vždy 100 % šířky content outletu (zastřešuje obsah pod sebou — u SPLIT nad aside i main). U centrovaného výpisu se centruje jen tělo, ne lišta.
Používej jen pět povolených prvků: identita · oddělovač · chip ovládání · výplň · tlačítko. Slovník je uzavřený.
Vedoucí ikona = ikona té sekce z levého navu: barevná dlaždice → barevná, jednoduchá B/W → B/W, entita → kruhový avatar. Footprint 22×22 (dlaždice vč. pozadí, glyph uvnitř ~13; holá ikona bez pozadí ~20).
Vlevo identita (název i jako přepínač), vpravo ovládání a jedna primární akce.
Na detailu záznamu smí být značka spouštěč změny obrázku (.tbar-mark) — logo firmy, fotka osoby. Afordance je hover + tooltip, ne trvalý odznak; geometrie 22/26 px se nemění. Jinde je značka statická.
Skupiny ovládání odděl tenkým svislým oddělovačem (1 px, 20 px).
Přepínač zobrazení téže sekce (Kalendář: Měsíc / Týden; Úkoly: Kompaktní / Plné — AD 10. 8. 2026, zadání Úkoly D1) je pill segment (app: <Segmented>, .acrm-segmented) vpravo před primární akcí. Je to jediná pilulka, která na lištu patří — přepíná pohled, ne hodnoty; filtr hodnot zůstává chip + Filter bar.
Popisky vždy sentence case — „Nový obchod", „Řadit", „Filtr".
Menu se zavírá Esc i kliknutím mimo; aktivní volba má modré zaškrtnutí.

NE

Žádný počet nikde — ani u názvu, ani „N z M" u listování. Počty patří do těla / footeru listu.
Žádný breadcrumb / stacking v identitě — jen ikona + název. U vícesekčních obrazovek (Nastavení) = ikona + název aktivní sekce.
Žádné dvě primární akce — nejvýš jedno plné modré tlačítko.
Žádné pilulky (pill chipy) jako filtry/taby — filtr i přepínač hodnot je vždy chip (rounded-rect) s chevronem a menu. Jediná výjimka: pill segment jako přepínač zobrazení (viz ANO).
Ovládání nejsou plná tlačítka — jsou to tiché chipy s vlasovou linkou.
Žádné verzálky v popiscích ani nadpisech.
Nepřetěžuj lištu — sekundární akce patří do menu, ne na lištu.
Nerozšiřuj slovník potichu. Chybí-li prvek, designer zdůvodní potřebu Art Directorovi; po schválení se přidá nejdřív sem do karty, pak na obrazovky.
Nezakládej vlastní výšky/rozteče; drž rozměry z této definice.

Section top bar je horní lišta každé obrazovky — jedna obrazovka = jedna lišta. Identita vlevo (název, volitelně jako přepínač), ovládání a jediná primární akce vpravo, na 49px liště s vlasovou linkou. Vedoucí ikona = ikona sekce z navu (22×22). Bez počtu (ani „N z M"); lišta vždy 100 % šířky. Jeden vzor pro pipeline, seznamy i detaily. Filtrování hodnot žije ve Filter baru (vlastní karta) — chip „Filtr" ho jen přepíná. Ported 1:1 z živé Pipeline.