1. Pravidla pro čitelnost a konzistenci

1.1. Počet záznamů

Doporučený formát: Počet záznamů: 2

Vysvětlení: Používání jednotného formátu eliminuje nutnost řešit složité české skloňování (např. 1 záznam, 2 záznamy, 5 záznamů). Tento přístup zvyšuje konzistenci, snižuje chybovost při lokalizaci a vývoji a zajišťuje okamžitou srozumitelnost.

---

1.2. Datum a Čas

Při zápisu dat a času rozlišujeme dva kontexty:

1. Digitální prostředí (UI/Web): Prioritou je úspora místa, rychlé skenování očima a zarovnání v tabulkách.
2. Tiskové výstupy (Dokumenty): Prioritou je gramatická správnost, plynulost textu a formální vzhled dle normy ČSN 01 6910.

Tabulka formátů

Prvek	Tiskové výstupy	Web / Aplikace	Popis a zdůvodnění (UX & Typo)
Datum	1. 1. 2025	01.01.2025	UI: Pevná šířka (včetně nul) zajišťuje, že data v tabulkách "lícují" pod sebou. Bez mezer pro úsporu pixelů. Tisk: V textu působí nuly rušivě. Používáme přirozený zápis s mezerami (pevnými) za tečkou.
Datum a čas	1. 1. 2025, 14.00	01.01.2025, 14:00	UI: Dvojtečka je standardem v digitálním světě (ISO). Tisk: Tečka u času je tradiční český typografický úzus pro hladkou sazbu. Oddělovačem je vždy čárka.
Samotný čas	14.00 (tečka)	14:00 (dvojtečka)	UI: Dvojtečka jasně odlišuje čas od jiných číselných údajů. Tisk: Tečka působí v textu méně technicky a plynuleji. ⚠️ Vždy používejte 24hodinový formát.
Rozsahy	1. 1. – 31. 1.	01.01.–31.01.	UI: Bez mezer kolem pomlčky Tisk: S mezerami kolem pomlčky (en-dash) podrobně vysvětleno v typografii.

Pravidla pro používání nuly na začátku (Leading Zeros)

Správné použití úvodní nuly (např. 01. vs. 1.) závisí na kontextu čtení.

✅ Kdy POUŽÍVAT nuly (Formát 01.01.)

Používejte v aplikaci, na webu a v technických přehledech.

• Důvod: "Tabular Figures" (Tabulková čísla). Když jsou data pod sebou, nula zajistí, že číslice dne i měsíce jsou zarovnané. Oko uživatele rychleji skenuje svislé linie.
• Příklad: Seznam faktur, historie transakcí, date picker.

❌ Kdy NEPOUŽÍVAT nuly (Formát 1. 1.)

Používejte v generovaných dokumentech, dopisech a souvislém textu.

• Důvod: V běžné češtině nulu nečteme (neříkáme "nula prvního nula první"). V textu působí nadbytečná nula byrokraticky a strojeně.
• Výjimka: Pokud jde o sloupec dat ve faktuře (nikoliv v textu), lze i v tisku použít nuly pro zarovnání.

Implementační poznámky pro vývojáře

1. Pevné mezery v tisku: Formát pro tisk 1. 1. 2025 musí obsahovat nedělitelné mezery ( ) za tečkami, aby se den neoddělil od měsíce na konci řádku. - Kód: 1. 1. 2025
2. Oddělovač času:
   • Web/App = : (dvojtečka)
   • Tisk = . (tečka)

---

1.3. E-mail

Pravidlo: Používat E-mail s pomlčkou.

Vysvětlení: V češtině je pro oddělení částí slova (jako v "e-mail") nejvhodnější běžná pomlčka/spojovník. Důležité je držet se standardního tvaru "e-mail". Pravidla pro použití en dash a em dash se primárně týkají anglické typografie a v tomto případě nejsou relevantní.

Příklad Pole "E-mail" ve formuláři, text "Odeslali jsme potvrzení na váš e-mail."

---

1.4. První velké písmeno pro tagy a chipy

Pravidlo: První písmeno musí být vždy velké, zbytek malý (pokud se nejedná o zkratku, pak mohou být všechna velká).

Příklady: "Muž", "Žena", "FO" (Fyzická osoba), "RČ: 9204308787", "Jméno: Matej", "Stav: Čeká na schválení".

Vysvětlení: Tento přístup napomáhá rychlejšímu skenování textu a vizuální konzistenci prvků. Vizualizace tagů jako "Muž" působí uhlazeněji než "muž". Zkratky jako "FO" nebo ID s velkými písmeny (RC) jsou navíc jasně rozpoznatelné.

Doporučení

Zkratky mohou být pro uživatele nejasné. Ideálně použijte značku <abbr> s atributem title, která zobrazí plný význam při najetí myší. Pokud to není možné (např. u UI prvků), doplňte vysvětlení alespoň pomocí tooltipu.

---

1.5. Měna (Kč vs. CZK)

Pravidlo: Sjednotit používání měny. Doporučujeme používat "Kč" místo "CZK" pro finanční částky.

Vysvětlení: Symbol „Kč“ je pro českého zákazníka přirozenější, čitelnější a působí méně technicky než bankovní kód „CZK“. Zatímco „CZK“ je mezinárodní ISO norma vhodná pro systémy a zahraniční transakce, v obchodní komunikaci a dokumentech se držíme standardní české typografie, která zvyšuje přehlednost textu.

Příklad: "Pojistné: 1 200 Kč", "Hodnota pojistné události: 50 000 Kč".

---

1.6. Jednotky a měny

Znaky jako % (procento), °C (stupně Celsia), € (euro), $ (dolar) a další jednotky a měny jsou grafické zkratky pro slova a číselné hodnoty.

Zápis s mezerou

Pravidlo: Použijte mezeru, pokud je jednotka nebo měna podstatným jménem – tedy pokud popisujete množství něčeho.

Vysvětlení: Uživatel jasně vidí, kolik procent, stupňů nebo měny něco obsahuje (například sleva, plnění cíle, teplota, cena).

Příklad:

• Sleva 10 % (čte se: „sleva deset procent“)
• Teplota 10 °C (čte se: „teplota deset stupňů Celsia“)
• Cena 50 € (čte se: „cena padesát euro“)

Zápis bez mezery

Pravidlo: Použijte zápis bez mezery, pokud je jednotka nebo měna přídavným jménem – tedy pokud popisujete vlastnost něčeho.

Vysvětlení: Uživatel vidí, že se jedná o vlastnost (například sleva, která má určitou výši nebo bankovka s určitou hodnotou).

Příklad:

• 10% sleva (čte se: „desetiprocentní sleva“)
• 10°C teplota (čte se: „desetistupňová teplota“)
• 50€ bankovka (čte se: „padesátieurová bankovka“)

---

1.7. Pravidla pro RČ, IČO a DIČ

Následující tabulka definuje pravidla pro konzistentní použití v různých UI komponentách s ohledem na kontext, prostor a čitelnost.

Identifikátor	Komponenta	Label / Hlavička	Tooltip	Placeholder	Zobrazení hodnoty (Formát)
Rodné číslo	Input	Rodné číslo	-	RRMMDD/XXXX	-
Rodné číslo	Literal	Rodné číslo	-	-	9204308787
Rodné číslo	Tag / Chip	RČ	Rodné číslo	-	RČ: 9204308787
Rodné číslo	Tabulka (Hlavička)	RČ	Rodné číslo	-	-
Rodné číslo	Tabulka (Buňka)	-	-	-	Normalizovaný numerický řetězec, např. 9204308787 (zarovnáno vpravo)
IČO	Text Input	IČO	-	např. 12345678	-
IČO	Literal	IČO	-	-	12345678
IČO	Tag / Chip	IČO	Identifikační číslo osoby	-	IČO: 12345678
IČO	Tabulka (Hlavička)	IČO	Identifikační číslo osoby	-	-
IČO	Tabulka (Buňka)	-	-	-	12345678 (zarovnáno vpravo)
DIČ	Text Input	DIČ	-	např. CZ1234567890	-
DIČ	Literal	DIČ	-	-	CZ9204308787
DIČ	Tag / Chip	DIČ	Daňové identifikační číslo	-	DIČ: CZ9204308787
DIČ	Tabulka (Hlavička)	DIČ	Daňové identifikační číslo	-	-
DIČ	Tabulka (Buňka)	-	-	-	CZ9204308787 (zarovnáno vpravo)
			Případ kombinací
RČ / IČO	Text Input	RČ / IČO	Rodné číslo nebo Identifikační číslo osoby	Zadejte RČ nebo IČO	-
RČ / IČO	Tabulka (Hlavička)	RČ/IČO	Rodné číslo nebo Identifikační číslo osoby	-	-
RČ / IČO	Tabulka (Buňka)	-	-	-	9204308787 nebo 12345678 (zarovnáno vpravo)

Mohou nastat ještě speciální případy kdy potřebujeme doplnit informace o čí rodné číslo, IČO, DIČ se jedná v takovém případě se doporučuje použít zkrácený zápis.

Příklad: RČ získatele

Nápovědný text: Pod polem je vhodné uvést stručný popis formátu. Například: "Ve tvaru RRMMDD/XXXX. Lomítko je volitelné." Pro cizince, kteří RČ nemají, je vhodné poskytnout alternativu, např. "Nemáte české rodné číslo? Zadejte datum narození.".

Textový vstup

Typ formátu u rodného čísla a to jestli použít lomítko je závislé na místě použití. V případě globálních vyhledávání kde se dá vyhledávat i podle čísla smluv, SPZ nebo jiné číselný hodnoty je vstup lomítka zakázán a uživatel může zadat jen číslo.

Tabulka doporučení pro vstupních hodnoty

Identifikátor	Doporučené možnosti vstupu
Rodné číslo (RČ)	Uživatelé by měli mít možnost zadat RČ i ve variantě s lomítkem (např. 781207/4800). Vstup následně musí projít normalizací do číselné hodnoty 7812074800
Identifikační číslo (IČO)	Pouze numerický vstup. Dále by měl systém akceptovat i IČO s méně než osmi číslicemi, přičemž by je měl zleva doplnit nulami, aby vždy vzniklo 8místné číslo
Daňové identifikační číslo (DIČ)	Uživatelé by měli mít možnost ideálně zadat DIČ i bez dvoupísmenkového identifikátoru (automatické doplnění CZ). Vstup by měl akceptovat i malé písmenka prefixu a ideálně ošetřit i častou chybu kdy uživatelé zamění CZ za CZK. Vstup by měl být následně normalizován (příklad: CZ9204308787)

---

1.8. Telefonní čísla

Vstup do formuláře (Input)

Pro pole pro zadání telefonního čísla používejte maskovaný vstup, který uživateli vizuálně naznačuje očekávaný formát a pomáhá mu s dělením čísel.

• Pravidlo pro zadávání: Umožněte uživateli zadávat číslo s mezinárodní předvolbou i bez ní. Dále je nutné akceptovat běžné separační znaky jako mezery, závorky a pomlčky (příklad: (+420) 777-123-456).
• Implementace:
  • Normalizace: Systém by měl číslo normalizovat do kanonického formátu (s mezinárodní předvolbou a bez mezer, závorek a spojovníků) pro ukládání do databáze (příklad: vstup (+420) 777-123-456 se normalizuje na +420777123456).
  • Automatické formátování: Po zadání (nebo ztrátě fokusu) by mělo dojít k automatickému naformátování do čitelné podoby.

Umožněte zadání i s mezinárodním prefixem 00 místo + (např. 00420 777 123 456). Vice v části - Vstup mezinárodního přístupového kódu (IAC)

Delka vstupu telefonního čísla:

Při normalizaci pro databázi (bez mezer, závorek a symbolů) by měla být přijata různá délka čísla, např. 9 až 15 míst.

Typ čísla	Normalizovaný formát	Formát zobrazení v UI
ČR (Tuzemské)	+420NNNNNNNNN (12 číslic)	+420 777 123 456
Mezinárodní	+PPNNNNNNNNNN (variabilní délka)	+49 171 123 4567 (Příklad pro Německo)

Vstup mezinárodního přístupového kódu (IAC)

Přestože je + preferován, je nutné uživatelům povolit zadat číslo i s lokálním mezinárodním přístupovým kódem (IAC):

Příklad IAC	Země	Vysvětlení
00	Česká republika, Slovensko, většina Evropy, Indie	Uživatelé v ČR jsou zvyklí zadávat předvolbu ve tvaru 00420.... Systém by měl tento vstup akceptovat a normalizovat na + (např. +420...) pro ukládání do databáze a zobrazení v UI.
011	USA, Kanada a další země spadající do Severoamerického číslovacího plánu (NANP)	Volání z těchto zemí do zahraničí vyžaduje 011. Uživatel, který vkládá své číslo z USA (do USA), však obvykle +1 předvolbu neuvádí. Pro mezinárodní čísla by měl systém také akceptovat a normalizovat 011 na +.

Nápovědný text (Placeholder/Tooltip): Vstupní pole by mělo obsahovat příklad formátu.

• Placeholder: např. +420 777 123 456 nebo 777 123 456
• Tooltip: Doporučujeme uvést číslo včetně mezinárodní předvolby pro správné fungování ze zahraničí.
• Poznámka: Interně by se mělo vždy pracovat s mezinárodním formátem.

Typ čísla	Formát vstupu	Příklad pro Českou republiku
ČR (Tuzemské)	9 číslic	777 123 456 (Maskou se automaticky naformátuje na +420 777 123 456 po opuštění pole, pokud není zadána jiná předvolba.)
Mezinárodní	+ (předvolba) (číslo)	+420 777 123 456
Volitelná podoba	Umožněte zadání i s mezinárodním prefixem 00 místo + (např. 00420 777 123 456).

Zobrazení hodnoty

Vždy používejte mezinárodní formát s plusem (+) a mezerami pro rozdělení číslic pro lepší čitelnost.

Příklad: +XXX YYY ZZZ (v česku se doporučuje dělit na trojčíslí)

Zarovnání v tabulkách

Telefonní čísla se, ačkoliv obsahují číslice, považují za identifikátory (podobně jako RČ, IČO) a nejsou určeny k matematickým operacím.

• Pravidlo: Telefonní čísla v buňce tabulky a hlavičce zarovnejte vlevo.

Zkratky a Popisky (Labels)

• Label/Hlavička: Použijte plné znění „Telefonní číslo“ pro formulářové pole a buňky tabulky.
• Zkrácené znění: Pro úsporu místa v hlavičce tabulky nebo na čipu je možné použít zkratku „Tel.“
• Tooltip: V případě zkratky „Tel.“ by měl tooltip (při najetí myší) zobrazit plné znění: „Telefonní číslo“.

Komponenta	Label/Hlavička	Tooltip	Zobrazení hodnoty (Formát)
Input	Telefonní číslo		(Automaticky formátováno při opuštění: +420 777 123 456)
Literal	Telefonní číslo		+420 777 123 456
Tag / Chip	Tel.	Telefonní číslo	+420 777 123 456
Tabulka (Hlavička)	Tel.	Telefonní číslo	(Zarovnání vlevo)
Tabulka (Buňka)			+420 777 123 456 (Zarovnání vlevo)

1.9. Registrační značky (SPZ)

Vstup do formuláře (Input)

Pro pole pro zadání registrační značky (SPZ) používejte inteligentní vstup, který uživateli pomáhá se správným formátováním, ale zbytečně ho neomezuje při psaní.

• Pravidlo pro zadávání: Umožněte uživateli zadávat SPZ s mezerou i bez ní, velkými i malými písmeny. Dále je nutné akceptovat běžné separační znaky, které uživatelé občas dělají (mezery, pomlčky, spojovníky – např. 1A2-3456 nebo 1a2 3456).
• Automatický převod: Systém by měl během psaní nebo ihned po opuštění pole automaticky převádět všechna písmena na velká (Caps Lock efekt).

Implementace

• Normalizace: Systém musí SPZ normalizovat do kanonického formátu – všechna písmena velká a bez jakýchkoliv mezer či pomlček – pro ukládání do databáze (příklad: vstup 1a2-3456 nebo 1A2 3456 se normalizuje na 1A23456).
• Automatické formátování: Po zadání (nebo ztrátě fokusu) by mělo v UI dojít k automatickému naformátování do čitelné podoby s mezerou.

Délka a formát vstupu SPZ

Vzhledem k historickým verzím a značkám na přání je nutné v databázi i validaci počítat s různou strukturou.

Typ značky	Normalizovaný formát (DB)	Formát zobrazení v UI	Příklad
Standardní ČR (od r. 2002)	XNXXXXX (7 znaků)	XXX XXXX (mezera po 3. znaku)	1A2 3456
Značka na přání (ČR)	XXXXXXXX (8 znaků)	XXX XXXXX (mezera po 3. znaku)	BAD BREAK
Starý formát ČR (do r. 2002)	XXXXXXX (7 znaků)	XXX XX-XX (spojovníky)	ABC 12-34 nebo AB-12-34
Zahraniční SPZ	Variabilní (5–9 znaků)	Bez formátování (ponechat text)	IL99999 (Příklad Rakousko)

Nápovědný text (Placeholder/Tooltip)

Vstupní pole by mělo obsahovat příklad nejčastějšího formátu.

• Placeholder: např. 1A2 3456
• Tooltip: Zadejte registrační značku vozidla. Na velikosti písmen ani mezerách nezáleží.

Zobrazení hodnoty

U standardních českých SPZ vždy používejte v UI formát s mezerou pro lepší čitelnost.

• Pravidlo pro typografii: V textu a UI elementech se mezi oběma částmi SPZ používá nezlomitelná mezera ( ), aby nedošlo k rozdělení značky na konci řádku.
• Příklad: 1A2 3456

Zarovnání v tabulkách

Registrační značky se považují za textové identifikátory (podobně jako IČO nebo telefonní čísla).

• Pravidlo: SPZ v buňce tabulky a hlavičce zarovnejte vlevo.

Zkratky a Popisky (Labels)

• Label/Hlavička: Použijte plné znění „Registrační značka“ pro formulářové pole a buňky tabulky.
• Zkrácené znění: Pro úsporu místa v hlavičce tabulky nebo na čipu (tagu) je možné použít zažitou zkratku „SPZ“.
• Tooltip: V případě zkratky „SPZ“ by měl tooltip (při najetí myší) zobrazit plné znění: „Registrační značka (SPZ)“.

Komponenta	Label/Hlavička	Tooltip	Zobrazení hodnoty (Formát)
Input	Registrační značka	Zadejte registrační značku...	(Automaticky formátováno: 1A2 3456)
Literal	Registrační značka	—	1A2 3456
Tag / Chip	SPZ	Registrační značka (SPZ)	1A2 3456
Tabulka (Hlavička)	SPZ	Registrační značka (SPZ)	(Zarovnání vlevo)
Tabulka (Buňka)	—	—	1A2 3456 (Zarovnání vlevo)

2. Formátování

2. 1. Zarovnání textu

• Zarovnání vlevo (Left-aligned):
  • Pravidlo: Text by měl být standardně zarovnán vlevo s nepravidelným pravým okrajem.
  • Kdy použít: Ideální pro většinu textových prvků, jako jsou odstavce, popisy, texty v tabulkách , položky v menu , drobečková navigace a popisky formulářových polí (labels). Nejpřirozenější pro delší texty.
  • Vysvětlení: Usnadňuje čtení díky konzistentnímu levému okraji, který pomáhá uživateli najít začátek každého řádku. Zlepšuje čitelnost a scanovatelnost formuláře.
• Zarovnání na střed (Centered):
  • Pravidlo: Text je zarovnán na střed s nepravidelnými okraji na obou stranách.
  • Kdy použít: Vhodné pro krátké nadpisy, titulky, názvy sekcí nebo krátké texty, kde je kladen důraz na vizuální symetrii nebo výraznost. Například krátké, výrazné nadpisy, záhlaví sekcí dashboardu, text pod ikonou (stepper)

Vysvětlení: Silné vizuální zarovnání, které upoutává pozornost, ale pro delší texty je náročné na čtení.

• Zarovnání vpravo (Right-aligned):
  • Pravidlo: Text je zarovnán vpravo s nepravidelným levým okrajem.
  • Kdy použít v UI: Primárně pro číselná data v tabulkách a seznamech (např. ceny, množství, ID), kde usnadňuje vizuální porovnání hodnot a identifikaci řádů čísel.
  • Vysvětlení: Ačkoliv není vhodné pro delší text, pro číselná data v tabulkách je nezbytné pro přehlednost a rychlou orientaci.
• Zarovnání do bloku (Justified):
  • Pravidlo: Text je zarovnán k oběma okrajům.
  • Kdy (ne)použít v UI: Nikdy nepoužívejte pro delší texty v digitálním prostředí (web, aplikace). Mělo by se omezit pouze na tištěné materiály, kde jsou pokročilé typografické systémy.
  • Vysvětlení: V online komunikaci často vede k nerovnoměrným mezerám mezi slovy ("řekám") , zhoršuje čitelnost a může být vnímáno jako křik nebo agrese.

---

2. 2. Zarovnání textu a čísel v tabulce

Obecné pravidlo:

• Text: Zarovnání vlevo.
• Čísla: Zarovnání vpravo.
• Hlavičky sloupců: Zarovnání by mělo odpovídat zarovnání dat v daném sloupci. Pokud sloupec obsahuje text, hlavička by měla být zarovnána vlevo. Pokud obsahuje čísla, hlavička by měla být zarovnána vpravo.

Specifická doporučení:

• Hlavička tabulky (záhlaví sloupců):
  • Textové hlavičky: Zarovnejte vlevo. Příklad: Jméno klienta, Popis položky.
  • Číselné hlavičky: Zarovnejte vpravo, aby odpovídaly číselným datům pod nimi. Příklad: Cena (Kč), Množství.
  • Hlavičky s datem/časem: Zarovnejte vlevo pro formát DD.MM.YYYY nebo DD.MM.YYYY, HH:MM.
• Buňky tabulky (data):
  • Textová data: Vždy zarovnávejte vlevo. To zlepšuje čitelnost, protože levý okraj textu je konzistentní. Příklad: Produkt A, Praha.
  • Číselná data: Vždy zarovnávejte vpravo. Toto zarovnání umožňuje snadné porovnání hodnot a vizuální identifikaci řádů čísel. Příklad: 1 250, 50 000.00.
  • Identifikátory (číselné i textové): Zarovnávejte vlevo. Ačkoliv mohou obsahovat číslice, neslouží k matematickým výpočtům a je pro ně důležitější přehlednost při skenování. Zarovnání vlevo usnadňuje čtení díky konzistentnímu levému okraji. Příklad: Číslo smlouvy, PSČ, RČ: 9204308787.
  • Datum a čas: Vždy zarovnejte vlevo pro formát DD.MM.YYYY (např. 01.03.2024) nebo DD.MM.YYYY, HH:MM (např. 07.12.2024, 07:12).
  • Měnové hodnoty: Zarovnejte vpravo s oddělovačem tisíců a desetinných míst, pokud jsou relevantní. Doporučuje se používat "Kč" místo "CZK" pro finanční částky. Příklad: 1 200 Kč, 50 000 Kč.
  • Procenta: Zarovnejte vpravo. Použijte mezeru, pokud je procento podstatným jménem (např. "Sleva 10 %"), a bez mezery, pokud je přídavným jménem (např. 10% sleva).
• Patička tabulky (souhrnné řádky):
  • Zarovnání dat v patičce by mělo kopírovat zarovnání sloupců nad nimi. Pokud souhrnná hodnota patří k číselnému sloupci, měla by být zarovnána vpravo. Pokud k textovému sloupci (např. Celkem), měla by být zarovnána vlevo.

Pravidla pro jednotky (Kč, %, kg...)

• Jednotka patří do hlavičky: Pokud celý sloupec sdílí stejnou jednotku, uveďte ji v závorce za názvem sloupce.
  Příklad hlavičky: Pojistné (Kč), Plnění (%).

• Čistá data v buňkách: V těle tabulky uvádějte pouze samotné hodnoty bez opakování jednotek (snižuje vizuální šum a usnadňuje srovnání).
  Příklad: 1 250, 100.

• Výjimka pro míchaná data: Jednotky v buňkách ponechte pouze tehdy, pokud se v jednom sloupci kombinují různé jednotky (např. měny Kč a EUR).