Spouštěč — značka v liště detailu (.tbar-mark). Blok „Logo firmy“ v levém railu ZANIKÁ: obrázek se mění tam, kde je vidět

a · v klidu — lišta vypadá přesně jako dřív, značka jen dostala kurzor

Activair

b · hover — plocha --active-surface + tooltip „Změnit logo“; fokus z klávesnice přidá accent prstenec

Activair Změnit logo

c · firma bez loga — spouštěč je tentýž; značka je barevný monogram z názvu

Activair

Afordance je hover + tooltip, ne trvalý odznak. Lišta je na KAŽDÉM detailu a trvalá tužka na značce by šuměla u všech záznamů kvůli akci, která se za život záznamu udělá jednou. Je to zároveň týž vzor jako inline editace v railu (karta Record detail rail): v klidu ticho, tužka se odkrývá až hoverem. Neschovává se ale afordance, jen její ozdoba — značka je vždy skutečné <button>, takže je klikatelná i na dotyku a dosažitelná z klávesnice; hover jen napovídá. Geometrie značky se nemění (26 px), .tbar-mark přidává jen 3px odsazení dovnitř a zápornou marži, aby prstenec nikam neposunul lištu.

Dialog — malý 400 (<Dialog size="s">), DOKUMENTOVÁ třída: vybraný soubor se nahraje hned, nic se nepotvrzuje, stav nese hlavička

A · záznam s obrázkem — plocha je náhled i drop zóna; kebab nese destruktivní „Smazat logo“

Logo firmy Uloženo

Přetáhni sem obrázek nebo klikni pro výběr

PNG, JPG, SVG, WebP · max 2 MB

B · prázdný stav — místo náhledu barevný monogram, který platí, dokud logo není. Bez loga není kebab (není co mazat)

Logo firmy

Zatím bez loga — do té doby platí barevný monogram z názvu

PNG, JPG, SVG, WebP · max 2 MB

C · nad plochou se táhne soubor — accent rámeček a tint, jinak se nic nepřeskupuje

Logo firmy Nahrávám…

Pusť a nahraje se

PNG, JPG, SVG, WebP · max 2 MB

Proč dokumentová, a ne commit: commit něco odešle a Esc ho zruší, dokument něco upravuje a ukládá průběžně (kanon Dialog system). Tady se soubor nahraje ve chvíli výběru — v tu ránu je změna hotová a Esc už nemá co vzít zpět. Kdyby dialog nesl modrý primár a „Zrušit“, sliboval by storno, které neexistuje. Proto: stav „Uloženo“ / „Nahrávám…“ v hlavičce, v patičce žádná modrá — „Nahrát nové“ je jen druhá cesta k témuž výběru souboru a hlavní plocha je klikatelná sama. Dialog po nahrání zůstává otevřený, aby byl výsledek vidět; zavírá ho ✕ nebo Esc.

Druhý adoptér — fotka osoby. Tentýž dialog, tentýž spouštěč; mění se jen tvar náhledu a ikona v hlavičce

Osoba — náhled je kruh (fotka se ořezává), hlavička nese ikonu entity „user“

Profilová fotka Uloženo

Přetáhni sem fotku nebo klikni pro výběr

PNG, JPG, WebP · max 2 MB

Dnes žije změna profilové fotky jako inline blok v Nastavení → Profil s odkazovými tlačítky „Změnit fotku / Odebrat“ — tedy druhý vzor pro tutéž věc. Karta je proto psaná obecně: obrázek identity, ne „logo firmy“. Sjednocení profilové fotky NENÍ součástí zadání P166 a nemá se dělat ve stejném MR — je to samostatný, malý follow-up. Definice ale platí už teď, aby nevznikl třetí vzor (produkty, fondy, týmy).

Kde se na značku NEKLIKA

Ve výpisech ne. V tabulce Firmy, v našeptávači, v tokenech referencí a na kartách nástěnky je značka data, ne ovládání — klik tam patří řádku (otevřít záznam). Editace identity patří na detail záznamu, kde je i zbytek jeho polí.

V šuplíku (.pdr) ne. Šuplík je peek — čte se v něm. Změna obrázku je zásah do identity záznamu, ten patří na plný detail. (Rail v šuplíku i na stránce je jinak tentýž — viz karta Record detail rail.)

Na sekčních značkách ne. Ikona v liště na Pipeline, Firmách nebo Úkolech je ikona sekce z levého navu, ne identita záznamu. .tbar-mark platí jen tam, kde lišta nese identitu KONKRÉTNÍHO záznamu.

Blok v railu zaniká. Sekce „Logo firmy“ se z railu odstraňuje celá — markup, CSS i i18n klíče, ne skrytí. Dvě místa pro jednu akci je horší než kterékoli z nich samo.

Pravidla

Spouštěč je značka, ne tlačítko vedle ní. Uživatel mění to, na co kouká. Žádná tužka vedle názvu, žádná položka v kebabu detailu, žádný blok v railu.

Hover, ne trvalý odznak. Plocha --active-surface + tooltip. --hover-surface tu nestačí — proti plátnu je na 3px prstenci neviditelný. Fokus je box-shadow: 0 0 0 2px var(--accent), ne outline (shodně s .rr-ev v railu).

Geometrie značky se nemění. .tbar-mark je obal, ne nový prvek lišty: 26 px zůstává 26 px, prstenec roste dovnitř přes padding + zápornou marži, takže se lišta nikam neposune.

Dokumentová třída, malý 400. Role je picker — jedna plocha, žádná kolonka. 640 by byl prázdný. Nahrání běží hned po výběru, dialog zůstává otevřený.

Žádný modrý primár. Není co potvrdit. Hlavní akční plocha je .idimg-pick; „Nahrát nové“ je sekundár a je to jen druhá cesta k témuž výběru souboru.

Stav patří do hlavičky. „Uloženo“ / „Nahrávám…“ / chyba — tak, jak to má dokumentový dialog poznámky. Nikdy toast místo stavu: dialog je otevřený a je kam ho napsat.

Destruktivní akce do kebabu. „Smazat logo“ je jediná položka; bez obrázku kebab není. Odebrání není červené tlačítko v patičce.

Tvar náhledu = tvar značky. Firma obdélník 240×96 (loga jsou široká), osoba kruh 96×96 s ořezem. Fallback monogram drží tvar značky, protože monogram není obrázek.

Ikona hlavičky = ikona entity. Firma building, osoba user. Ne photo ani camera — ty v DS sadě nejsou a <Dialog icon> by tiše spadl na fallback glyf.

Mobil dědí, nezavádí. Pod 720 px je to šuplík ze spoda podle kanonu z karty Dialog úkolu — tahle karta k mobilu nepřidává nic vlastního.

Popisky sentence case. „Nahrát nové“, „Smazat logo“, „Změnit logo“ — žádné verzálky, žádné Title Case.

Nerozšiřuj slovník potichu. .tbar-mark je schválené rozšíření uzavřeného slovníku .tbar (AD 9. 8. 2026, P166) a jeho domovem je karta Section top bar. Další prvek na liště jde znovu přes Art Directora.