Barvy

Barvy hrají v designu zásadní roli, protože utvářejí vizuální identitu a uživatelský zážitek značky. Efektivní systém barev zajišťuje konzistenci, zlepšuje použitelnost a vyvolává v uživatelích požadované emoce.

Náš systém barev zahrnuje definovanou paletu primárních, sekundárních a funkční barev. Navíc bylo vybráno 6 barev a jejich odstínů pro různé kategorie produktů a služeb.

Stáhnout ASE soubor

Primární barvy

Primární barvy tvoří jádro vizuální identity naší značky. Jsou výrazně použity v různých prvcích, jako je logo, tlačítka a text. Primární barvy mají 2 spektra: Modré a Červené

Modrá

Základní barvou modrého spektra je Blue 700 (#002663). Tato tmavě modrá barva představuje důvěru, stabilitu a profesionalitu. Je základním kamenem identity naší značky a hojně se používá v textu, primárních tlačítkách, záhlavích a zápatích.

Name: Blue 50
RGB: 243 246 255
HEX: #F3F6FF

Name: Blue 200
RGB: 161 179 210
HEX: #A1B3D2

Name: Blue 300
RGB: 97 143 189
HEX: #618FBD

Name: Blue 500
RGB: 25 59 114
HEX: #193B72

Name: Blue 700
RGB: 0 38 99
HEX: #002663

Name: Blue 800
RGB: 0 25 66
HEX: #001942

Name: Blue 900
RGB: 0 16 42
HEX: #00102A

Červená

Základní barvou červeného spektra je Red 500 (#EF1A1A). Tato zářivě červená barva znamená energii, naléhavost a důležitost. Používá se pro kontrastní zvýraznění, upozornění, oznámení a další prvky, na které chceme upozornit

Name: Red 100
RGB: 254 237 237
HEX: #FEEDED

Name: Red 500
RGB: 239 26 26
HEX: #EF1A1A

Name: Red 700
RGB: 210 19 25
HEX: #D21319

Sekundární barvy

Sekundární barva doplňuje základní barvy a poskytuje další flexibilitu a rozmanitost designu. Používá se v méně výrazných prvcích, aby vytvořila soudržný a vyvážený vizuální dojem.

Emerald

Základem sekundární palety je Emerald 200 (#DFF2EF). Tato svěží, uklidňující zelená barva symbolizuje růst, harmonii a obnovu. Používá se v pozadí sekcí a karet, sekundárních tlačítkách a akcentních prvcích, aby dodala designu nádech klidu a rovnováhy.

Name: Emerald 100
RGB: 234 247 246
HEX: #EAF7F6

Name: Emerald 200
RGB: 223 242 239
HEX: #DFF2EF

Name: Emerald 300
RGB: 166 212 207
HEX: #A6D4CF

Name: Emerald 400
RGB: 97 189 175
HEX: #61BDAF

Name: Emerald 600
RGB: 44 142 127
HEX: #2C8E7F

Neutrální barvy

Neutrální barvy jsou nezbytné pro vytvoření vyváženého a čitelného rozhraní. Obvykle se používají pro pozadí, rámečky, text a další prvky, u nichž je hlavní důraz kladen na čitelnost a použitelnost, nikoli na upoutání pozornosti.

Šedé

Základní barvou neutrálního spektra je Gray 100 (#F4F5F7). Tato světle šedá barva poskytuje jemné a neutrální pozadí a zajišťuje, aby ostatní barvy vynikly. Používá se pro pozadí a okraje, aby byl zachován čistý a nepřeplněný design.

Name: Gray 100
RGB: 0 38 99
HEX: #F4F5F7

Name: Gray 200
RGB: 231 233 237
HEX: #E7E9ED

Name: Gray 300
RGB: 217 225 228
HEX: #D9E1E4

Name: Gray 400
RGB: 174 192 200
HEX: #AEC0C8

Name: Gray 600
RGB: 139 156 165
HEX: #8B9CA5

Name: Gray 900
RGB: 44 52 55
HEX: #353F44

Elementární

Do neutrální palety barev patří také White (#FFFFFF) a Black (#000000).

Name: White
RGB: 255 255 255
HEX: #FFFFFF

Name: Black
RGB: 0 0 0
HEX: #000000

Funkční barvy

Funkční barevné palety zahrnují barvy, které vyjadřují specifické významy a funkce, například zprávy o úspěchu, varování nebo chybě. Tyto barvy zajišťují, že uživatelé rychle a snadno pochopí účel různých prvků v rozhraní, a proto by neměly být používány jiným způsobem a v jiných případech.

Barvy úspěchu

Slouží k označení úspěšných akcí, pozitivních stavů a potvrzení.

Name: Success 100
RGB: 222 240 220
HEX: #DEF0DC

Name: Success 300
RGB: 110 189 97
HEX: #6EBD61

Name: Success 400
RGB: 87 161 75
HEX: #57A14B

Varovné barvy

Používá se k upozornění na potenciální problémy.

Name: Warning 100
RGB: 255 239 151
HEX: #FFEF97

Name: Warning 200
RGB: 253 227 85
HEX: #FDE355

Name: Warning 500
RGB: 225 173 32
HEX: #E1AD20

Chybové barvy

Slouží ke zvýraznění chyby, na kritické problémy a neplatné akce.

Name: Error 100
RGB: 250 220 211
HEX: #FADCD3

Name: Error 300
RGB: 225 127 122
HEX: #E17F7A

Name: Error 500
RGB: 155 37 53
HEX: #9B2535

Produktové kategorie

Pro další zlepšení přehlednost používá naše značka také odlišné barvy pro kategorie služeb. To pomáhá uživatelům rychle identifikovat a rozlišovat mezi jednotlivými produkty napříč weby a tiskovinami. Našich šest různých barev kategorií služeb je následující:

Spotřební materiál

RGB: 2 140 32
HEX: #028C20

Endodoncie

RGB: 208 52 136
HEX: #D03488

CAD / CAM

RGB: 99 15 206
HEX: #630FCE

Implantologie

RGB: 239 26 26
HEX: #EF1A1A

Profylaxe

RGB: 25 135 150
HEX: #198796

Moderní klinika

RGB: 12 152 209
HEX: #198796

Spotřební materiál

Pro spotřební materiál (primárně e-shop) byly nastylizovány další 4 barvy (celkem tedy 5 v paletě) pro kontrastní účely, pozadí a další grafické elementy.

Name: Consumable 100
RGB: 202 248 196
HEX: #CAF8C4

Name: Consumable 300
RGB: 83 214 93
HEX: #53D65D

Name: Consumable 500
RGB: 2 140 32
HEX: #028C20

Name: Consumable 700
RGB: 15 128 40
HEX: #0F8028

Name: Consumable 900
RGB: 10 89 40
HEX: #0A5928

Endodoncie

Pro kategorii Endodoncie (e-shop a přístroje) byly nastylizovány další 4 barvy (celkem tedy 5 v paletě) pro kontrastní účely, pozadí a další grafické elementy.

Name: Endodontics 100
RGB: 251 208 215
HEX: #FBD0D7

Name: Endodontics 300
RGB: 237 122 158
HEX: #ED7A9E

Name: Endodontics 500
RGB: 208 52 136
HEX: #D03488

Name: Endodontics 700
RGB: 169 36 114
HEX: #A82472

Name: Endodontics 900
RGB: 108 19 90
HEX: #6C135A

CAD/CAM

Pro kategorii CAD CAM (e-shop a přístroje) byly nastylizovány další 4 barvy (celkem tedy 5 v paletě) pro kontrastní účely, pozadí a další grafické elementy.

Name: CAD CAM 100
RGB: 230 198 249
HEX: #E6C6F9

Name: CAD CAM 300
RGB: 167 96 232
HEX: #A760E8

Name: CAD CAM 500
RGB: 99 15 206
HEX: #630FCE

Name: CAD CAM 700
RGB: 66 15 163
HEX: #420FA3

Name: CAD CAM 900
RGB: 34 9 105
HEX: #220969

Implantologie

Pro kategorii implantologie (e-shop a přístroje) byly nastylizovány další 4 barvy (celkem tedy 5 v paletě) pro kontrastní účely, pozadí a další grafické elementy.

Name: Implantology 100
RGB: 254 220 203
HEX: #FEDCCB

Name: Implantology 300
RGB: 248 129 108
HEX: #F8816C

Name: Implantology 500
RGB: 239 26 26
HEX: #EF1A1A

Name: Implantology 700
RGB: 197 23 36
HEX: #C51724

Name: Implantology 900
RGB: 126 14 38
HEX: #7E0E26

Profylaxe

Pro kategorii profylaxe (e-shop a přístroje) byly nastylizovány další 4 barvy (celkem tedy 5 v paletě) pro kontrastní účely, pozadí a další grafické elementy.

Name: Prophylaxis 100
RGB: 209 235 237
HEX: #D1EBED

Name: Prophylaxis 300
RGB: 99 186 187
HEX: #63BABB

Name: Prophylaxis 500
RGB: 25 135 150
HEX: #198796

Name: Prophylaxis 700
RGB: 5 97 100
HEX: #056164

Name: Prophylaxis 900
RGB: 6 71 70
HEX: #064746

Moderní klinika

Pro službu Ordinace na klíč a s ní spojené (služby a přístroje) byly nastylizovány další 4 barvy (celkem tedy 5 v paletě) pro kontrastní účely, pozadí a další grafické elementy.

Name: Clinic 100
RGB: 207 254 250
HEX: #CFFEFA

Name: Clinic 300
RGB: 111 241 251
HEX: #63BABB

Name: Clinic 500
RGB: 12 152 209
HEX: #198796

Name: Clinic 700
RGB: 8 115 175
HEX: #056164

Name: Clinic 900
RGB: 3 59 117
HEX: #064746

Barevné proporce

Vyváženost barev je důležitá pro zachování jednotné identity. Při použití palety v jakémkoli kontextu se řiďte níže uvedeným poměrem barev.

50 %

White

30%

Blue 700

10%

G 100

6%

R

Kombinace barev

Pro zachování integrity vizuální identity je nezbytné dodržovat navržené barevné schéma a přibližné barevné proporce.

Běžné využití

V negativním prostoru

Pro kontaktní osoby

Barvy

Barvy hrají v designu zásadní roli, protože utvářejí vizuální identitu a uživatelský zážitek značky. Efektivní systém barev zajišťuje konzistenci, zlepšuje použitelnost a vyvolává v uživatelích požadované emoce.

Náš systém barev zahrnuje definovanou paletu primárních, sekundárních a funkční barev. Navíc bylo vybráno 6 barev a jejich odstínů pro různé kategorie produktů a služeb.

Stáhnout ASE soubor

Primární barvy

Sekundární barvy

Neutrální barvy

Funkční barvy

Produktové kategorie

Barevné proporce

Kombinace barev

Primární barvy

Primární barvy tvoří jádro vizuální identity naší značky. Jsou výrazně použity v různých prvcích, jako je logo, tlačítka a text. Primární barvy mají 2 spektra: Modré a Červené

Modrá

Základní barvou modrého spektra je Blue 700 (#002663). Tato tmavě modrá barva představuje důvěru, stabilitu a profesionalitu. Je základním kamenem identity naší značky a hojně se používá v textu, primárních tlačítkách, záhlavích a zápatích.

Name: Blue 50
RGB: 243 246 255
HEX: #F3F6FF

Name: Blue 200
RGB: 161 179 210
HEX: #A1B3D2

Name: Blue 300
RGB: 97 143 189
HEX: #618FBD

Name: Blue 500
RGB: 25 59 114
HEX: #193B72

Name: Blue 700
RGB: 0 38 99
HEX: #002663

Name: Blue 800
RGB: 0 25 66
HEX: #001942

Name: Blue 900
RGB: 0 16 42
HEX: #00102A

Červená

Základní barvou červeného spektra je Red 500 (#EF1A1A). Tato zářivě červená barva znamená energii, naléhavost a důležitost. Používá se pro kontrastní zvýraznění, upozornění, oznámení a další prvky, na které chceme upozornit

Name: Red 100
RGB: 254 237 237
HEX: #FEEDED

Name: Red 500
RGB: 239 26 26
HEX: #EF1A1A

Name: Red 700
RGB: 210 19 25
HEX: #D21319

Sekundární barvy

Sekundární barva doplňuje základní barvy a poskytuje další flexibilitu a rozmanitost designu. Používá se v méně výrazných prvcích, aby vytvořila soudržný a vyvážený vizuální dojem.

Emerald

Základem sekundární palety je Emerald 200 (#DFF2EF). Tato svěží, uklidňující zelená barva symbolizuje růst, harmonii a obnovu. Používá se v pozadí sekcí a karet, sekundárních tlačítkách a akcentních prvcích, aby dodala designu nádech klidu a rovnováhy.

Name: Emerald 100
RGB: 234 247 246
HEX: #EAF7F6

Name: Emerald 200
RGB: 223 242 239
HEX: #DFF2EF

Name: Emerald 300
RGB: 166 212 207
HEX: #A6D4CF

Name: Emerald 400
RGB: 97 189 175
HEX: #61BDAF

Name: Emerald 600
RGB: 44 142 127
HEX: #2C8E7F

Neutrální barvy

Neutrální barvy jsou nezbytné pro vytvoření vyváženého a čitelného rozhraní. Obvykle se používají pro pozadí, rámečky, text a další prvky, u nichž je hlavní důraz kladen na čitelnost a použitelnost, nikoli na upoutání pozornosti.

Šedé

Základní barvou neutrálního spektra je Gray 100 (#F4F5F7). Tato světle šedá barva poskytuje jemné a neutrální pozadí a zajišťuje, aby ostatní barvy vynikly. Používá se pro pozadí a okraje, aby byl zachován čistý a nepřeplněný design.

Name: Gray 100
RGB: 0 38 99
HEX: #F4F5F7

Name: Gray 200
RGB: 231 233 237
HEX: #E7E9ED

Name: Gray 300
RGB: 217 225 228
HEX: #D9E1E4

Name: Gray 400
RGB: 174 192 200
HEX: #AEC0C8

Name: Gray 600
RGB: 139 156 165
HEX: #8B9CA5

Name: Gray 900
RGB: 44 52 55
HEX: #353F44

Elementární

Do neutrální palety barev patří také White (#FFFFFF) a Black (#000000).

Name: White
RGB: 255 255 255
HEX: #FFFFFF

Name: Black
RGB: 0 0 0
HEX: #000000

Funkční barvy

Funkční barevné palety zahrnují barvy, které vyjadřují specifické významy a funkce, například zprávy o úspěchu, varování nebo chybě. Tyto barvy zajišťují, že uživatelé rychle a snadno pochopí účel různých prvků v rozhraní, a proto by neměly být používány jiným způsobem a v jiných případech.

Barvy úspěchu

Slouží k označení úspěšných akcí, pozitivních stavů a potvrzení.

Name: Success 100
RGB: 222 240 220
HEX: #DEF0DC

Name: Success 300
RGB: 110 189 97
HEX: #6EBD61

Name: Success 400
RGB: 87 161 75
HEX: #57A14B

Varovné barvy

Používá se k upozornění na potenciální problémy.

Name: Warning 100
RGB: 255 239 151
HEX: #FFEF97

Name: Warning 200
RGB: 253 227 85
HEX: #FDE355

Name: Warning 500
RGB: 225 173 32
HEX: #E1AD20

Chybové barvy

Slouží ke zvýraznění chyby, na kritické problémy a neplatné akce.

Name: Error 100
RGB: 250 220 211
HEX: #FADCD3

Name: Error 300
RGB: 225 127 122
HEX: #E17F7A

Name: Error 500
RGB: 155 37 53
HEX: #9B2535

Produktové kategorie

Pro další zlepšení přehlednost používá naše značka také odlišné barvy pro kategorie služeb. To pomáhá uživatelům rychle identifikovat a rozlišovat mezi jednotlivými produkty napříč weby a tiskovinami. Našich šest různých barev kategorií služeb je následující:

Spotřební materiál

RGB: 2 140 32
HEX: #028C20

Endodoncie

RGB: 208 52 136
HEX: #D03488

CAD / CAM

RGB: 99 15 206
HEX: #630FCE

Implantologie

RGB: 239 26 26
HEX: #EF1A1A

Profilaxe

RGB: 25 135 150
HEX: #198796

Moderní klinika

RGB: 12 152 209
HEX: #198796

Spotřební materiál

Pro spotřební materiál (primárně e-shop) byly nastylizovány další 4 barvy (celkem tedy 5 v paletě) pro kontrastní účely, pozadí a další grafické elementy.

Name: Consumable 100
RGB: 202 248 196
HEX: #CAF8C4

Name: Consumable 300
RGB: 83 214 93
HEX: #53D65D

Name: Consumable 500
RGB: 2 140 32
HEX: #028C20

Name: Consumable 700
RGB: 15 128 40
HEX: #0F8028

Name: Consumable 900
RGB: 10 89 40
HEX: #0A5928

Endodoncie

Pro kategorii Endodoncie (e-shop a přístroje) byly nastylizovány další 4 barvy (celkem tedy 5 v paletě) pro kontrastní účely, pozadí a další grafické elementy.

Name: Endodontics 100
RGB: 251 208 215
HEX: #FBD0D7

Name: Endodontics 300
RGB: 237 122 158
HEX: #ED7A9E

Name: Endodontics 500
RGB: 208 52 136
HEX: #D03488

Name: Endodontics 700
RGB: 169 36 114
HEX: #A82472

Name: Endodontics 900
RGB: 108 19 90
HEX: #6C135A

CAD/CAM

Pro kategorii CAD CAM (e-shop a přístroje) byly nastylizovány další 4 barvy (celkem tedy 5 v paletě) pro kontrastní účely, pozadí a další grafické elementy.

Name: CAD CAM 100
RGB: 230 198 249
HEX: #E6C6F9

Name: CAD CAM 300
RGB: 167 96 232
HEX: #A760E8

Name: CAD CAM 500
RGB: 99 15 206
HEX: #630FCE

Name: CAD CAM 700
RGB: 66 15 163
HEX: #420FA3

Name: CAD CAM 900
RGB: 34 9 105
HEX: #220969

Implantologie

Pro kategorii implantologie (e-shop a přístroje) byly nastylizovány další 4 barvy (celkem tedy 5 v paletě) pro kontrastní účely, pozadí a další grafické elementy.

Name: Implantology 100
RGB: 254 220 203
HEX: #FEDCCB

Name: Implantology 300
RGB: 248 129 108
HEX: #F8816C

Name: Implantology 500
RGB: 239 26 26
HEX: #EF1A1A

Name: Implantology 700
RGB: 197 23 36
HEX: #C51724

Name: Implantology 900
RGB: 126 14 38
HEX: #7E0E26

Profilaxe

Pro kategorii profilaxe (e-shop a přístroje) byly nastylizovány další 4 barvy (celkem tedy 5 v paletě) pro kontrastní účely, pozadí a další grafické elementy.

Name: Prophylaxis 100
RGB: 209 235 237
HEX: #D1EBED

Name: Prophylaxis 300
RGB: 99 186 187
HEX: #63BABB

Name: Prophylaxis 500
RGB: 25 135 150
HEX: #198796

Name: Prophylaxis 700
RGB: 5 97 100
HEX: #056164

Name: Prophylaxis 900
RGB: 6 71 70
HEX: #064746

Moderní klinika

Pro službu Ordinace na klíč a s ní spojené (služby a přístroje) byly nastylizovány další 4 barvy (celkem tedy 5 v paletě) pro kontrastní účely, pozadí a další grafické elementy.

Name: Clinic 100
RGB: 207 254 250
HEX: #CFFEFA

Name: Clinic 300
RGB: 111 241 251
HEX: #63BABB

Name: Clinic 500
RGB: 12 152 209
HEX: #198796

Name: Clinic 700
RGB: 8 115 175
HEX: #056164

Name: Clinic 900
RGB: 3 59 117
HEX: #064746

Barevné proporce

Vyváženost barev je důležitá pro zachování jednotné identity. Při použití palety v jakémkoli kontextu se řiďte níže uvedeným poměrem barev.

50 %

White

30%

Blue 700

10%

G 100

6%

R

Kombinace barev

Pro zachování integrity vizuální identity je nezbytné dodržovat navržené barevné schéma a přibližné barevné proporce.

Běžné využití

V negativním prostoru

Pro kontaktní osoby