Barvy
Na této stránce
Velký vzorník
Barvy používané v prostředí aplikace (UI - User Interface) a na webu.
Střední vzorník
Barvy používané v prostředí aplikace (UI - User Interface) a na webu.
Malý vzorník
Barvy používané v prostředí aplikace (UI - User Interface) a na webu.
Palety barev
Barevné palety nám umožňují vytvářet digitální prostředí (aplikace, web) s ohledem na dostatečný kontrast a přístupnost všech prvků.
Barevné přechody
Příklady gradientů používaných v rámci značky.
Visualbook Red
Info 20
CTA
Info 20
Visualbook Red
CTA
Gray 100
Gray 70
Poměry barev
Proporcionální použití barev v rámci vizuálního stylu. Sekce je v novém, vylepšeném designu.
Kontrola kontrastu
Zkontrolujte kontrast mezi barvami popředí a pozadí pro zajištění čitelnosti textů, nadpisů a tlačítek podle standardů přístupnosti.
WCAG 2.1 Pokyny AA vyžaduje kontrastní poměr alespoň 4,5:1 pro normální text a 3:1 pro velký text. AAA vyžaduje kontrastní poměr alespoň 7:1 pro normální text a 4,5:1 pro velký text.
Prozkoumat tuto barevnou kombinaci na color.review nebo coolors.co
Barevné režimy
Barevné režimy určují barevné schéma, které pro logo zvolíme, aby se správně zobrazilo na obrazovkách i v tisku.
Barevný režim | Co je to? | Použití |
---|---|---|
HEX | Ekvivalent RGB (hexadecimální) | WEBHTMLCSS |
RGB | Barevný prostor obrazovek RGB | WEBHTMLCSS |
CMYK |
Barevný prostor pro tiskárny CMYK |
TISK |
Pantone |
Přímé namíchané barvy Pantone pro tisk | TISK |
Výběr barevného režimu
Vhodný barevný režim loga: | RGB logo |
CMYK logo |
Pantone logo |
---|---|---|---|
Logo bude na obrazovce (web, mobil, prezentace…) | |||
Logo bude v tisku (vizitka, leták…) |