Anatomie — čtyři sloty, jeden rám

1Nadpis — --h3, jeden řádek s výpustkou. Bez nadpisu „Bez názvu“ v --fg-muted.

2Náhled těla — --p, --fg-secondary, pět řádků. Kritické: flex: 0 1 auto, nikdy flex: 1.

3Patička — hairline, vlevo autor (avatar inline 16 + jméno), vpravo datum. Dolů ji tlačí margin-top: auto.

4Rám — jediná úroveň rámování. Karta je <button>, takže klik, Enter, Space i fokus jsou nativní.

Stavy

Bez nadpisu

Bez obsahu

Nedohledaný autor

Fokus z klávesnice :focus-visible

Načítání

V hostiteli — hlavička výpisu a mřížka; týž render na osobě, firmě i obchodu

Poznámky

Mřížka repeat(auto-fill, minmax(272px, 1fr)): na kartě záznamu vyjdou tři sloupce, v užším panelu dva, na telefonu jeden. Karty v řádku mají stejnou výšku, takže hairliny patiček lícují — bez pevné výšky, kterou by dlouhý nadpis rozbil.

Pravidla

Používej

Kdekoli se poznámky procházejí — tab „Poznámky“ na detailu osoby, firmy i obchodu, agregace „Z historie subjektů“, budoucí globální výpis.
Vždy uvnitř .note-grid — karta počítá s tím, že v řádku lícují patičky.
Náhled těla skládej jednou funkcí pro všechny plochy (v appce notePreview), ať se výpisy nerozejdou.

Nepoužívej

Pro náhledy — Přehled, osa Aktivita a rail zůstávají na řádku ItemList; karta je plocha na procházení, ne položka fronty.
Nikdy flex: 1 na těle — clamp box vyroste nad pět řádků a šestý se uřízne v půlce písmen.
Žádný další interaktivní prvek uvnitř — vnořené tlačítko je nevalidní HTML a rozbije klávesnici.
Nedefinuj .note-* v obrazovkové kartě — jen linkuj _ds/note-card.css. Do 23. 8. 2026 ležely v kanonu tři kopie a začaly se rozcházet.

Rychlý zápis do karty nepatří. Tab „Poznámky“ nemá inline composer (AD, pick F202/F207) — jediná cesta k nové poznámce je akce v hlavičce výpisu. Composer žije na Přehledu, v railu rychlého náhledu a v detailu hovoru v Dialeru.