Barvy – Symphera

Barvy

Na této stránce

Základní barvy značky

Základní barvy tvoří hlavní barevnou identitu značky. Nesou její charakter, podporují rozpoznatelnost a zajišťují konzistentní vizuální projev napříč všemi komunikačními kanály. Tyto barvy mají vždy přednost a jsou používány pro klíčové prvky vizuální komunikace.

RGB
.ase
CMYK
.ase
Figma - Design Tokens
.json
CSS Variables
.css
SCSS Variables
.scss
Tailwind Config
.js
PDF export
.pdf
Visualbook Export
.txt
Všechny formáty
.zip
Symphera Dark Blue
#060B20
Symphera Navy Blue
#0E1432
Symphera White
#FFFFFF
Symphera Copper
#B48A79
Symphera Dark Blue
rgb(6, 11, 32)
Symphera Navy Blue
rgb(14, 20, 50)
Symphera White
rgb(255, 255, 255)
Symphera Copper
rgb(180, 138, 121)
Symphera Dark Blue
100-95-45-50
Symphera Navy Blue
100-90-35-35
Symphera White
0-0-0-0
Symphera Copper
29-46-50-3
Symphera Dark Blue
N/A
Symphera Navy Blue
N/A
Symphera White
N/A
Symphera Copper
N/A
Symphera Dark Blue
N/A
Symphera Navy Blue
N/A
Symphera White
N/A
Symphera Copper
N/A
Symphera Dark Blue
N/A
Symphera Navy Blue
N/A
Symphera White
N/A
Symphera Copper
N/A
Symphera Dark Blue
N/A
Symphera Navy Blue
N/A
Symphera White
N/A
Symphera Copper
N/A
Symphera Dark Blue
N/A
Symphera Navy Blue
N/A
Symphera White
N/A
Symphera Copper
N/A

Doplňkové barvy

Doplňkové barvy rozšiřují základní barevnou paletu a slouží k diferenciaci obsahu.

Doplňkové barvy značky jsou Deep a Muted Teal.

Další doplňkové barvy jsou určeny vždy výhradně pro jednu z tematických kategorií: Leadership, Management, Agility a Projects. 

Pomáhají strukturovat komunikaci, zvýraznit kontext a usnadnit orientaci v obsahu. Používají se vždy v návaznosti na základní barvy, nikoli samostatně.

RGB
.ase
CMYK
.ase
Figma - Design Tokens
.json
CSS Variables
.css
SCSS Variables
.scss
Tailwind Config
.js
PDF export
.pdf
Visualbook Export
.txt
Všechny formáty
.zip
Symphera Deep Teal
#192A31
Symphera Muted Teal
#3C5058
Symphera Leadership
#8585CD
Symphera Management
#9970A7
Symphera Agility
#C2692F
Symphera Projects
#69B5A8
Symphera Deep Teal
rgb(25, 42, 49)
Symphera Muted Teal
rgb(60, 80, 88)
Symphera Leadership
rgb(133, 133, 205)
Symphera Management
rgb(153, 112, 167)
Symphera Agility
rgb(194, 105, 47)
Symphera Projects
rgb(105, 181, 168)
Symphera Deep Teal
84-67-58-63
Symphera Muted Teal
77-57-51-32
Symphera Leadership
55-48-0-0
Symphera Management
40-63-0-0
Symphera Agility
10-60-80-0
Symphera Projects
65-0-30-0
Symphera Deep Teal
N/A
Symphera Muted Teal
N/A
Symphera Leadership
N/A
Symphera Management
N/A
Symphera Agility
N/A
Symphera Projects
N/A
Symphera Deep Teal
N/A
Symphera Muted Teal
N/A
Symphera Leadership
N/A
Symphera Management
N/A
Symphera Agility
N/A
Symphera Projects
N/A
Symphera Deep Teal
N/A
Symphera Muted Teal
N/A
Symphera Leadership
N/A
Symphera Management
N/A
Symphera Agility
N/A
Symphera Projects
N/A
Symphera Deep Teal
N/A
Symphera Muted Teal
N/A
Symphera Leadership
N/A
Symphera Management
N/A
Symphera Agility
N/A
Symphera Projects
N/A
Symphera Deep Teal
N/A
Symphera Muted Teal
N/A
Symphera Leadership
N/A
Symphera Management
N/A
Symphera Agility
N/A
Symphera Projects
N/A

Vzorník gradientů

Gradienty vycházejí ze základní i doplňkové barevné palety a slouží jako vizuální prvek značky. Preferujte vždy tmavé barvy, ve výjimečných případech pro specifické užití jako např. tištěné kancelářské dokumenty zvolte světlý přechod.


Gradienty jsou určeny především pro akcentní plochy, pozadí a vybrané grafické aplikace. Při jejich použití je nutné zachovat barevné kombinace definované v tomto manuálu a dbát na čitelnost obsahu, zejména při kombinaci s textem a datovou vizualizací.

Symphera dark blue

#060B20

Symphera navy blue

#0E1432

Symphera dark copper

#623D32

Symphera light copper

#B48A79

Symphera dark copper

#623D32

Symphera deep teal

#192A31

Symphera muted teal

#3C5058

White

#FFF

Symphera white

#BBBFCF

Rozšiřující paleta barev pro grafy

Barvy určené pro grafy vycházejí ze základních a doplňkových barev brandu. Jsou navrženy tak, aby zajistily dobrou čitelnost, vizuální hierarchii a jednotný vzhled datových výstupů. Při tvorbě grafů je nutné zachovat konzistenci barev a používat pouze barvy definované v této části manuálu.

Poznámka

Vlevo jsou uvedeny barvy primárně pro graf na tmavém a vpravo na světlém pozadí.

RGB
.ase
CMYK
.ase
Figma - Design Tokens
.json
CSS Variables
.css
SCSS Variables
.scss
Tailwind Config
.js
PDF export
.pdf
Visualbook Export
.txt
Všechny formáty
.zip

Navy Blue

#0e1432

Blue Grey

#4e5867

Deep Teal

#192a31

Soft Teal

#3c5058

Soft Slate

#6f8791

Forrest Green

#072d27

Dark Violet

#2e1338

Dark Wood

#613C38

Copper Accent

#b38a79

Sand Accent

#d2b6aa

Light Blue

#a7aecc

Light Grey

#d8dbe6

Cool Steel

#8a9aad

Soft Teal

#4f7b8a

Cyan Steel

#799fa8

Sky Mist

#bdccd0

Lilac

#A07FB8

Soft Lilac

#C5ABD7

Apricot

#d48d56

Light Apricot

#edb182

Navy Blue

rgb(14, 20, 50)

Blue Grey

rgb(78, 88, 103)

Deep Teal

rgb(25, 42, 49)

Soft Teal

rgb(60, 80, 88)

Soft Slate

rgb(111, 135, 145)

Forrest Green

rgb(7, 45, 39)

Dark Violet

rgb(46, 19, 56)

Dark Wood

rgb(97, 60, 56)

Copper Accent

rgb(179, 138, 121)

Sand Accent

rgb(210, 182, 170)

Light Blue

rgb(167, 174, 204)

Light Grey

rgb(216, 219, 230)

Cool Steel

rgb(138, 154, 173)

Soft Teal

rgb(79, 123, 138)

Cyan Steel

rgb(121, 159, 168)

Sky Mist

rgb(189, 204, 208)

Lilac

rgb(160, 127, 184)

Soft Lilac

rgb(197, 171, 215)

Apricot

rgb(212, 141, 86)

Light Apricot

rgb(237, 177, 130)

Navy Blue

85-77-57-75

Blue Grey

72-58-44-23

Deep Teal

84-67-58-63

Soft Teal

77-57-51-32

Soft Slate

60-38-36-4

Forrest Green

100-50-70-60

Dark Violet

80-100-4-50

Dark Wood

40-60-60-50

Copper Accent

29-46-50-3

Sand Accent

17-28-29-0

Light Blue

35-26-7-0

Light Grey

14-10-4-0

Cool Steel

49-33-23-0

Soft Teal

73-41-37-7

Cyan Steel

56-27-30-0

Sky Mist

26-12-14-0

Lilac

29-46-50-3

Soft Lilac

17-28-29-0

Apricot

05-53-70-0

Light Apricot

0-39-51-0

Poměry barev

Proporcionální použití barev v rámci vizuálního stylu.

Kontrola kontrastu

Zde si můžete zkontrolovat kontrast mezi barvami popředí a pozadí pro zajištění čitelnosti textů, nadpisů a tlačítek podle standardů přístupnosti.

Výsledný kontrast

21.00

Malý text

Méně než 18pt nebo 14pt tučné
AAA

Velký text

Alespoň 18pt nebo 14pt tučné
AAA

UI komponenty

Grafické objekty a UI komponenty
AA

Prozkoumat tuto barevnou kombinaci na color.review nebo coolors.co

Barevné režimy

Barevné režimy (HEX, RGB, CMYK, Pantone, RAL, NCS, 3M) představují různé systémy definování barev, které se používají v různých médiích a technologiích. Tabulka níže vysvětluje jejich použití pro správné zobrazení loga na obrazovkách, v tisku či fyzických materiálech.

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
RAL
 Systém přiřazování barev RAL pro fyzické objekty  PRŮMYSL
NCS
 Systém přirozených barev NCS založený na vnímání  PRŮMYSLDESIGN
3M
 Systém vinylových fólií 3M pro polepy a signmaking  SIGNMAKING