Manuál značky · Základy

Verze 1.0 · září 2026

Manuál značkyZáklady

Logo, barvy a typografie. Vše, co potřebujete ke správnému používání značky vignetim.

Stáhnout PDF Stáhnout loga

01 · LogoVarianty sestavení a barvy

Logo

Varianty sestavení a barevné verze

Čtyři schválené varianty sestavení

Horizontální · symbol

Výchozí. Web, dokumenty, prezentace, e-mailové podpisy.

PNG

Vertikální · symbol

Čtvercové a na výšku orientované plochy, sociální sítě, roll-upy.

PNG

Horizontální · odznak

Záhlaví v aplikaci, vizuály pro obchody s aplikacemi.

PNG

Vertikální · odznak

Úvodní obrazovky, reklamní kreativa.

PNG

Tři barevné verze

Teal / světlé pozadí

Bílá, Neutral 50, Teal 50.

PNG

Bílá / pozadí teal

Teal 500 až 800.

PNG

Bílá / tmavé pozadí

Neutral 800 až 900, přes fotografii.

PNG

Dále k dispozici

Pro jednobarevný tisk existuje jednobarevná tmavá verze. Použijte tento soubor místo převodu do odstínů šedi.

Jednobarevná tmavá

PNG

Slovní značka je vždy malými písmeny, s tečkou: vignetim. Nikdy nepište první písmeno velké a nepřidávejte prostrkání.
Nikdy neumisťujte odznak teal na pozadí teal. Ztratí se. Na teal použijte samotný bílý symbol.
Samotný symbol nebo odznak používejte jen tehdy, když se název značky objevuje jinde na téže ploše: ikona aplikace, favicon, profilový obrázek.
Nikdy neskládejte varianty sestavení ručně. Vždy použijte dodaný soubor; nikdy nepřeskupujte jeho části.

01 · LogoOchranná zóna a velikost

Ochranná zóna a minimální velikost

Prostor kolem loga, velikosti, které zůstanou čitelné

Kolem loga ponechte na každé straně alespoň 0.5 X volného prostoru. X je výška symbolu (nebo odznaku) v dané variantě sestavení. Do této oblasti nesmí zasahovat žádný text, obrázek, linka, jiné logo ani okraj stránky.

Přerušovaná čára = hranice loga · Stínovaná plocha = ochranná zóna

Vertikální sestavení · X = výška symbolu

Minimální velikosti

Prvek	Digitál	Tisk
Horizontální sestavení · symbol	140 px	30 mm
Horizontální sestavení · odznak	160 px	34 mm
Vertikální sestavení · symbol	72 px	16 mm
Vertikální sestavení · odznak	80 px	18 mm
Symbol (samostatně)	20 px	5 mm
Odznak (samostatně)	44 px	8 mm

Hodnoty udávají šířku. Pod těmito velikostmi použijte místo sestavení samotný symbol nebo odznak.

Dvě výjimky

Ikona aplikace: pravidlo ochranné zóny neplatí. Odznak vyplní celý rámeček a platforma zaoblí rohy.
Favicon (16 až 32 px): odznak se stává nečitelným; použijte samotný symbol teal na průhledném pozadí.

Vedle jiných log

Mezi dvěma logy ponechte alespoň 1 X a vyvažte je na stejnou optickou výšku.

02 · BarvyBarevná paleta

Barvy

Jedna barva značky, jedna neutrální škála

Barvou značky je Teal 500 · #049CB9. Sekundární barva značky neexistuje; hloubku vytvářejí odstíny škály teal a neutrální šedé.

Vignetim teal

Neutrální barvy

Technické hodnoty

HEX: #049CB9
RGB: 4 · 156 · 185
CMYK (ref.): 98 · 16 · 0 · 27
PANTONE (cca): 313 C až 314 C

CMYK je vypočtená referenční hodnota; převeďte ji pomocí ICC profilu tiskárny.

Poměr použití

70%

20%

10%

Bílá / Neutral 50: Volný prostor
Neutral 600 až 900: Text a struktura
Teal: Akcent a akce

Každá obrazovka má právě jednu primární akci v barvě teal.

Stavy tlačítek

Výchozí · Teal 500

Najetí myší · Teal 600

Stisknuto · Teal 700

Sekundární

Tři pravidla kontrastu

Teal 500 není barva textu (3.25:1 na bílé). Pro text a odkazy použijte Teal 700.
Bílý text na Teal 500 musí mít alespoň 18 px / 14 pt tučně; pro menší text použijte pozadí Teal 700.
V tmavém režimu je akcentem Teal 300 až 400; Teal 500 na tmavém pozadí nestačí.

03 · TypografieInter

Typografie

Inter, jedno písmo, čtyři řezy

Inter je jediné písmo značky. Používají se pouze řezy 400, 500, 600 a 700. Pokud Inter nelze načíst, použijte systémové písmo a poté Arial.

Aa Bb Cc Çç Ğğ Iı İi Şş Öö Üü 0123456789

Regular · 400

Základní text, delší texty.

Medium · 500

Popisky, záhlaví tabulek, zdůraznění.

SemiBold · 600

Nadpisy, tlačítka, nadtitulky.

Bold · 700

Pouze titulky kampaní.

H1 32 / 38 px · 600 · -0.020em

Vaše dálniční známka připravená ještě před hranicí

H2 24 / 30 px · 600 · -0.016em

Jak funguje elektronická dálniční známka?

H3 20 / 26 px · 600 · -0.012em

Zadejte registrační značku vozidla

Body 16 / 26 px · 400

Aplikace vám pošle připomínku, když budete 30 km od hranice.

Body S 14 / 22 px · 400

Ceny vycházejí z oficiálního sazebníku dálničních známek každé země.

Overline 11 / 14 px · 600 · +0.11em · CAPS

Země · Ceny · Časté dotazy

Výška řádku: 1.10 až 1.25 pro nadpisy, 1.50 až 1.65 pro základní text. Délka řádku 60 až 75 znaků. Vždy zarovnáno doleva.

Nesázejte základní text verzálkami. Verzálky jsou jen pro nadtitulky a krátké popisky.
Nepřidávejte prostrkání do základního textu a nesázejte jej v barvě teal.
Text neroztahujte ani nenaklánějte; žádná umělá kurzíva ani umělé tučné písmo.
Na jedné ploše používejte nejvýše čtyři úrovně.

Past tureckých velkých písmen

Při automatickém převodu se musí “i” změnit na İ. V HTML nastavte lang="tr" a v kódu použijte toLocaleUpperCase('tr'). Jinak se “istanbul” změní na “ISTANBUL”.

Platí to i obráceně: anglický text potřebuje lang="en", jinak se “Size” změní na “SİZE”.

Jazyky: podmnožiny latin-ext pro TR a RO, cyrillic pro UA, latin pro DE a EN. Všechny jsou součástí písma Inter. Pro jiný jazyk nikdy neměňte písmo.

01 · LogoNesprávné použití

Nesprávné použití

Co s logem nikdy nedělat

Tento seznam není úplný: jakákoli úprava loga oproti dodanému souboru je nesprávné použití.

Nesprávně: Deformace proporcí — Deformace proporcí

Nesprávně: Použití přechodu — Použití přechodu

Nesprávně: Přidání obrysu — Přidání obrysu

Nesprávně: Stíny a efekty — Stíny a efekty

Nesprávně: Přeskupení částí — Přeskupení částí

Nesprávně: Pozadí s nízkým kontrastem — Pozadí s nízkým kontrastem

Přesázení slovní značky

Nesprávně: Porušení ochranné zóny — Porušení ochranné zóny

Nesprávně: Umístění do zbytečného rámečku — Umístění do zbytečného rámečku

Nesprávně: Použití průhlednosti — Použití průhlednosti

Nesprávně: Verzálky a prostrkání — Verzálky a prostrkání

Nesprávně: Převod do odstínů šedi — Převod do odstínů šedi

Pokud je vyžadován jednobarevný tisk, použijte schválenou jednobarevnou tmavou verzi, nikoli odstíny šedi.

Stručný přehledVše na jedné stránce

Stručný přehled

Celý manuál na první pohled

Karta barev

Teal 500 · značka#049CB9
Teal 700 · text / odkazy#046B80
Teal 300 · akcent v tmavém režimu#5FCEE2
Neutral 900 · nadpisy#161B1E
Neutral 600 · sekundární text#565E64
Neutral 50 · plocha#F7F8F9

Pět pravidel

Používejte logo z dodaného souboru.
Na každé straně ponechte ochrannou zónu 0.5 X.
Teal 500 není barva textu. Použijte Teal 700.
Jedno písmo: Inter, 400 / 500 / 600 / 700.
Teal tvoří nejvýše 10 % jakékoli plochy.

Seznam souborů

Všechna logaZIP
vignetim-horizontal-tealPNG
vignetim-horizontal-whitePNG
vignetim-horizontal-single-colour-darkPNG
vignetim-vertical-tealPNG
vignetim-badge-horizontalPNG
vignetim-badge-verticalPNG
vignetim-badgePNG
vignetim-symbol-teal / whiteNa vyžádání
vignetim-appicon-1024Na vyžádání
vignetim-favicon-16/32/48Na vyžádání

Pro tisk a velkoformátové použití si vyžádejte vektorové soubory (SVG nebo EPS). PNG jen tam, kde vektory nejsou podporovány.

Ikona aplikace

App Store (iOS): 1024 × 1024 px, bez průhlednosti
Google Play: 512 × 512 px, 32bitový PNG
Play · hlavní obrázek: 1024 × 500 px
Profil na sociálních sítích: 1000 × 1000 px

Nahrajte čtverec na spadávku bez zaoblených rohů. Operační systém je zaoblí sám.

Proměnné CSS

:root {
  --brand-500: #049CB9;
  --brand-600: #03849E;
  --brand-700: #046B80;
  --brand-300: #5FCEE2;
  --brand-50: #EAF8FB;
  --ink-900: #161B1E;
  --ink-600: #565E64;
  --ink-200: #DDE1E4;
  --ink-50: #F7F8F9;
  --font-sans: Inter, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

Dotazy a schvalování

Pro jakékoli použití, které tento manuál nepokrývá, nebo pro vyžádání nového podkladu kontaktujte správce značky.

Verze 1.0 · září 2026