Režim demo: Veškeré informace jsou pouze ilustrativní a mohou se kdykoliv změnit či resetovat.

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.

Červená

Červená
HEX
#BF0000
RGB
191,0,0
PANTONE
7620 C
CMYK
0,96,96,20

Růžová

Růžová
HEX
#FAE7E9
RGB
250,231,233
PANTONE
705 C
CMYK
4,9,6,0

Bronzová

Bronzová
HEX
#BDA08B
RGB
189,160,139
PANTONE
4735 C
CMYK
0,15,26,26

Hnědá

Hnědá
HEX
#7D451B
RGB
125,69,27
PANTONE
725 C
CMYK
11,62,95,53

Žlutá (zastaralá)

Žlutá
HEX
#FFBF00
RGB
255,191,0
PANTONE
7408 C
CMYK
0,25,100,0

Fialová (zastaralá)

Fialová
HEX
#C35E67
RGB
195,94,103
PANTONE
7419 C
CMYK
20,75,50,3

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)
500 (medium) pro tiskovou sazbu
300 (light) pro světlý řez v tisku
Řá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
výchozí (100 %)
Řez font-style
kurzíva (italic)

Citace

Velikost font-size
120 %
Ř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
výchozí (100 %)
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.

Centrované logo

Červené logo
  • Červené logo na bílém či velmi světlém pozadí (min. 95 % světelnost HSB)
  • PDF SVG PNG
Černobílé logo
  • Černobílé logo na světlém pozadí (min. 80 % světelnost na HSB)
  • PDF SVG PNG
Bílé logo
Ochranná zóna loga
  • Ochranná zóna loga
Červené bannerové logo
  • Červené bannerové logo na bílém či velmi světlém pozadí (min. 95 % světelnost HSB)
  • PDF SVG PNG
Černé bannerové logo
  • Černé bannerové logo na světlém pozadí (min. 80 % světelnost na HSB)
  • PDF SVG PNG
Bílé bannerové logo
Ochranná zóna bannerového loga
  • Ochranná zóna bannerového loga
Zjednodušené logo
  • Jednobarevné zjednodušené logo pro ikonu aplikace, favicon a pro značku „signature food“ ve stálé nabídce
  • PDF SVG PNG

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í
Bronzový piktogram na hnědém pozadí

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

Jednostranná vizitka
  • Jednostranná vizitka
  • PDF
Oboustranná vizitka
  • Oboustranná vizitka
  • PDF
Desky k jídelnímu lístku, varianta logo
  • Desky k jídelnímu lístku, varianta logo
Desky k jídelnímu lístku, varianta piktogram
  • Desky k jídelnímu lístku, varianta piktogram
Pivní podtácky
Prostírání s piktogramem
  • Prostírání s piktogramem
  • PDF
Stálá nabídka
  • Stálá nabídka
Nápojový a vinný lístek
  • Nápojový a vinný lístek
Denní nabídka
  • Denní nabídka
  • Tisk denní nabídky je možný přímo z webu po přihlášení.
Poukázka
Hlavičkový papír
  • Hlavičkový papír
  • PDF