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á](/img/public/images/all/manualsrc/cervena.jpg?w=800&h=800&s=712c5dd2f08bbf82df948271f3268a18)
- Hex
- BF0000
- RGB
- 191-0-0
- Pantone
- 7620 C
- CMYK
- 25-100-100-0
![Žlutá](/img/public/images/all/manualsrc/zluta.jpg?w=800&h=800&s=1aa531c9a9af87309b229657104bce04)
- Hex
- FFBF00
- RGB
- 255-191-0
- Pantone
- 7408 C
- CMYK
- 0-25-100-0
![Růžová](/img/public/images/all/manualsrc/ruzova.jpg?w=800&h=800&s=2f778919637c62ded6fe1de956f7c451)
- Hex
- FAE7E9
- RGB
- 250-231-233
- Pantone
- 705 C
- CMYK
- 1-10-3-0
![Fialová](/img/public/images/all/manualsrc/fialova.jpg?w=800&h=800&s=ace3935d05763eb1f9f17e72d15666b8)
- Hex
- C35E67
- RGB
- 195-94-103
- Pantone
- 7419 C
- CMYK
- 20-75-50-3
![Okrová](/img/public/images/all/manualsrc/okrova.jpg?w=800&h=800&s=6fc27fc603ad2fa4eb179a7f03a37efb)
- Hex
- CC9A32
- RGB
- 204-154-50
- Pantone
- 7555 C
- CMYK
- 21-39-97-2
![Bronzová](/img/public/images/all/manualsrc/zlata.jpg?w=800&h=800&s=929954cf700541116fd6471acaa2a5d6)
- Hex
- 9f7b57
- RGB
- 159-123-87
- Pantone
- 7504 C
- CMYK
- 34-48-70-11
![Hnědá](/img/public/images/all/manualsrc/hneda.jpg?w=800&h=800&s=ec21205be43adaf22cde0a5d8a18f83a)
- 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.
- 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í
- Velikost (font-size)
- Nejvyšší úroveň 400 %
- Druhá úroveň 220 %
- Třetí úroveň 150 %
- Velikost (font-size)
- 130 %
- Řez (font-style)
- kurzíva (italic)
- Velikost (font-size)
- 150 %
- Řez (font-style)
- kurzíva (italic)
- Velikost (font-size)
- 120 %
- Tloušťka (font-weight)
- 700
- Font
- Roboto (bezpatkový)
- Velikost (font-size)
- 85 %
- Tloušťka (font-weight)
- 500
- Transformace (text-transform)
- Velká písmena (uppercase)
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](/img/public/images/all/manualsrc/logo_puvodni.jpg?w=800&h=800&s=0f9dc578b8e6cb2cc27d18cf28473c50)
- Původní logo na bílém či velmi světlém pozadí (min. 95 % světelnost HSB)
- Bitmapová varianta v PNG
- Vektorová varianta v SVG
![Červené logo](/img/public/images/all/manualsrc/logo.jpg?w=800&h=800&s=8c8e1969a7383dc94420459148ebfb5f)
- Červené logo na bílém či velmi světlém pozadí (min. 95 % světelnost HSB)
- Bitmapová varianta v PNG
- Vektorová varianta v SVG
![Logo na červeném pozadí](/img/public/images/all/manualsrc/logo_cervene-pozadi.jpg?w=800&h=800&s=fd00ea0b7ad156b66d9fdbade636a0dc)
- Barevné logo na červeném pozadí
- Bitmapová varianta v PNG
- Vektorová varianta v SVG
![Černobílé logo](/img/public/images/all/manualsrc/logo_cerne.jpg?w=800&h=800&s=ef78af5dff16ee74154aaf28817d9813)
- Černobílé logo na světlém pozadí (min. 80 % světelnost na HSB)
- Bitmapová varianta v PNG
- Vektorová varianta v SVG
![Bílé logo](/img/public/images/all/manualsrc/logo_bile.jpg?w=800&h=800&s=20a47b1cc04b2a3d9593fdad0ceafe6a)
- Bílé logo na hnědém pozadí
- Bitmapová varianta v PNG
- Vektorová varianta v SVG
![Ochranná zóna loga](/img/public/images/all/manualsrc/logo_ochranna-zona.jpg?w=800&h=800&s=991f883b1bad6696f405d4e796cb0209)
- Ochranná zóna loga
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í](/img/public/images/all/manualsrc/piktogram_bile-pozadi.jpg?w=800&h=800&s=7dbaaa9994c281e92c335e433c558584)
- Růžový piktogram na bílém pozadí
- Bitmapová varianta v PNG
- Vektorová varianta v SVG
![Okrový piktogram na žlutém pozadí](/img/public/images/all/manualsrc/piktogram_zlute-pozadi.jpg?w=800&h=800&s=cd945753ea1bbc83b83c96f68f19e5ff)
- Okrový piktogram na žlutém pozadí
- Bitmapová varianta v PNG
- Vektorová varianta v SVG
![Fialový piktogram na červeném pozadí](/img/public/images/all/manualsrc/piktogram_cervene-pozadi.jpg?w=800&h=800&s=8177b30c288c0c102da2cdd080564658)
- Fialový piktogram na červeném pozadí
- Bitmapová varianta v PNG
- Vektorová varianta v SVG
![Bronzový piktogram na hnědém pozadí](/img/public/images/all/manualsrc/piktogram_hnede-pozadi.jpg?w=800&h=800&s=5a5f8a8550f42fa5d9ee0474e3a4bf6e)
- Bronzový piktogram na hnědém pozadí
- Bitmapová varianta v PNG
- Vektorová varianta v 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é.
![Jednostranná vizitka](/img/public/images/all/manualsrc/vizitka_jednostranna.jpg?w=800&h=800&s=df8053b6f1dbd9b7146d6865b4fc2b25)
- Jednostranná vizitka
- Tisková varianta v PDF
![Oboustranná vizitka](/img/public/images/all/manualsrc/vizitka_oboustranna.jpg?w=800&h=800&s=854aa64f851682b1fd80a90a40b08328)
- Oboustranná vizitka
- Tisková varianta v PDF
![Desky k jídelnímu lístku, varinata logo](/img/public/images/all/manualsrc/desky-logo.jpg?w=800&h=800&s=7ba08b6ce66da5e97253058b75165431)
- Desky k jídelnímu lístku, varinata logo
![Desky k jídelnímu lístku, varianta piktogram](/img/public/images/all/manualsrc/desky-piktogram.jpg?w=800&h=800&s=aabc53a80031eb7a4042f5f428cd3c6d)
- Desky k jídelnímu lístku, varianta piktogram
![Pivní podtácky](/img/public/images/all/manualsrc/podtacky-mockup.jpg?w=800&h=800&s=181e68526481aa70becd02b478d05fbf)
- Pivní podtácky
- Tisková varianta v PDF (3 varianty a zadní strana)
![Prostírání s piktogramem](/img/public/images/all/manualsrc/prostirani-stredni_logo.jpg?w=800&h=800&s=3be5947e268c52778decfabf037baa43)
- Prostírání s piktogramem
- Tisková varianta v PDF (3 velikosti piktogramu)
![Stálá nabídka](/img/public/images/all/manualsrc/menu_mockup.jpg?w=800&h=800&s=1a7bea5fd3405bac03b2dda5ec7087f8)
- Stálá nabídka
![Nápojový a vinný lístek](/img/public/images/all/manualsrc/sg_napojak.jpg?w=800&h=800&s=ba02159680025cb902d6a6f68561457f)
- Nápojový a vinný lístek
![Denní nabídka](/img/public/images/all/manualsrc/denni-nabidka.jpg?w=800&h=800&s=2651b6c011b297714d3eb8b717f70119)
- Denní nabídka
- Tisk denní nabídky přímo z webu
![Poukázka](/img/public/images/all/manualsrc/poukazka.jpg?w=800&h=800&s=760e1f4c8bd3053839596aae5ef90827)
- Poukázka
- Tisková varianta v PDF
![Hlavičkový papír](/img/public/images/all/manualsrc/hlavickovy_papir.jpg?w=800&h=800&s=742f2bf34e7ddd9a914a86d257e42327)
- Hlavičkový papír
- Tisková varianta v PDF