Barvy Colors Farby

Hlavní barvy

Main colors

Hlavné farby

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

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

Tieto hlavné farby vytvárajú základný vizuálny charakter značky.

Stáhnout vzorník (.ASE) Download swatches (.ASE) Stiahnuť vzorník (.ASE)
Blue
HEX
#DDDFE8
RGB value
CMYK value
Pantone C 178 C
Pantone U 032 U
NCS 0565-R
RAL 3028
Red
HEX
#DDDFE8
RGB value
CMYK value
Pantone C 178 C
Pantone U 032 U
NCS 0565-R
RAL 3028

Sekundární barvy

Secondary colors

Sekundárne farby

Barvy používané v prostředí aplikace (UI - User Interface) a na webu.

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

Farby používané v prostredí aplikácie (UI - User Interface) a na webe.

CTA

#DDDFE8

CTA

#DDDFE8

CTA

#DDDFE8

CTA

#DDDFE8

Poměry barev

Pomery farieb

Color ratio

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

Proporcionálne používanie farieb v rámci vizuálneho štýlu.

Proportional use of colors within the visual style.

Světlé prostředí

Svetlé prostredie

Light theme

Tmavé prostředí

Tmavé prostredie

Dark theme

Paleta barev

Color palette

Paleta farieb

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ů.

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

Farbiace palety nám umožňujú vytvárať digitálne prostredie (aplikácie, web) s ohľadom na dostatočný kontrast a prístupnosť všetkých prvkov.

Gray 40

#C3C6D4

Gray 30

#dddfe8

Gray 20

#f3f3f6

Gray 10

#fafafa

Gray 40

#C3C6D4

Gray 30

#dddfe8

Gray 20

#f3f3f6

Gray 10

#fafafa

Gradienty

Gradients

Gradienty

Příklady gradientů používaných v rámci značky.

Examples of gradients used within a brand.

Príklady gradientov používaných v rámci značky.

Visualbook Red

#FE1B3F

Info 20

#c7e3ff

Visualbook Red

#FE1B3F

Info 20

#c7e3ff

Visualbook Red

#FE1B3F

Info 20

#c7e3ff

Barevné režimy

Color modes

Farebné 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.

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

Farbiace režimy určujú farbiacie schémy, ktoré pre logo zvolíme, aby sa správne zobrazilo na obrazovkách aj v tlači.

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

Výběr barevného režimu

Choosing color mode

Výber farbiaceho režimu

Vhodný barevný režim loga:  Suitable logo color mode: Vhodný farebný režim loga: RGB logo
CMYK logo
Pantone logo
Logo bude na obrazovce (web, mobil, prezentace…)  Logo bude na obrazovke (web, mobil, prezentácia…)  The logo will be on the screen (web, mobile, presentation...)


Logo bude v tisku (vizitka, leták…)  Logo bude v tlači (vizitka, leták...)  The logo will be in print (business card, leaflet...)


Visualbook Designer

Tento nástroj je určen pouze pro desktop.

Barvy komponent

Hlavička

Karta Loga

Karta Písma

Karta Barvy

Nastavení karet

Tmavé pozadí loga

Hlavní tlačítko

Pravidla

Info box

Štítek

Tooltip

Scrollbar

Fonty a jejich barvy

Nadpisy v manuálu

Pro aktivaci vlastního písma deaktivujte Google fonty.

Texty v manuálu

Pro aktivaci vlastního písma deaktivujte Google fonty.

Popisek manuálu

Titulek H1

Nadpisy H2–H6

Texty

Odkazy

Zaoblení objektů

Karty

Tlačítka

Štítky

Tooltipy

Export do konfigurátoru

  1. Nastylujte tuto šablonu grafického manuálu

  2. Stáhněte soubor se styly (Designer.txt)

  3. Stažený soubor vložte do konfigurátoru

  4. Váš grafický manuál dodáme přesně v tomto vizuálním stylu

  5. V konfigurátoru nastavíte obsah a další vlastnosti vašeho grafického manuálu