Grafický manuál

Tento manuál definuje základní pravidla pro práci s texty a logem Restaurace STEAKGRILL. U jednotlivých ukázek jsou ke stažení příslušné zdrojové soubory pro účely další práce či tisku. Veškeré soubory jsou k dispozici ve složce na Google Drive.

Barvy

Základní barvy vychází z loga a jsou rozšířené o tzv. doplňkové barvy pro účely piktogramu a další. Mimo uvedené barvy patří mezi základní barvy také černá a bílá. Žádné další barvy není možné v souladu s manuálem používat.

Hex: BF0000
RGB: 191-0-0
Pantone: 7620 C
CMYK: 25-100-100-0

Hex: FFBF00
RGB: 255-191-0
Pantone: 7408 C
CMYK: 0-25-100-0

Hex: FAE7E9
RGB: 250-231-233
Pantone: 705 C
CMYK: 1-10-3-0

Hex: C35E67
RGB: 195-94-103
Pantone: 7419 C
CMYK: 20-75-50-3

Hex: CC9A32
RGB: 204-154-50
Pantone: 7555 C
CMYK: 21-39-97-2

Hex: 9f7b57
RGB: 159-123-87
Pantone: 7504 C
CMYK: 34-48-70-11

Hex: 70422a
RGB: 112-66-42
Pantone: 7568 C
CMYK: 38-70-84-39

Styly textu a font

Základním stylem je prostý text odstavce, od něho jsou odvozené další styly. Žádné další úpravy pro uvedené styly nejsou povoleny stejně jako žádný jiný font či jiný styl jako takový. Ikonky je doporučené používat z webu Font Awesome ve formátu SVG.

Prostý text

Font: Frank Ruhl Libre (patkový)
Velikost (font-size): výchozí (100 %) pro obrazovky; minimálně 8 pt pro tisk
Tloušťka (font-weight): 400 (normal)
Řádkování (line-height): 140 %
Proklad písmen (letter-spacing): 0.01 %
Barva (color): černá na bílém pozadí

Nadpisy

Velikost (font-size): Nejvyšší úroveň 400 %; Druhá úroveň 220 %; Třetí úroveň 150 %

Shrnutí (odstavec za nadpisem)

Velikost (font-size): 130 %
Řez (font-style): kurzíva (italic)

Citace

Velikost (font-size): 150 %
Řez (font-style): kurzíva (italic)

Definiční termín

Velikost (font-size): 120 %
Tloušťka (font-weight): 700

Ovládací prvek, tlačítko

Font: Roboto (bezpatkový)
Velikost (font-size): 85 %
Tloušťka (font-weight): 500
Transformace (text-transform): Velká písmena (uppercase)

Technický text, kód

Font: Roboto Mono (neproporciální)

Loga

Logo je možné použít výhradně v uvedených barevných kombinacích loga a pozadí. Při použití je nutné dbát na zachování kontrastu loga vůči pozadí a tedy na jeho celkovou čitelnost. Ochrannou zónu loga je nutné zachovat bez výjimky.

Původní logo na bílém či velmi světlém pozadí (min. 95 % světelnost HSB)
Stáhnout PNG Stáhnout SVG

Červené logo na bílém či velmi světlém pozadí (min. 95 % světelnost HSB)
Stáhnout PNG Stáhnout SVG

Barevné logo na červeném pozadí
Stáhnout PNG Stáhnout SVG

Černobílé logo na světlém pozadí (min. 80 % světelnost na HSB)
Stáhnout PNG Stáhnout SVG

Bílé logo na hnědém pozadí
Stáhnout PNG Stáhnout SVG

Vodoznak

Piktogram je definovaný jako horní část loga zasazená do pravého dolního rohu aplikace tak, aby pravá dolní část kružnice nebyla patrná. Na rozdíl od loga je u piktogramu nutno dbát naopak na nízký kontrast, aby opticky nerušil text na popředí.

Růžový piktogram na bílém pozadí

Stáhnout PNG Stáhnout SVG

Okrový piktogram na žlutém pozadí

Stáhnout PNG Stáhnout SVG

Fialový piktogram na červeném pozadí

Stáhnout PNG Stáhnout SVG

Bronzový piktogram na hnědém pozadí

Stáhnout PNG Stáhnout SVG

Aplikace loga

U aplikací jsou možné mírné úpravy rozměrů včetně poměrů stran (vizitky, desky). Je však nutné dbát na výše uvedená pravidla. Zejména nesmí dojít k porušení požadavku na minimální velikost písma (výše). Zaoblení rohů tiskovin je volitelné a z praktických důvodů je aspoň mírné zaoblení doporučené.

Desky k jídelnímu lístku, varinata logo

Desky k jídelnímu lístku, varianta piktogram

Denní nabídka

Tisk denní nabídky je možný přímo z webu po přihlášení.