Všech 21 plných barev z návrhu beze změny. Kliknutím na vzorek zkopírujete token.
Značka
Tmavé plochy
Světlé plochy
Linky
Text
Stavy a zvýraznění
Bílá na tmavé ploše
02 - Kontrast
Kontrast textu v návrhu
Dvojice barev, které návrh skutečně používá, a jejich kontrast podle WCAG 2.1. Běžný text potřebuje 4,5 : 1,
velký text 3 : 1.
1 290 Kč
fg na surface · název, cena
bez DPH
fg-muted na surface · popisy
Poznámka
fg-muted na canvas · poznámka nad mřížkou
VŠE
fg-hint na surface · rozsah ve vyhledávání, 11 px
EP-TW10K-BLK
fg-subtle na surface · kód produktu, 10,5 px
Do vyprodání
brand na surface · odkaz, sleva
01 - Výběr
brand na canvas · nadpis sekce
Skladem 42 ks
success na surface · stav skladu, 11,5 px
Skladem 7 ks
warning na surface · nízká zásoba, 11,5 px
Na cestě · 4. 9.
transit na surface · zboží na cestě
Hledat
on-brand na brand · tlačítko, štítek Sleva
NASKLADNĚNO
on-ink na success · štítek, 9,5 px
NA CESTĚ
on-ink na transit · štítek
BESTSELLER
on-highlight na highlight · štítek
Do košíku
on-ink na ink · tlačítko, nadpis
Reklamace
on-ink-muted na ink · text v patičce
Často:
on-ink-subtle na ink · drobné popisky
04 - Doprodej
brand-tint na ink · nadpis sekce
Space Grotesk mluví, IBM Plex Mono počítá. Názvy, nadpisy a tlačítka jsou v sans. Ceny, kódy, počty, data,
popisky a drobné odkazy jsou v mono.
Aa
font-sans
Space Grotesk
AÁBCČDĎEÉĚFGHIÍJKLMNŇOÓPQRŘSŠTŤUÚŮVWXYÝZŽ aábcčdďeéěfghiíjklmnňoópqrřsštťuúůvwxyýzž 0123456789 Ää Öö Üü ß
Ąą Ćć Ęę Łł Ńń Śś Źź Żż Ľľ Ĺĺ Ŕŕ Ôô
Příliš žluťoučký kůň
400
Příliš žluťoučký kůň
500
Příliš žluťoučký kůň
600
Příliš žluťoučký kůň
700
Aa
font-mono
IBM Plex Mono
AÁBCČDĎEÉĚFGHIÍJKLMNŇOÓPQRŘSŠTŤUÚŮVWXYÝZŽ aábcčdďeéěfghiíjklmnňoópqrřsštťuúůvwxyýzž 0123456789 Ää Öö Üü ß
Ąą Ćć Ęę Łł Ńń Śś Źź Żż Ľľ Ĺĺ Ŕŕ Ôô → ← ·
1 290,00 Kč
400
1 290,00 Kč
500
1 290,00 Kč
600
Styly v Space Grotesk
text-display
Nadpis hlavního banneru
Qi2 nabíjení se slevou 20 %
text-heading-xl
Nadpis tmavého bloku
Poslední kusy. Až doprodáme, končí.
text-heading-lg
Nadpis sekce
Co u nás lidé kupují nejčastěji
text-heading-md
Akční dlaždice, newsletter
ZAGG pro Galaxy S26 Ultra
text-title
Název článku
Qi2 vs. MagSafe: co dnes reálně nabíjí rychleji
text-title-sm
Název produktu
ERPOWER BANK TWIGGY 10K BLACK Qi2 25W
text-body-lg
Text banneru
Powerbanky, podložky a autonabíječky s certifikací Qi2. Sleva se propíše do košíku automaticky.
text-body
Běžný odstavec
Zboží, které už nedoskladňujeme. Ceny jsou snížené natrvalo, počet kusů vidíte u každého produktu.
text-ui
Navigace, tlačítko
Pouzdra a obaly
text-ui-sm
Tlačítko na kartě, záložka
Do košíku
Styly v IBM Plex Mono
text-price
Cena na kartě produktu
1 190 Kč
text-price-sm
Cena v malé kartě
749 Kč
text-mono-lg
Vedlejší odkaz a tlačítko
Zobrazit další (44)
text-mono
Odkaz, údaje v patičce
Všechna zařízení →
text-mono-sm
Stav skladu, popis výhody
Sklad Brno · PPL, Zásilkovna, Balíkovna
text-mono-xs
Cena bez DPH, počet produktů
bez DPH 983,47 Kč
text-code
Kód produktu
EP-TW10K-BLK
text-utility
Horní proužek, verzálky
Doprava zdarma od 1 500 Kč
text-eyebrow
Popisek nad nadpisem, verzálky
02 - Nejprodávanější
text-label
Popisek dlaždice, verzálky
Akce · do 31. 8.
text-tag
Štítek, verzálky
Bestseller
04 - Tvar a linky
Ostré rohy, žádné stíny
Karty oddělují linky, ne stíny. Stav po najetí mění barvu linky.
Zaoblení
radius-sm
· ovládací prvek, štítek
radius-md
· karta, blok
radius-full
Jen tečka stavu
Linky, vždy 1 px
line
Obrys karty
line-soft
Uvnitř karty
line-strong
Pole, vedlejší tlačítko
Najetí a fokus
Linka do fg
Karta produktu, článek
Linka do brand
Dlaždice zařízení
2 px brand · doplněno, návrh fokus neřeší
Zástupný obrázek
product-shot 800×800
slide-image · 1600×840
05 - Rozměry
Mřížka, odsazení a výšky
Rozvržení
spacing-page
spacing-section
spacing-gutter
spacing-block
spacing-grid
Výšky prvků
control-xs
· šipka
utility-bar
· proužek
control-sm
· hledat
control-md
· pole
control-lg
· do košíku
control-xl
· vyhledávání
nav
· navigace
Mřížky obsahu s mezerou spacing-grid
4 sloupce · produkty
6 sloupců · zařízení
7 sloupců · značky
06 - Základní prvky
Nejmenší stavební kameny
Prvky bez vlastní logiky. Tlačítka, pole a ostatní komponenty erui jsou na stránce Komponenty.
Nadpis sekce na tmavé ploše
04 - Do vyprodání zásob
Poslední kusy. Až doprodáme, končí.
Štítky
Bestseller
Sleva
Novinka
Naskladněno
Do vyprodání
Na cestě
Velké štítky v banneru
Slevová akce
Novinka
Doprodej
Stav skladu
Skladem 42 ks
Skladem 7 ks
Na cestě · 4. 9.
Do vyprodání · 6 ks
Cena
1 290 Kč
bez DPH 1 066,12 Kč
1 190 Kč
1 490 Kč
bez DPH 983,47 Kč