Design Language

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.

Violet 60
HEX
#6B50FF
RGB rgb(107,80,255)
CMYK 71-70-0-0
Pantone C 2089 C
Pantone U Violet U
Black
HEX
#000000
RGB rgb(0,0,0)
CMYK 0-0-0-100
Pantone C Black 6 C
Pantone U Black 6 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.

Produktové barvy

Product colors

Red 50

#F95355

Purple 60

#A72DEA

Violet 60

#6B50FF

Blue 60

#2460FF

Teal 30

#56D8E0

Interakční barvy

Interactive colors

Barvy používané v aplikačním prostředí (UI – User Interface) a na webu.

Colors used in the application environment (UI - User Interface) and on the web.

Success

#13A454

Info

#f4c01a

Warning

#eb6307

Error

#d9222c

Barevné palety

Color palette

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.

Gray 100

#161616

Gray 90

#262626

Gray 80

#393939

Gray 70

#525252

Gray 60

#6F6F6F

Gray 50

#8D8D8D

Gray 40

#A8A8A8

Gray 30

#C6C6C6

Gray 20

#E0E0E0

Gray 10

#F4F4F4

Yellow 100

#1D1401

Yellow 90

#312402

Yellow 80

#493605

Yellow 70

#694F04

Yellow 60

#8E6B00

Yellow 50

#B28700

Yellow 40

#D3A103

Yellow 30

#F4C01A

Yellow 20

#FEDD6F

Yellow 10

#FCF4D6

Gold 100

#241100

Gold 90

#3B1F01

Gold 80

#573002

Gold 70

#7B4505

Gold 60

#A45F09

Gold 50

#CF790E

Gold 40

#ED9419

Gold 30

#FEBA53

Gold 20

#FDDC95

Gold 10

#FFF2DE

Orange 100

#251200

Orange 90

#421B00

Orange 80

#642600

Orange 70

#933200

Orange 60

#C14812

Orange 50

#EB6307

Orange 40

#fe8431

Orange 30

#ffb687

Orange 20

#ffd8bf

Orange 10

#fff1e9

Red 100

#2b0b0b

Red 90

#4f090d

Red 80

#740e14

Red 70

#a2171f

Red 60

#d9222c

Red 50

#f95355

Red 40

#ff8384

Red 30

#ffb3b2

Red 20

#ffd6d5

Red 10

#fff1f2

Magenta 100

#290c17

Magenta 90

#4f071d

Magenta 80

#720f2d

Magenta 70

#a01743

Magenta 60

#d3265d

Magenta 50

#ee5884

Magenta 40

#fb82a8

Magenta 30

#ffb0ca

Magenta 20

#ffd5e4

Magenta 10

#fff0f6

Purple 100

#200f29

Purple 90

#3b1151

Purple 80

#59137d

Purple 70

#7e1cb2

Purple 60

#a72dea

Purple 50

#c063f9

Purple 40

#d28df7

Purple 30

#e3b6fa

Purple 20

#f2d6fd

Purple 10

#fbf1fb

Violet 100

#170d3a

Violet 90

#281661

Violet 80

#39238f

Violet 70

#5432cd

Violet 60

#6b50ff

Violet 50

#8b7cff

Violet 40

#a69dff

Violet 30

#c5c0ff

Violet 20

#dfdcff

Violet 10

#f3f2ff

Blue 100

#071338

Blue 90

#071d67

Blue 80

#0a2e9b

Blue 70

#1043cd

Blue 60

#2460ff

Blue 50

#4b8aff

Blue 40

#7ca8ff

Blue 30

#a9c7ff

Blue 20

#d0e0ff

Blue 10

#ecf5ff

Teal 100

#031a1c

Teal 90

#002a2d

Teal 80

#004042

Teal 70

#005e5e

Teal 60

#007c83

Teal 50

#009da7

Teal 40

#00bac5

Teal 30

#56d8e0

Teal 20

#a3ecf1

Teal 10

#e0fafb

Green 100

#061912

Green 90

#102b19

Green 80

#124223

Green 70

#195e33

Green 60

#168042

Green 50

#13a454

Green 40

#34c06a

Green 30

#5adf88

Green 20

#a3f1b9

Green 10

#ddfbe9

Lime 100

#081905

Lime 90

#182b05

Lime 80

#26400c

Lime 70

#355c15

Lime 60

#457d1f

Lime 50

#599f2a

Lime 40

#6dbc39

Lime 30

#89db5d

Lime 20

#a6f382

Lime 10

#e0fcd6

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