Design System a témata vzhledu
Interaktivní vzorník a specifikace nového designového systému. Tento systém sjednocuje DaisyUI a Tailwind tokeny a garantuje maximální kontrast a čitelnost ve světlém i tmavém režimu.
Toast notifikace
Systémová hlášení plně sladěná s design systémem ve světlém i tmavém režimu. Mají vysoký kontrast, zaoblení rohů, jemný stín a podporují ikony i akční tlačítka.
Odznaky a ligová ocenění
Všechny badges mají vyvážený padding, horizontální i vertikální flex centrování a zákaz zalamování řádků (whitespace-nowrap). Ani na nejužších mobilních displejích se texty jako „5. místo“ nerozpadnou na dva řádky. Čísla 1., 2. a 3. v odznacích jsou opticky vycentrovaná přesně na číslo bez započtení tečky.
Pořadí v tabulkách (opticky vycentrované na číslo bez započtení tečky, nerozpadá se na mobilu)
Ligová ocenění a pódiová umístění (Velikost: badge-lg)
Stavové odznaky
Velikostní hierarchie (xs → sm → md → lg)
Zápasový indikátor skóre
Barevná paleta a sémantické tokeny
Povrch karet a tabulek
Základní tělo boxů, formulářů a modálů.
Pozadí aplikace
Hluboký podklad pod kartami a sekcemi.
Ohraničení a oddělovače
Jemné a přesné linky tabulek a karet.
Hlavní text a titulky
Maximální kontrast. Vysoká čitelnost ve světlém i tmavém režimu.
Typografie a textový kontrast
SPPDF BeerPong Liga 2025
1. Kolo – Turnajový večer
Brouci vs. Vlci (Zápis zápasu)
Základní čtecí text s plným kontrastem. Tento text je bezpečně čitelný za jakýchkoliv světelných podmínek na monitoru i mobilu bez použití umělých monospace písem.
Podtitulky a doplňující informace: 24. 10. 2026 • 5 odehraných zápasů.
Tlačítka a stavy
Základní varianty
Velikosti tlačítek
Stavy
Ligová tabulka
Celková ligová tabulka (Jarní semestr 2025)
Přirozená čísla s vysokým kontrastem i při zlatavém podbarvení prvního místa
| Poř. | Tým | Zápasy | V | R | P | Skóre | +/- | Body |
|---|---|---|---|---|---|---|---|---|
| 1. | Vlci | 3 | 3 | 0 | 0 | 30:19 | +11 | 9 |
| 2. | Brouci | 3 | 2 | 0 | 1 | 26:24 | +2 | 6 |
| 3. | Šneci | 3 | 0 | 0 | 3 | 15:28 | -13 | 0 |