Barvy
Výchozí barvy
Tyto hlavní barvy vytvářejí základní vizuální charakter značky.
| ~ Champagne Pink | |
|---|---|
| HEX | #f0d9d1 |
| RGB | value |
| CMYK | 4-15-14-0 |
| Pantone C | N/A |
| Pantone U | N/A |
| RAL | N/A |
| ~ Battleship gray | |
|---|---|
| HEX | #80918a |
| RGB | value |
| CMYK | 53-33-44-4 |
| Pantone C | N/A |
| Pantone U | N/A |
| RAL | 7033 |
| ~ Melon | |
|---|---|
| HEX | #d6ab9c |
| RGB | value |
| CMYK | 15-34-35-0 |
| Pantone C | N/A |
| Pantone U | N/A |
| RAL | 3012 |
| ~ Black | |
|---|---|
| HEX | #000000 |
| RGB | value |
| CMYK | 0-0-0-100 |
| Pantone C | Process Black C |
| Pantone U | Process Black U |
| RAL | N/A |
| ~ White | |
|---|---|
| HEX | #ffffff |
| RGB | value |
| CMYK | 0-0-0-0 |
| Pantone C | N/A |
| Pantone U | N/A |
| RAL | 9010 |
UI Barvy
Barvy používané v prostředí aplikace (UI - User Interface) a na webu.
| CTA |
|---|
| #d6ab9c |
| value |
| Info |
|---|
| #ffffff |
| value |
| Error |
|---|
| #ef233c |
| value |
| Success |
|---|
| #d1f0d9 |
| value |
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ů.
~ Champagne Pink 100
#f0d9d1~ Champagne Pink 90
#f2ddd6~ Champagne Pink 80
#f3e1da~ Champagne Pink 70
#f5e4df~ Champagne Pink 60
#f6e8e3~ Champagne Pink 50
#f8ece8~ Champagne Pink 40
#f9f0ed~ Champagne Pink 30
#fbf4f1~ Champagne Pink 20
#fcf7f6~ Champagne Pink 10
#fefbfa~ Champagne Pink 0
#ffffff~ Battleship gray 100
#80918a~ Battleship gray 90
#8a9a93~ Battleship gray 80
#93a19c~ Battleship gray 70
#9ca9a4~ Battleship gray 60
#a5b1ac~ Battleship gray 50
#aeb9b4~ Battleship gray 40
#b7c1bd~ Battleship gray 30
#c9d0cd~ Battleship gray 20
#e4e8e6~ Battleship gray 10
#edefee~ Battleship gray 0
#ffffff~ Melon 100
#d6ab9c~ Melon 90
#dab3a6~ Melon 80
#debcb0~ Melon 70
#e2c4ba~ Melon 60
#e6cdc4~ Melon 50
#ebd5ce~ Melon 40
#efddd7~ Melon 30
#f3e6e1~ Melon 20
#f7eeeb~ Melon 10
#fbf7f5~ Melon 0
#ffffffGradienty
Příklady gradientů používaných v rámci značky.
~ Champagne Pink 30
~ Melon
~ Battleship gray 20
~ Battleship gray 100
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…) |