Ukážky
Celé obrazovky poskladané z komponentov. Slúžia na dve veci: ukázať systém v reálnom kontexte a odhaliť, čo v ňom ešte chýba.
Prehľad na celú šírku
Prehľad poskladaný z komponentov. Obsah využíva celú šírku obrazovky.
Prehľad s obmedzenou šírkou
Prehľad poskladaný z komponentov. Obsah má strop šírky 1400 px a je vycentrovaný.
Chyba 403 — zakázaný prístup
Chybová obrazovka 403. Vysvetľuje, kto prístup zriaďuje, a ponúka cestu ďalej namiesto slepej uličky.
Chyba 404 — stránka sa nenašla
Chybová obrazovka 404. Prázdny stav na celú stránku, technické údaje pre helpdesk v pätičke karty.
Chyba 500 — chyba aplikácie
Chybová obrazovka 500. Identifikátor chyby na skopírovanie pre helpdesk a jasné rozdelenie, čo má robiť používateľ a čo systém.
Dlhý formulár
Formulár nového termínu kurzu: sekcie v kartách, zhrnutie chýb, výber z číselníka a lepiaca lišta s akciami.
Porovnanie ikonových sád
Lucide, Phosphor a Font Awesome Free v rovnakom kontexte.
Zoznam a detail dokladu
Zoznam faktúr s filtrami a stránkovaním, pod ním detail vybraného dokladu v dvoch stĺpcoch.
Prihlásenie
Prihlasovacia obrazovka s kartou v strede. Chybová hláška, zapamätanie prihlásenia a odkaz na obnovu hesla.
Prihlásenie s fotografiou
Štvrté prevedenie prihlásenia: vľavo samotná fotografia v pomere 2:1, vpravo formulár so značkou. Pod lg sa fotka vôbec nestiahne.
Prihlásenie na dve polovice
Prihlasovacia obrazovka rozdelená na dve polovice: vľavo značka, vpravo formulár. Pod md zostane len formulár.
Prihlásenie v pomere 2:1
Tretie prevedenie prihlásenia: značka zaberá dve tretiny obrazovky, formulár jednu. Pod lg zostane len formulár.
Farebná paleta
Schválená paleta vo svetlom režime: plochy, text, značka, stavy a osem akcentov s dopočítanými kontrastmi.
Farebná paleta v tmavom režime
Schválená paleta v tmavom režime: plochy, text, značka, stavy a osem akcentov s dopočítanými kontrastmi.