Visualbook

Barvy značky

 colors

Hlavní barvy

Main colors

Tyto hlavní barvy vytvářejí základní vizuální charakter značky.

These main colors create the basic visual character of the brand.

Diverzo Mint

HEX
#009D9E
RGB rgb(0, 157, 158)
CMYK 80-17-40-0
Pantone C 7716 C
Pantone U 7716 U

Diverzo Black

HEX
#000000
RGB rgb(0,0,0)
CMYK 0-0-0-100
Pantone C Process Black C
Pantone U Process Black U

Poměr barev

Color ratio

Orientační proporční používání barev v rámci vizuálního stylu.

Proportional use of colors within the visual style.

Sekundární barvy

Secondary colors

Link

#009D9E

Purple

#907aff

Blue

#2b90f3

Apricot (Academy)

#FFB874

Salmon

#ff875d

Error

#fb5053

Success

#00a358

Warning

#fcbd1c

Paper

#FFF7E6

Barevné palety pro produkty a UI

Color palette for products and UI

Barevné palety nám umožňují stavět digitální prostředí (aplikace, web) s ohledem na dostatečný kontrast a přístupnost všech prvků.

Color palettes allow us to build a digital environment (applications, web) with regard to sufficient contrast and accessibility of all elements.

Cool Gray 100

#0b1625

Cool Gray 90

#18263b

Cool Gray 80

#263a56

Cool Gray 70

#3b5378

Cool Gray 60

#56719c

Cool Gray 50

#738fbe

Cool Gray 40

#8fa9d9

Cool Gray 30

#b3c7ee

Cool Gray 20

#d5e0f7

Cool Gray 10

#f0f4fc

Gray 100

#121619

Gray 90

#21272A

Gray 80

#343A3F

Gray 70

#4D5358

Gray 60

#697077

Gray 50

#878D96

Gray 40

#A2A9B0

Gray 30

#C1C7CD

Gray 20

#DDE1E6

Gray 10

#F2F4F8

Warm Gray 100

#171514

Warm Gray 90

#2a2522

Warm Gray 80

#403731

Warm Gray 70

#5d5046

Warm Gray 60

#7e6c60

Warm Gray 50

#a08a7b

Warm Gray 40

#bba495

Warm Gray 30

#d5c3b8

Warm Gray 20

#ebddd4

Warm Gray 10

#f9f2ee

Mint 100

#091818

Mint 90

#002b2b

Mint 80

#004041

Mint 70

#005c5d

Mint 60

#007c7d

Mint 50

#009d9e

Mint 40

#00bbbd

Mint 30

#57d9da

Mint 20

#9deeef

Mint 10

#dafafa

Apricot 100

#1c140d

Apricot 90

#36210a

Apricot 80

#4f3313

Apricot 70

#704a1f

Apricot 60

#97652d

Apricot 50

#bf813b

Apricot 40

#e09a4d

Apricot 30

#ffb874

Apricot 20

#ffd9b4

Apricot 10

#fff2e4

Barevné palety pro infografiku

Color palette for infographics

Green 100

#091818

Green 90

#102b1e

Green 80

#12412c

Green 70

#005f3d

Green 60

#008144

Green 50

#00a358

Green 40

#1ec16d

Green 30

#62de91

Green 20

#a2f1bc

Green 10

#e2f9e8

Blue 100

#071629

Blue 90

#002749

Blue 80

#003a6a

Blue 70

#005495

Blue 60

#0072c6

Blue 50

#2b90f3

Blue 40

#5fadff

Blue 30

#93ccff

Blue 20

#c8e3ff

Blue 10

#ecf5ff

Purple 100

#161229

Purple 90

#261f4a

Purple 80

#3a2e73

Purple 70

#553eb1

Purple 60

#725ada

Purple 50

#907aff

Purple 40

#aa9cff

Purple 30

#c7bfff

Purple 20

#e0dcff

Purple 10

#f4f2ff

Red 100

#320407

Red 90

#4f0a11

Red 80

#71151a

Red 70

#9f1f2b

Red 60

#d23038

Red 50

#fb5053

Red 40

#ff8485

Red 30

#ffb3b6

Red 20

#ffd6d7

Red 10

#fff0f1

Salmon 100

#2a0c07

Salmon 90

#46160d

Salmon 80

#652417

Salmon 70

#8e3624

Salmon 60

#c0482c

Salmon 50

#e56843

Salmon 40

#ff875d

Salmon 30

#ffb599

Salmon 20

#ffd7c9

Salmon 10

#fff0eb

Yellow 100

#1e1401

Yellow 90

#322401

Yellow 80

#493603

Yellow 70

#684e06

Yellow 60

#91690b

Yellow 50

#b88500

Yellow 40

#da9e00

Yellow 30

#fcbd1c

Yellow 20

#fcdb98

Yellow 10

#fff7e6

Barevné režimy

Color modes

Barevné režimy definují, jakou barevnost vybíráme pro logo, abychom docílili správného zobrazení jak na obrazovkách, tak v tisku.

Color modes define the color scheme we choose for the logo to achieve the correct display on both screens and in print.

Barevný režim
Co je to?
Příklad zápisu
Použití
HEX Ekvivalent RGB (hexadecimální) #000000
WEBHTMLCSS
RGB Barevný prostor obrazovek rgb(100, 100, 100)
WEBHTMLCSS
CMYK
Barevný prostor pro tiskárny
10-10-10-10
TISK
Pantone
Přímé namíchané barvy pro tisk
1100 C
TISK
Color mode
What is it?
Example
Usage
HEX RGB equivalent (hexadecimal)
#000000
WEBHTMLCSS
RGB Color space for screens
rgb(100, 100, 100)
WEBHTMLCSS
CMYK
Color space for print
10-10-10-10
PRINT
Pantone
Direct colors for printing
1100 C
PRINT

Volba barevného režimu pro jakékoliv logo

Color mode for any logo

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…)


Suitable logo color mode:
RGB logo
CMYK logo
Pantone logo
The logo will be on the screen (web, mobile, presentation…)


The logo will be printed (business card, leaflet…)