SlideShare une entreprise Scribd logo
1  sur  56
Télécharger pour lire hors ligne
1
Dizajn
manuál
2
Logo
farebnosť
typografia
IkONOGRAfia
fotografia
DIGITáLne formáty
printové formáty
ostatné štýly
merkantílie
3
12
13
16
18
20
30
41
44
3
Základná verzia1.1
Logo1.0
Logo Onlia sa používa výhradne vo farbe Tundra.
4
Inverzná verzia1.2
no!
Ak logo leží na Tundra pozadí, nepoužívajte
inú farbu ako bielu
5
Logo na grafickom pozadí1.3
no!
Uistite sa, že medzi pozadím a logom je dostatočný kontrast. Pri príliš tmavých, rušivých alebo výrazných fotografických poza-
diach treba logo umiestniť na farebnú plochu (tundra).
yes! yes! yes!10% 30% 40% 100%
6
Kruhová alternatívna verzia1.4
V prípadoch, kedy sa vyžaduje silný a dominantný branding Onlia, je možné použiť logo umiestnené
do žltého kruhu. Pri tomto type použitia avšak platí niekoľko zásad, ktoré treba dodržiavať:
7
no!
yes!
3
10
Centrálna kompozícia
kruh s logom je vždy vo formáte umiestňované
centrálne, tj. tvorí stred obrazu. Použitie
iných grafických alebo textový prvkov
je prípustné, avšak dbáme na to aby
nezasahovali do ochrannej zóny loga,
ktoré takto zostáva dominantné.
tundra Pozadie
žltá plocha kruhu nepokrýva viac ako 30%
celkovej plochy vizuálu; vždy prevláda
farba pozadia Tundra. Táto by mala plynule
prechádzať aj mimo samotnú plochu kruhu.
fixný pomer prvkov
Vzájomné veľkosti prvkov
nemeníme, pomer medzi
šírkou loga a kruhu sú 3:10.
Rovnako nemeníme pro-
porcie kruhu, hrúbka jeho
obtiahnutia zostáva vždy
rovnaka!
8
Logo by v tlači nemalo byť menšie ako 10mm,
resp. 27 pixelov v digitálnych formátoch.
Ochrannú zónu loga
zostrojíme duplikovaním
symbolu o, okolo
ohraničeného priestoru
loga. Do takto vytvorenej
plochy, nesmie zasahovať
žiadny iný grafický alebo
textový element, ktorý by
tak narúšal jeho celistvosť.
10mm 32mm 27 pixels
minimálna 1o
odporúčaná 2o
Ochranná zóna
Minimálne veľkosti
1.5
1.6
9
Nemeňte farbu loga
Nepoužívajte logo
na vzorovanom
pozadí
Netieňujte logo
alebo nepoužívajte
rušivé efekty
Nepoužívajte logo
na príliš tmavom
alebo rušivom pozadí
no!
no!
no!
Neobťahujte logo linkou
no!
no!
Netransformujte alebo
neotáčajte logo
no!
Zakázané použitie1.7
10
Havecoveredonly
whatyouneed.
Forexample,just
headlines.34pt.
Ecte sumenih icipid qui ut ut etur, odipsae id quaepe
que doluptas et placcullias peditaturis dolorem et
assim quia custis am imolupt aestemolor autem
Eyecatcher
34pt
With us, you have infinite options
to choose subheadlines 18pt.
0800 400 400 www.onlia.sk
Havecoveredonlywhatyouneed.
Forexample,justheadlines.34pt.
With us, you have infinite options to choose subheadlines 18pt.
Ecte sumenih icipid qui ut ut etur, odipsae id quaepe que doluptas et placcullias
peditaturis dolorem et assim quia custis am imolupt aestemolor autem ipsame
Eyecatcher
34pt
0800 400 400 www.onlia.sk
x/7 x/12
x
Na všetkých formátoch umiestňujeme logo do pravého
dolného rohu, s dodržaním dostatčnej ochrannej
zóny (tj. odsadenia od okrajov strany a iných elementov).
Všeobecná odporúčaná veľkosť je cca 1/7 dĺžky kratšej
strany, avšak môže sa prispôsobovať špecifickým potrebám
konkrétneho formátu. (napr. bilboard)
x/7
x
x/10
x/10
Umiestnenie1.8
11
1.9
Havecoveredonlywhatyouneed.
Forexample,justheadlines.34pt.
With us, you have infinite options to choose subheadlines 18pt.
Eyecatcher
34pt
Ecte sumenih icipid qui ut ut etur, odipsae id quaepe que doluptas et placcullias
peditaturis dolorem et assim quia custis am imolupt aestemolor autem ipsame
0800 400 400 www.onlia.sk
Havecoveredonlywhatyouneed.
Forexample,justheadlines.34pt.
With us, you have infinite options to choose subheadlines 18pt.
Eyecatcher
34pt
Ecte sumenih icipid qui ut ut etur, odipsae id quaepe que doluptas et placcullias
peditaturis dolorem et assim quia custis am imolupt aestemolor autem ipsame
0800 400 400 www.onlia.sk
Šablóna
Kvôli zachovaniu
konzistentného zarovna-
nia prvkov cobrandingu
a ich odsadenia od okra-
jov strán, odporúčame
používanie súboru
cobranding.ai (.pdf) ktorý
nájdete v priložených
dokumentoch.
Co-branding Union
V prípade použitia co-brandingu s materskou poisťovňou Union, umiestňujeme pod logo Onlia plôšku s reverznou
variantou loga Union. Pre jeho umiestňovanie a ochranné zóny platia rovnaké pravidlá ako pre základnú verziu loga.
B L E E D
12
Doplnkové farby:Základné farby:
Vyhradené pre digitálne použitie:
cake
Light grey
white
Cool Grey
Tundra PETROL
PANTONE 631 C Pantone 7699 C
C	69
M	10
Y	18
K	0
C	91
M	52
Y	40
K	16
#FFDF5A
R	255
G	223
B	90
#0d6176
R	13
G	97
B	118
PANTONE 128
Pantone 663 C
Pantone
Cool grey 10
C	0
M	11
Y	73
K	0
C	11
M	10
Y	6
K	0
C	56
M	44
Y	39
K	30
#37b0c9
R	55
G	176
B	201
#f7f7f7
R	247
G	247
B	247
#5f5f5f
R	95
G	95
B	95
WEB RED WEB GREEN
#ff6057
R	255
G	96
B	87
#90c97d
R	144
G	201
B	125
2.0 Farebnosť
Hlavná dominantná farba pre použitie na väčšie farebné
plochy a písmo.
Pútač pozornosti, používať len v 10-15% pomere
k hlavnej farbe.
13
AaSource Sans Pro
V komunikácii značky Onlia používajte písmo Source Sans Pro, vždy ak je to možné.
Je jasné, dobre čitateľné, s otvorenou kresbou. Písmo je voľne dostupné v šiestich
rezoch (Regular, ExtraLight, Light, Semibold, Bold, Black) v normálnych a kurzívnych
verziách.
Je distribuované na Google webfont platforme pod licenciou SIL Open Font license.
Web sa nám páči,
volajme ho doma!
Source Sans Regular
Vo farbe Tundra je odporúčané na sekundárne
nadpisy a podnadpisy.
Source Sans Light
používané na hlavné nadpisy, a copytext.
Základné písmo3.1
typografia3.0
14
Trebuchet MS
V prípadoch, keď nemáte k dispozícii písmo Source Sans Pro, je možné použiť alternatívny – Trebuchet
MS, ktorý je jedným zo základných fontov väčšiny operačných systémov.
Web sa nám páči, volajme ho doma! www.onlia.sk
Web sa nám páči, volajme ho doma! www.onlia.sk
Source Sans Black, používané výhradne na malé titulky a webové buttony.
Source Sans Semibold
google.com/fonts/specimen/
Source+Sans+Pro
Aa
Sťahujte tu
Alternatívne systémové písmo3.2
15
Web sa nám
Web sa nám páči,
Web sa nám páči, volajme ho
Web sa nám páči, volajme ho doma!
Web sa nám páči, volajme ho doma! www.onlia.sk
HEADER 1
Source Sans Pro ExtraLight, 60pt
header 2
Source Sans Pro Light, 45pt
header 3
Source Sans Regular, 30pt
header 4
Source Sans Pro Regular, 24pt
header 5
Source Sans Pro SemiBold, 18pt
Webové písma3.3
PETROL TUNDRA
Pre písma používajte tieto farby
16
inštrukcie
na tvorbu
nových ikon
Ikony vytvárajte vo vektorovom editore
(Illustrator), na plátne veľkosti 300 x 300 px.
Všetky tvary vyťahujte hrúbkou linky 14pt,
dodržiavajte pritom oblosť rohov.
Keď ikony zmenšujete alebo zväčšujete,
nezabudnite proporčne meniť aj hrúbku
ťahu linky.
Všeobecné ikony4.1
Ikonografia4.0
PETROL TUNDRA
Pre ikony používajte tieto farby
WHITE
17
Produktové ikony4.2
PETROL TUNDRA
Pre ikony používajte tieto farby
WHITE
18
Skutoční lokálni ľuďia
Fotografie charakterov ľudí, ktorí vystihujú
krajinu. Detail kladieme na ľudí, prostredie
dopovedá situácii, je však sekundárne.
Fotografie5.0
19
20
Web sa nám
Web sa nám páči
Web sa nám páči, volajme ho
Web sa nám páči, volajme ho doma!
Web sa nám páči, volajme ho doma! www.onlia.sk
HEADER 1
Source Sans Pro ExtraLight, 60pt
header 2
Source Sans Pro Light, 45pt
header 3
Source Sans Regular, 30pt
header 4
Source Sans Pro Regular, 24pt
header 5
Source Sans Pro SemiBold, 18pt
PETROL TUNDRA
Pre písma používajte tieto farby
digitálne formáty6.0
Webové písma – headers6.1
21
Web sa nám páči, volajme ho doma!
www.onlia.sk
Dávno známe je že 90 % informácií na webovej
stránke je podávaných textom. Poznáme heslo,
vyhoďte grafika, zamestnajte typografa. To ale
Dávno známe je že 90 % informácií na webovej stránke
je podávaných textom. Poznáme heslo, vyhoďte grafika,
zamestnajte typografa. To ale nie je nutné. Dobrý
grafický dizajnér ovláda typografiu, bez nej sa nepohne.
Web sa nám páči, volajme ho doma!
www.onlia.sk
malý nadpis
Source Sans Pro SemiBold, 16pt, line-height 20pt
body
Source Sans Pro SemiBold, 14pt, line-height 18pt
malý nadpis 1
Source Sans Pro Regular, 16pt, line-height 20pt
malý body text
Source Sans Pro Regular, 12pt, line-height 15pt
PETROL TUNDRA cool
grey
Pre písma používajte tieto farby
Dávno známe je že 90 % informácií na webovej stránke
je podávaných textom. Poznáme heslo, vyhoďte grafika,
alternatívny font pre body text
Trebuchet, 11pt, line-height 15pt
Webové písma – Malé nadpisy & body text6.2
22
domov positenie
hyperlinky
o nás contact
Newsletter News Feedback About us
hlavná navigácia
Source Sans Pro Bold Caps, 14pt, Onlia Petrol
Aktívny stav: Onlia Tundra
Hover stav: Onlia Tundra
funkčná navigácia
Source Sans Pro Regular, 14pt, Onlia Light Grey
Aktívny stav: Onlia Tundra
Hover stav: Onlia Tundra
buttons
Rádius oblých rohov: 8px
Source Sans Pro SemiBold alebo Bold, veľkost písem medzi 14pt a 20pt
Text vždy kapitálami
hyperlink list
Titulok: Source Sans Pro Bold, 14pt, Onlia Petrol
Hyperlinky: Source Sans Pro Regular, 14pt, Onlia Petrol
Hover stav Onlia Tundra
Navštívený stav: # 6F959E
Jednoduchý prístup
Mobilný zážitok
Primárny button
Sekundárny button
Terciárny button
Neaktívny button
Malý sekundárny button
Navigácia a buttony6.3
23
www.onlia.com
Welcome to Onlia
www.onlia.com
www.onlia.com
desktop
8 stĺpcov, ľavý / pravý okraj: 40px, gutter: 21px
mobil
1 stĺpec, ľavý / pravý okraj: 15px
tablet
2 stĺpce, ľavý / pravý okraj: 20px, gutter: 21px
Gridy6.4
24
red
R	255
G	96
B	87
HEX #ff6057
pútač pozornosti: CAKE
žltú “Cake”používajte iba na zvýraznenie
najdôležitejších akcií v procese
formuláre
Všetky input políčka majú oblý rádius 7 px.
Od užívateľa vždy pýtame iba nevyhnuté.
chybové hlásenia
Na uľahčenie orientácie užívaťeľa používame
štandardne zelenú (OK, správne) a červenú farbu.
(Stop, nesprávne, chyba.)
green
R	144
G	201
B	125
HEX #90c97d
6.5 Iné elementy
25
„sticky“ navigácia
Drží pokope najdôležitejšie navigačné prvky,
bez toho aby zaberala príliš vertikálneho miesta.
Kontrast v typografii
Hlavné nadpisy v ExtraLight, podnadpisy v Regular.
Odlíšenie typografie slúži na rozoznaie
hlavných tém na stránke od vedľajších.
Stránka sa stáva pohodlne skenovateľná
produktové Ikony
Takto používame ikony
zafarbené pozadie
Uľahčuje zvýrazňovanie obsahu stránky
26
www.facebook.com
Facebook
6.6 Sociálne médiá
27
Joyce Jurgens
Manager Digital Marketing & Customer Experience
Handelsweg 2 | 3707 NH Zeist | The Netherlands
T + 31(0)6 12 34 56 78
E joyce.jurgens@onlia.com
Hi,
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis
dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies
nec, pellentesque eu, pretium quis, sem.
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim
semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula.
Kind regards
Joyce
New message
To: Gert Bouwman
Subject: Check my new signature
E-mailový podpis6.7
MS Trebuchet, 9pt
MS Trebuchet, 10pt
MS Trebuchet, 16pt
28
Prezentačné slides6.8
29
We are working on your question
From: Onlia Customer Service
Subject: We are working on your question
E-mail6.9
30
Havecoveredonlywhatyouneed.
Forexample,justheadlines.34pt.
With us, you have infinite options to choose subheadlines 18pt.
Ecte sumenih icipid qui ut ut etur, odipsae id quaepe que doluptas et placcullias
peditaturis dolorem et assim quia custis am imolupt aestemolor autem ipsame
Eyecatcher
34pt
0800 400 400 www.onlia.sk
Výškový7.1
printové
formáty
7.0
A4 297 × 210 mm
Všetky ATL/ BTL printové formáty sú
tvorené dvomi hlavnými plochami:
1. Kampaňový vizuál, ktorý vypĺňa
dominantnú časť vizuálu, aby čo najlepšie
prenášal hlavnú emóciu na diváka.
2. Farebná plocha (tundra), ktorá slúži ako
zjednodujúce pozadie všetkých textových
a brandingových prvkov. Tieto sú:
40 mm
30 mm
x-height
1x
min 1.5x
Copy text
Source Sans Pro Regular, 12pt
tel. číslo / url
Source Sans Pro Light, 20pt
Nadpis
Source Sans Pro Black, 28pt podtitulok
Source Sans Pro
Black, 28pt
Eyecatcher
Source Sans Pro
Light, 34pt
Logo
31
Havecoveredonlywhatyouneed.
Forexample,justheadlines.34pt.
Withus,youhaveinfiniteoptionstochoosefromwhensubheadlines16pt.
Ecte sumenih icipid qui ut ut etur, odipsae id quaepe que doluptas et placcullias
peditaturis dolorem et assim quia custis am imolupt aestemolor autem ipsame
0800 400 400 www.onlia.sk
Konštrukcia
LOGO
Umiestňujeme do pravého dol-
ného rohu zvoleného formátu
tak, aby boli dodržané jeho
ochranné zóny a dostatočné
odsadenie od okraja strany.
eyecatcher
Veľkosť a umiestnenie eye-
catchera vychádza z umiestne-
nia loga. Stred kruhu umiestňu-
jeme na priesečník stredovej
vertikály loga, a krivky okraja
farebnej plochy, pričom dodrži-
avame dostatočný okraj
pravej strany formátu.
farebná
plocha
Horný okraj
plochy by mal
byť vo výške
minimálne
1/3 celkovej
dĺžky formátu,
avšak nikdy nie
viac ako jeho
polovica.
7.2
3
4
stred kruhu
eyecatchera
musí pretínať
okraj farebnej
plochy
17 mm
17 mm
16 mm 16 mm30 mm
max
50%
ochranná
zóna
min
33%
40 mm
10
mm
fixný pomer veľkostí
loga a eyecatchera
32
Farebná plocha
farebný prechod
Farebný prechod plochy
odporúčame prebrať z už
existujúcej šablóny tlačových
formátov – ak nie je k
dizpozícii, vytvoríme ho tak,
ako je znázornené.
Tundra
Pantone 631 C
7.3
kruhový výsek
Priemer kruhu výseku farebnej
plochy je rovnaký ako uhlo-
priečka zvoleného formátu.
r
poloha
100%
poloha
60%
poloha
0%
70% priehľadnosť
95% priehľadnosť
95% priehľadnosť
33
Havecoveredonlywhatyouneed.
Forexample,justheadlines.34pt.
With us, you have infinite options to choose subheadlines 18pt.
Eyecatcher
34pt
Ecte sumenih icipid qui ut ut etur, odipsae id quaepe que doluptas et placcullias
peditaturis dolorem et assim quia custis am imolupt aestemolor autem ipsame
0800 400 400 www.onlia.sk
7.4
A4 297 × 210 mm
Výškový
+co-branding
30 mm
40 mm
Copy text
Source Sans Pro Regular, 12pt
tel. číslo / url
Source Sans Pro Light, 20pt
Nadpis
Source Sans Pro Black, 28pt podtitulok
Source Sans Pro
Black, 28pt
Eyecatcher
Source Sans Pro
Light, 34pt
34
Havecoveredonly
whatyouneed.
Forexample,just
headlines.34pt.
Ecte sumenih icipid qui ut ut etur, odipsae id quaepe
que doluptas et placcullias peditaturis dolorem et
assim quia custis am imolupt aestemolor autem
Eyecatcher
34pt
With us, you have infinite options
to choose subheadlines 18pt.
0800 400 400 www.onlia.sk
x
x
20 mm
20 mm 20 mm30 mm
20 mm
Šírkový7.5
A4 210 × 297 mm
Copy text
Source Sans Pro Regular, 12pt
Nadpis
Source Sans Pro Black, 28pt
Eyecatcher
Source Sans Pro Light, 34pt
tel. číslo / url
Source Sans Pro Light, 20pt
podtitulok
Source Sans Pro Black, 28pt
40 mm
35
Ecte sumenih icipid qui ut ut etur, odipsae id quaepe
que doluptas et placcullias peditaturis dolorem et
assim quia custis am imolupt aestemolor autem
With us, you have infinite options
to choose subheadlines 18pt.
Havecoveredonly
whatyouneed.
Forexample,just
headlines.34pt.
Eyecatcher
34pt
0800 400 400 www.onlia.sk
7.6
A4 210 × 297 mm
Šírkový
+co-branding
x
x
20 mm
20 mm 20 mm30 mm
20 mm
40 mm
Copy text
Source Sans Pro Regular, 12pt
Nadpis
Source Sans Pro Black, 28pt
Eyecatcher
Source Sans Pro Light, 34pt
tel. číslo / url
Source Sans Pro Light, 20pt
podtitulok
Source Sans Pro Black, 28pt
36
Skladaný DL leták / brožúra7.7
A4 297 × 210 mm
skladaná na tretiny Predná vonkajšia strana Príklad vnútornej strany Zadná vonkajšia strana
Havecoveredonly
whatyouneed.
headlines.26pt.
Eyecatcher
34pt
Subheading goes here
Section Headline
Section Headline
Copytext maximolo quisit es corit que corumque
cor at lacesto quia dem reptatur? Quia
nonserundae nus rem expedit atquid mo eic to
occus niminci psapisciam qui berum harum quae
officit, santias
Copytext maximolo quisit es corit que corumque
cor at lacesto quia dem reptatur? Quia
nonserundae nus rem expedit atquid mo eic to
occus niminci psapisciam qui berum harum quae
officit, santias
Subheading goes here
Copytext maximolo quisit es corit que corumque
cor at lacesto quia dem reptatur? Quia nonserundae
features maximolo corit que
corumque cor at lacesto quia dem
reptat features maximolo corit que
corit que cor at lacesto
Section Headline
A
Customer service
Copytext maximolo quisit es corit que corumque cor at lacesto
quia dem reptatur? Quianonserundae nus rem expedit atquid
mo eic to occus niminci psapisciam qui berum harum quae
0800 400 400
www.onlia.sk
12 mm
120 mm
10 mm
8 mm
35 mm
8 mm 8 mm26 mm 8 mm
1/3
8 mm logo 35 mm8 mm
37
BILBOARD cLeAR
www.onlia.sk
Havecoveredonly
whatyouneed.
Forexample,just
headlines.34pt.
Eyecatcher
34pt
Bilboard7.8
A4 210 × 297 mm
23 mm
42 mm
20 mm30 mm 45 mm
Čitateľnosť
Pre potrebu rýchlej
identifikácie a do-
brej čitateľnosti
v rušivom prostredí,
je odporúčané
brandingové prvky
pri bilboardových
(nadrozmerných OOH
formátoch) zväčšiť
o cca 20%.
48 mm
URL
Source Sans Regular, 30pt
NADPIS
Source Sans Regular, 34pt
38
Havecoveredonly
whatyouneed.For
example,justhead-
lines.26pt.
Eyecatcher
34pt
0800 400 400
www.onlia.sk
Extrémny výškový7.9
297 × 96 mm (šablóna vychádza z A4 formátu)
tel. číslo / url
Source Sans Pro Regular, 20pt
Nadpis
Source Sans Pro Light, 26pt
Eyecatcher
Source Sans Pro Regular, 34pt
25 mm
40 mm
min 1/3
10 mm 10 mm30 mm
x
x
39
Havecoveredonlywhat
youneed.Forexample,
justheadlines.26pt.
Eyecatcher
34pt
0800 400 400
www.onlia.sk
Extrémny šírkový7.10
96 mm × 297 (šablóna vychádza z A4 formátu)
25 mm
25 mm
min 1/3
30 mm 14 mm28 mm
Eyecatcher
Source Sans Pro Regular, 34pt
Nadpis
Source Sans Pro Light, 26pt
tel. číslo / url
Source Sans Pro Regular, 20pt
40
Príklady použitia7.11
41
Poistenie cez web. Šikovne.
Xereped modit doles ex et andanis apiendi veleserio vollis re odisseque lantis est lam
ra doluptiae occum harcime nihitat enimporpos et exerro vel is dolore que nis eiur?
Headline.
0918 800 800www.onlia.sk
Subheadline Lorem Ipsum.
Xereped modit doles ex et andanis apiendi
veleserio vollis re odisseque lantis est lam
ra doluptiae occum harcime nihitat
enimporpos et exerro vel is dolore que nis
eiur? Xereped modit doles ex et andanis
apiendi veleserio vollis re odisseque lantis
est lam ra doluptiae occum harcime nihitat
Headline.
0918 800 800www.onlia.sk
Textový8.1
ostatné štýly8.0
V prípade potreby iného štýlu úpravy formátov, tu nájdete
niekoľko príkladov ako k nim pristupovať. Nie sú zamýšlané
ako návod, skôr ako inšpirácia / vizuálna pomôcka pre
dizajnéra, ktorý vizuál tvorí.
42
Hopla.
Ťukes?
S Onliou vybavíte cez web, rýchlo a bez zbytočností.
Ecte sumenih icipid qui ut ut etur, odipsae id quaepe que doluptas et placcullias
peditaturis dolorem et assim quia custis am imolupt aestemolor autem ipsameniet, tentus www.onlia.sk
Hopla.
Ťukes? S Onliou vybavíte cez web,
rýchlo a bez zbytočností.
Ecte sumenih icipid qui ut ut etur, odipsae id quaepe que doluptas et
placcullias peditaturis dolorem et assim quia custis am imolupt aestemolor
autem ipsameniet, tentus www.onlia.sk Ikonografický8.2
43
44
merkantílie9.0
45
46
JOYCE JURGENS
MANAGER DIGITAL MARKETING
& CUSTOMER EXPERIENCE
(00)421 918 123 456
WWW.ONLIA.COM
JOYCE.JURGENS@ONLIA.COM
JOYCE JURGENS
MANAGER DIGITAL MARKETING
& CUSTOMER EXPERIENCE
(00)421 918 123 456
WWW.ONLIA.COM
JOYCE.JURGENS@ONLIA.COM
10 mm 30 mm
10 mm
13,5 mm
25 mm
10 mm
13 mm
Vizitka
80 × 50 mm
Hladený stock 300g/m
47
MANAGER DIGITAL MARKETING & CUSTOMER EXPERIENCE
(00)421 918 123 456, JOYCE.JURGENS@ONLIA.COM, WWW.ONLIA.COM
Ing. Peter Ková
Blahova 9
Nitra
987654
80 mm 60 mm
15 mm
15 mm 30 mm
15 mm
25 mm
15 mm
Listová obálka
110 × 220 mm
48
Pois ovate : Union pois ov
I O: 31322051, DI OR OS BA1, odd. Sa, vl. .383/B
www.onlia.sk
I O: 31322051, DI OR OS BA1, odd. Sa, vl. .383/B info@onlia.sk
Dobr de Peter,
na
preto e Va mto d om zanikla.
,
ba platba vo v ke 120 EUR.
do 12.12. 2014, budeme ju musie
etrite si zbyto
z ome kania
Ak ste poistku u zaplatili, pokojne si na tento list polo
aj na
Na v etky Va 0850 400 400.
pekn de ,
Rudolf Boocz
delenia
Ing. Peter Kov
Blahova 9
Nitra
987654
: 71300012 BL123AA
NA A REF.: 134/2014 10.10.2014
SUMA: 20 EUR
2. 7. 2014
TU: 004125689/0900
VARIABILN SYMBOL: 4444
KON TANTN SYMBOL: 3558
Pois ovate : Union pois ov a, a.s., Bajkalská 29/A, 813 60 Bratislava
I O: 31322051, DI : 2020800353, zapísaná v OR OS BA1, odd. Sa, vl. .383/B
www.onlia.sk
info@onlia.sk
Dobr de Peter,
od 8.10. 2014 Vás u na e poistenie nechráni,
preto e Va a poistná zmluva t mto d om zanikla.
Chceli by sme Vás upozorni ,
e nám stále ch ba platba vo v ke 120 EUR.
Ak sa Vám ju nepodarí uhradi do 12.12. 2014, budeme ju musie vymáha
cez ná ho právneho zástupcu. U etrite si zbyto né v davky v podobe úrokov
z ome kania i trov súdneho konania a pokúste sa dl nú sumu zaplati o najskôr.
Ak ste poistku u zaplatili, pokojne si na tento list polo te kávu.
Ak sa chcete chráni aj na alej, uzavrite s nami novú poistnú zmluvu.
Na v etky Va e otázky radi a zrozumite ne odpovieme na telefónnom ísle: 0850 400 400.
Prajem Vám pekn de ,
Rudolf Boocz
Vedúci oddelenia správy poistenia
Ing. Peter Ková
Blahova 9
Nitra
987654
NÁZOV POISTENIA: Povinné zmluvné poistenie automobilu Lorem Ipsum
ÍSLO POISTNEJ ZMLUVY: 71300012 POISTENÉ VOZIDLO: BL123AA
NA A REF.: 134/2014 DÁTUM: 10.10.2014
SUMA: 20 EUR
TERMÍN SPLATNOSTI: 2. 7. 2014
ÍSLO Ú TU: 004125689/0900
VARIABILN SYMBOL: 4444
KON TANTN SYMBOL: 3558
25 mm
23 mm
37 mm
40 mm
80 mm
88 mm
7 mm
17 mm
20 mm
12 mm
12 mm 12 mm
List
A4 210 × 297 mm
49
Pois ovate : Union pois ov a, a.s., Bajkalská 29/A, 813 60 Bratislava
I O: 31322051, DI : 2020800353, zapísaná v OR OS BA1, odd. Sa, vl. .383/B
www.onlia.sk
info@onlia.sk
Hlavičkový papier
A4 210 × 297 mm
25 mm 37 mm
17 mm
20 mm
12 mm
12 mm 12 mm
50
Prebal
na dokumenty
pre listy formátu A4
210 × 297 mm
51
30 mm 40 mm
30 mm
Zahnuté dovnútra
75 mm
Vonkajší prebal
*not visible
52
Darčekový
/ produktový box
Box veľkosti A5 210 × 148 mm
53
Zakladač
na dokumenty
pre dokumenty formátu A4
210 × 297 mm
54
poznámky
55
Poisťovňa Onlia je značka spoločnosti Union.
56
www.onlia.sk

Contenu connexe

En vedette

Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsPixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 

En vedette (20)

Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 

Design manual for ONLIA brand / THIS IS LOCCO

  • 3. 3 Základná verzia1.1 Logo1.0 Logo Onlia sa používa výhradne vo farbe Tundra.
  • 4. 4 Inverzná verzia1.2 no! Ak logo leží na Tundra pozadí, nepoužívajte inú farbu ako bielu
  • 5. 5 Logo na grafickom pozadí1.3 no! Uistite sa, že medzi pozadím a logom je dostatočný kontrast. Pri príliš tmavých, rušivých alebo výrazných fotografických poza- diach treba logo umiestniť na farebnú plochu (tundra). yes! yes! yes!10% 30% 40% 100%
  • 6. 6 Kruhová alternatívna verzia1.4 V prípadoch, kedy sa vyžaduje silný a dominantný branding Onlia, je možné použiť logo umiestnené do žltého kruhu. Pri tomto type použitia avšak platí niekoľko zásad, ktoré treba dodržiavať:
  • 7. 7 no! yes! 3 10 Centrálna kompozícia kruh s logom je vždy vo formáte umiestňované centrálne, tj. tvorí stred obrazu. Použitie iných grafických alebo textový prvkov je prípustné, avšak dbáme na to aby nezasahovali do ochrannej zóny loga, ktoré takto zostáva dominantné. tundra Pozadie žltá plocha kruhu nepokrýva viac ako 30% celkovej plochy vizuálu; vždy prevláda farba pozadia Tundra. Táto by mala plynule prechádzať aj mimo samotnú plochu kruhu. fixný pomer prvkov Vzájomné veľkosti prvkov nemeníme, pomer medzi šírkou loga a kruhu sú 3:10. Rovnako nemeníme pro- porcie kruhu, hrúbka jeho obtiahnutia zostáva vždy rovnaka!
  • 8. 8 Logo by v tlači nemalo byť menšie ako 10mm, resp. 27 pixelov v digitálnych formátoch. Ochrannú zónu loga zostrojíme duplikovaním symbolu o, okolo ohraničeného priestoru loga. Do takto vytvorenej plochy, nesmie zasahovať žiadny iný grafický alebo textový element, ktorý by tak narúšal jeho celistvosť. 10mm 32mm 27 pixels minimálna 1o odporúčaná 2o Ochranná zóna Minimálne veľkosti 1.5 1.6
  • 9. 9 Nemeňte farbu loga Nepoužívajte logo na vzorovanom pozadí Netieňujte logo alebo nepoužívajte rušivé efekty Nepoužívajte logo na príliš tmavom alebo rušivom pozadí no! no! no! Neobťahujte logo linkou no! no! Netransformujte alebo neotáčajte logo no! Zakázané použitie1.7
  • 10. 10 Havecoveredonly whatyouneed. Forexample,just headlines.34pt. Ecte sumenih icipid qui ut ut etur, odipsae id quaepe que doluptas et placcullias peditaturis dolorem et assim quia custis am imolupt aestemolor autem Eyecatcher 34pt With us, you have infinite options to choose subheadlines 18pt. 0800 400 400 www.onlia.sk Havecoveredonlywhatyouneed. Forexample,justheadlines.34pt. With us, you have infinite options to choose subheadlines 18pt. Ecte sumenih icipid qui ut ut etur, odipsae id quaepe que doluptas et placcullias peditaturis dolorem et assim quia custis am imolupt aestemolor autem ipsame Eyecatcher 34pt 0800 400 400 www.onlia.sk x/7 x/12 x Na všetkých formátoch umiestňujeme logo do pravého dolného rohu, s dodržaním dostatčnej ochrannej zóny (tj. odsadenia od okrajov strany a iných elementov). Všeobecná odporúčaná veľkosť je cca 1/7 dĺžky kratšej strany, avšak môže sa prispôsobovať špecifickým potrebám konkrétneho formátu. (napr. bilboard) x/7 x x/10 x/10 Umiestnenie1.8
  • 11. 11 1.9 Havecoveredonlywhatyouneed. Forexample,justheadlines.34pt. With us, you have infinite options to choose subheadlines 18pt. Eyecatcher 34pt Ecte sumenih icipid qui ut ut etur, odipsae id quaepe que doluptas et placcullias peditaturis dolorem et assim quia custis am imolupt aestemolor autem ipsame 0800 400 400 www.onlia.sk Havecoveredonlywhatyouneed. Forexample,justheadlines.34pt. With us, you have infinite options to choose subheadlines 18pt. Eyecatcher 34pt Ecte sumenih icipid qui ut ut etur, odipsae id quaepe que doluptas et placcullias peditaturis dolorem et assim quia custis am imolupt aestemolor autem ipsame 0800 400 400 www.onlia.sk Šablóna Kvôli zachovaniu konzistentného zarovna- nia prvkov cobrandingu a ich odsadenia od okra- jov strán, odporúčame používanie súboru cobranding.ai (.pdf) ktorý nájdete v priložených dokumentoch. Co-branding Union V prípade použitia co-brandingu s materskou poisťovňou Union, umiestňujeme pod logo Onlia plôšku s reverznou variantou loga Union. Pre jeho umiestňovanie a ochranné zóny platia rovnaké pravidlá ako pre základnú verziu loga. B L E E D
  • 12. 12 Doplnkové farby:Základné farby: Vyhradené pre digitálne použitie: cake Light grey white Cool Grey Tundra PETROL PANTONE 631 C Pantone 7699 C C 69 M 10 Y 18 K 0 C 91 M 52 Y 40 K 16 #FFDF5A R 255 G 223 B 90 #0d6176 R 13 G 97 B 118 PANTONE 128 Pantone 663 C Pantone Cool grey 10 C 0 M 11 Y 73 K 0 C 11 M 10 Y 6 K 0 C 56 M 44 Y 39 K 30 #37b0c9 R 55 G 176 B 201 #f7f7f7 R 247 G 247 B 247 #5f5f5f R 95 G 95 B 95 WEB RED WEB GREEN #ff6057 R 255 G 96 B 87 #90c97d R 144 G 201 B 125 2.0 Farebnosť Hlavná dominantná farba pre použitie na väčšie farebné plochy a písmo. Pútač pozornosti, používať len v 10-15% pomere k hlavnej farbe.
  • 13. 13 AaSource Sans Pro V komunikácii značky Onlia používajte písmo Source Sans Pro, vždy ak je to možné. Je jasné, dobre čitateľné, s otvorenou kresbou. Písmo je voľne dostupné v šiestich rezoch (Regular, ExtraLight, Light, Semibold, Bold, Black) v normálnych a kurzívnych verziách. Je distribuované na Google webfont platforme pod licenciou SIL Open Font license. Web sa nám páči, volajme ho doma! Source Sans Regular Vo farbe Tundra je odporúčané na sekundárne nadpisy a podnadpisy. Source Sans Light používané na hlavné nadpisy, a copytext. Základné písmo3.1 typografia3.0
  • 14. 14 Trebuchet MS V prípadoch, keď nemáte k dispozícii písmo Source Sans Pro, je možné použiť alternatívny – Trebuchet MS, ktorý je jedným zo základných fontov väčšiny operačných systémov. Web sa nám páči, volajme ho doma! www.onlia.sk Web sa nám páči, volajme ho doma! www.onlia.sk Source Sans Black, používané výhradne na malé titulky a webové buttony. Source Sans Semibold google.com/fonts/specimen/ Source+Sans+Pro Aa Sťahujte tu Alternatívne systémové písmo3.2
  • 15. 15 Web sa nám Web sa nám páči, Web sa nám páči, volajme ho Web sa nám páči, volajme ho doma! Web sa nám páči, volajme ho doma! www.onlia.sk HEADER 1 Source Sans Pro ExtraLight, 60pt header 2 Source Sans Pro Light, 45pt header 3 Source Sans Regular, 30pt header 4 Source Sans Pro Regular, 24pt header 5 Source Sans Pro SemiBold, 18pt Webové písma3.3 PETROL TUNDRA Pre písma používajte tieto farby
  • 16. 16 inštrukcie na tvorbu nových ikon Ikony vytvárajte vo vektorovom editore (Illustrator), na plátne veľkosti 300 x 300 px. Všetky tvary vyťahujte hrúbkou linky 14pt, dodržiavajte pritom oblosť rohov. Keď ikony zmenšujete alebo zväčšujete, nezabudnite proporčne meniť aj hrúbku ťahu linky. Všeobecné ikony4.1 Ikonografia4.0 PETROL TUNDRA Pre ikony používajte tieto farby WHITE
  • 17. 17 Produktové ikony4.2 PETROL TUNDRA Pre ikony používajte tieto farby WHITE
  • 18. 18 Skutoční lokálni ľuďia Fotografie charakterov ľudí, ktorí vystihujú krajinu. Detail kladieme na ľudí, prostredie dopovedá situácii, je však sekundárne. Fotografie5.0
  • 19. 19
  • 20. 20 Web sa nám Web sa nám páči Web sa nám páči, volajme ho Web sa nám páči, volajme ho doma! Web sa nám páči, volajme ho doma! www.onlia.sk HEADER 1 Source Sans Pro ExtraLight, 60pt header 2 Source Sans Pro Light, 45pt header 3 Source Sans Regular, 30pt header 4 Source Sans Pro Regular, 24pt header 5 Source Sans Pro SemiBold, 18pt PETROL TUNDRA Pre písma používajte tieto farby digitálne formáty6.0 Webové písma – headers6.1
  • 21. 21 Web sa nám páči, volajme ho doma! www.onlia.sk Dávno známe je že 90 % informácií na webovej stránke je podávaných textom. Poznáme heslo, vyhoďte grafika, zamestnajte typografa. To ale Dávno známe je že 90 % informácií na webovej stránke je podávaných textom. Poznáme heslo, vyhoďte grafika, zamestnajte typografa. To ale nie je nutné. Dobrý grafický dizajnér ovláda typografiu, bez nej sa nepohne. Web sa nám páči, volajme ho doma! www.onlia.sk malý nadpis Source Sans Pro SemiBold, 16pt, line-height 20pt body Source Sans Pro SemiBold, 14pt, line-height 18pt malý nadpis 1 Source Sans Pro Regular, 16pt, line-height 20pt malý body text Source Sans Pro Regular, 12pt, line-height 15pt PETROL TUNDRA cool grey Pre písma používajte tieto farby Dávno známe je že 90 % informácií na webovej stránke je podávaných textom. Poznáme heslo, vyhoďte grafika, alternatívny font pre body text Trebuchet, 11pt, line-height 15pt Webové písma – Malé nadpisy & body text6.2
  • 22. 22 domov positenie hyperlinky o nás contact Newsletter News Feedback About us hlavná navigácia Source Sans Pro Bold Caps, 14pt, Onlia Petrol Aktívny stav: Onlia Tundra Hover stav: Onlia Tundra funkčná navigácia Source Sans Pro Regular, 14pt, Onlia Light Grey Aktívny stav: Onlia Tundra Hover stav: Onlia Tundra buttons Rádius oblých rohov: 8px Source Sans Pro SemiBold alebo Bold, veľkost písem medzi 14pt a 20pt Text vždy kapitálami hyperlink list Titulok: Source Sans Pro Bold, 14pt, Onlia Petrol Hyperlinky: Source Sans Pro Regular, 14pt, Onlia Petrol Hover stav Onlia Tundra Navštívený stav: # 6F959E Jednoduchý prístup Mobilný zážitok Primárny button Sekundárny button Terciárny button Neaktívny button Malý sekundárny button Navigácia a buttony6.3
  • 23. 23 www.onlia.com Welcome to Onlia www.onlia.com www.onlia.com desktop 8 stĺpcov, ľavý / pravý okraj: 40px, gutter: 21px mobil 1 stĺpec, ľavý / pravý okraj: 15px tablet 2 stĺpce, ľavý / pravý okraj: 20px, gutter: 21px Gridy6.4
  • 24. 24 red R 255 G 96 B 87 HEX #ff6057 pútač pozornosti: CAKE žltú “Cake”používajte iba na zvýraznenie najdôležitejších akcií v procese formuláre Všetky input políčka majú oblý rádius 7 px. Od užívateľa vždy pýtame iba nevyhnuté. chybové hlásenia Na uľahčenie orientácie užívaťeľa používame štandardne zelenú (OK, správne) a červenú farbu. (Stop, nesprávne, chyba.) green R 144 G 201 B 125 HEX #90c97d 6.5 Iné elementy
  • 25. 25 „sticky“ navigácia Drží pokope najdôležitejšie navigačné prvky, bez toho aby zaberala príliš vertikálneho miesta. Kontrast v typografii Hlavné nadpisy v ExtraLight, podnadpisy v Regular. Odlíšenie typografie slúži na rozoznaie hlavných tém na stránke od vedľajších. Stránka sa stáva pohodlne skenovateľná produktové Ikony Takto používame ikony zafarbené pozadie Uľahčuje zvýrazňovanie obsahu stránky
  • 27. 27 Joyce Jurgens Manager Digital Marketing & Customer Experience Handelsweg 2 | 3707 NH Zeist | The Netherlands T + 31(0)6 12 34 56 78 E joyce.jurgens@onlia.com Hi, Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula. Kind regards Joyce New message To: Gert Bouwman Subject: Check my new signature E-mailový podpis6.7 MS Trebuchet, 9pt MS Trebuchet, 10pt MS Trebuchet, 16pt
  • 29. 29 We are working on your question From: Onlia Customer Service Subject: We are working on your question E-mail6.9
  • 30. 30 Havecoveredonlywhatyouneed. Forexample,justheadlines.34pt. With us, you have infinite options to choose subheadlines 18pt. Ecte sumenih icipid qui ut ut etur, odipsae id quaepe que doluptas et placcullias peditaturis dolorem et assim quia custis am imolupt aestemolor autem ipsame Eyecatcher 34pt 0800 400 400 www.onlia.sk Výškový7.1 printové formáty 7.0 A4 297 × 210 mm Všetky ATL/ BTL printové formáty sú tvorené dvomi hlavnými plochami: 1. Kampaňový vizuál, ktorý vypĺňa dominantnú časť vizuálu, aby čo najlepšie prenášal hlavnú emóciu na diváka. 2. Farebná plocha (tundra), ktorá slúži ako zjednodujúce pozadie všetkých textových a brandingových prvkov. Tieto sú: 40 mm 30 mm x-height 1x min 1.5x Copy text Source Sans Pro Regular, 12pt tel. číslo / url Source Sans Pro Light, 20pt Nadpis Source Sans Pro Black, 28pt podtitulok Source Sans Pro Black, 28pt Eyecatcher Source Sans Pro Light, 34pt Logo
  • 31. 31 Havecoveredonlywhatyouneed. Forexample,justheadlines.34pt. Withus,youhaveinfiniteoptionstochoosefromwhensubheadlines16pt. Ecte sumenih icipid qui ut ut etur, odipsae id quaepe que doluptas et placcullias peditaturis dolorem et assim quia custis am imolupt aestemolor autem ipsame 0800 400 400 www.onlia.sk Konštrukcia LOGO Umiestňujeme do pravého dol- ného rohu zvoleného formátu tak, aby boli dodržané jeho ochranné zóny a dostatočné odsadenie od okraja strany. eyecatcher Veľkosť a umiestnenie eye- catchera vychádza z umiestne- nia loga. Stred kruhu umiestňu- jeme na priesečník stredovej vertikály loga, a krivky okraja farebnej plochy, pričom dodrži- avame dostatočný okraj pravej strany formátu. farebná plocha Horný okraj plochy by mal byť vo výške minimálne 1/3 celkovej dĺžky formátu, avšak nikdy nie viac ako jeho polovica. 7.2 3 4 stred kruhu eyecatchera musí pretínať okraj farebnej plochy 17 mm 17 mm 16 mm 16 mm30 mm max 50% ochranná zóna min 33% 40 mm 10 mm fixný pomer veľkostí loga a eyecatchera
  • 32. 32 Farebná plocha farebný prechod Farebný prechod plochy odporúčame prebrať z už existujúcej šablóny tlačových formátov – ak nie je k dizpozícii, vytvoríme ho tak, ako je znázornené. Tundra Pantone 631 C 7.3 kruhový výsek Priemer kruhu výseku farebnej plochy je rovnaký ako uhlo- priečka zvoleného formátu. r poloha 100% poloha 60% poloha 0% 70% priehľadnosť 95% priehľadnosť 95% priehľadnosť
  • 33. 33 Havecoveredonlywhatyouneed. Forexample,justheadlines.34pt. With us, you have infinite options to choose subheadlines 18pt. Eyecatcher 34pt Ecte sumenih icipid qui ut ut etur, odipsae id quaepe que doluptas et placcullias peditaturis dolorem et assim quia custis am imolupt aestemolor autem ipsame 0800 400 400 www.onlia.sk 7.4 A4 297 × 210 mm Výškový +co-branding 30 mm 40 mm Copy text Source Sans Pro Regular, 12pt tel. číslo / url Source Sans Pro Light, 20pt Nadpis Source Sans Pro Black, 28pt podtitulok Source Sans Pro Black, 28pt Eyecatcher Source Sans Pro Light, 34pt
  • 34. 34 Havecoveredonly whatyouneed. Forexample,just headlines.34pt. Ecte sumenih icipid qui ut ut etur, odipsae id quaepe que doluptas et placcullias peditaturis dolorem et assim quia custis am imolupt aestemolor autem Eyecatcher 34pt With us, you have infinite options to choose subheadlines 18pt. 0800 400 400 www.onlia.sk x x 20 mm 20 mm 20 mm30 mm 20 mm Šírkový7.5 A4 210 × 297 mm Copy text Source Sans Pro Regular, 12pt Nadpis Source Sans Pro Black, 28pt Eyecatcher Source Sans Pro Light, 34pt tel. číslo / url Source Sans Pro Light, 20pt podtitulok Source Sans Pro Black, 28pt 40 mm
  • 35. 35 Ecte sumenih icipid qui ut ut etur, odipsae id quaepe que doluptas et placcullias peditaturis dolorem et assim quia custis am imolupt aestemolor autem With us, you have infinite options to choose subheadlines 18pt. Havecoveredonly whatyouneed. Forexample,just headlines.34pt. Eyecatcher 34pt 0800 400 400 www.onlia.sk 7.6 A4 210 × 297 mm Šírkový +co-branding x x 20 mm 20 mm 20 mm30 mm 20 mm 40 mm Copy text Source Sans Pro Regular, 12pt Nadpis Source Sans Pro Black, 28pt Eyecatcher Source Sans Pro Light, 34pt tel. číslo / url Source Sans Pro Light, 20pt podtitulok Source Sans Pro Black, 28pt
  • 36. 36 Skladaný DL leták / brožúra7.7 A4 297 × 210 mm skladaná na tretiny Predná vonkajšia strana Príklad vnútornej strany Zadná vonkajšia strana Havecoveredonly whatyouneed. headlines.26pt. Eyecatcher 34pt Subheading goes here Section Headline Section Headline Copytext maximolo quisit es corit que corumque cor at lacesto quia dem reptatur? Quia nonserundae nus rem expedit atquid mo eic to occus niminci psapisciam qui berum harum quae officit, santias Copytext maximolo quisit es corit que corumque cor at lacesto quia dem reptatur? Quia nonserundae nus rem expedit atquid mo eic to occus niminci psapisciam qui berum harum quae officit, santias Subheading goes here Copytext maximolo quisit es corit que corumque cor at lacesto quia dem reptatur? Quia nonserundae features maximolo corit que corumque cor at lacesto quia dem reptat features maximolo corit que corit que cor at lacesto Section Headline A Customer service Copytext maximolo quisit es corit que corumque cor at lacesto quia dem reptatur? Quianonserundae nus rem expedit atquid mo eic to occus niminci psapisciam qui berum harum quae 0800 400 400 www.onlia.sk 12 mm 120 mm 10 mm 8 mm 35 mm 8 mm 8 mm26 mm 8 mm 1/3 8 mm logo 35 mm8 mm
  • 37. 37 BILBOARD cLeAR www.onlia.sk Havecoveredonly whatyouneed. Forexample,just headlines.34pt. Eyecatcher 34pt Bilboard7.8 A4 210 × 297 mm 23 mm 42 mm 20 mm30 mm 45 mm Čitateľnosť Pre potrebu rýchlej identifikácie a do- brej čitateľnosti v rušivom prostredí, je odporúčané brandingové prvky pri bilboardových (nadrozmerných OOH formátoch) zväčšiť o cca 20%. 48 mm URL Source Sans Regular, 30pt NADPIS Source Sans Regular, 34pt
  • 38. 38 Havecoveredonly whatyouneed.For example,justhead- lines.26pt. Eyecatcher 34pt 0800 400 400 www.onlia.sk Extrémny výškový7.9 297 × 96 mm (šablóna vychádza z A4 formátu) tel. číslo / url Source Sans Pro Regular, 20pt Nadpis Source Sans Pro Light, 26pt Eyecatcher Source Sans Pro Regular, 34pt 25 mm 40 mm min 1/3 10 mm 10 mm30 mm x x
  • 39. 39 Havecoveredonlywhat youneed.Forexample, justheadlines.26pt. Eyecatcher 34pt 0800 400 400 www.onlia.sk Extrémny šírkový7.10 96 mm × 297 (šablóna vychádza z A4 formátu) 25 mm 25 mm min 1/3 30 mm 14 mm28 mm Eyecatcher Source Sans Pro Regular, 34pt Nadpis Source Sans Pro Light, 26pt tel. číslo / url Source Sans Pro Regular, 20pt
  • 41. 41 Poistenie cez web. Šikovne. Xereped modit doles ex et andanis apiendi veleserio vollis re odisseque lantis est lam ra doluptiae occum harcime nihitat enimporpos et exerro vel is dolore que nis eiur? Headline. 0918 800 800www.onlia.sk Subheadline Lorem Ipsum. Xereped modit doles ex et andanis apiendi veleserio vollis re odisseque lantis est lam ra doluptiae occum harcime nihitat enimporpos et exerro vel is dolore que nis eiur? Xereped modit doles ex et andanis apiendi veleserio vollis re odisseque lantis est lam ra doluptiae occum harcime nihitat Headline. 0918 800 800www.onlia.sk Textový8.1 ostatné štýly8.0 V prípade potreby iného štýlu úpravy formátov, tu nájdete niekoľko príkladov ako k nim pristupovať. Nie sú zamýšlané ako návod, skôr ako inšpirácia / vizuálna pomôcka pre dizajnéra, ktorý vizuál tvorí.
  • 42. 42 Hopla. Ťukes? S Onliou vybavíte cez web, rýchlo a bez zbytočností. Ecte sumenih icipid qui ut ut etur, odipsae id quaepe que doluptas et placcullias peditaturis dolorem et assim quia custis am imolupt aestemolor autem ipsameniet, tentus www.onlia.sk Hopla. Ťukes? S Onliou vybavíte cez web, rýchlo a bez zbytočností. Ecte sumenih icipid qui ut ut etur, odipsae id quaepe que doluptas et placcullias peditaturis dolorem et assim quia custis am imolupt aestemolor autem ipsameniet, tentus www.onlia.sk Ikonografický8.2
  • 43. 43
  • 45. 45
  • 46. 46 JOYCE JURGENS MANAGER DIGITAL MARKETING & CUSTOMER EXPERIENCE (00)421 918 123 456 WWW.ONLIA.COM JOYCE.JURGENS@ONLIA.COM JOYCE JURGENS MANAGER DIGITAL MARKETING & CUSTOMER EXPERIENCE (00)421 918 123 456 WWW.ONLIA.COM JOYCE.JURGENS@ONLIA.COM 10 mm 30 mm 10 mm 13,5 mm 25 mm 10 mm 13 mm Vizitka 80 × 50 mm Hladený stock 300g/m
  • 47. 47 MANAGER DIGITAL MARKETING & CUSTOMER EXPERIENCE (00)421 918 123 456, JOYCE.JURGENS@ONLIA.COM, WWW.ONLIA.COM Ing. Peter Ková Blahova 9 Nitra 987654 80 mm 60 mm 15 mm 15 mm 30 mm 15 mm 25 mm 15 mm Listová obálka 110 × 220 mm
  • 48. 48 Pois ovate : Union pois ov I O: 31322051, DI OR OS BA1, odd. Sa, vl. .383/B www.onlia.sk I O: 31322051, DI OR OS BA1, odd. Sa, vl. .383/B info@onlia.sk Dobr de Peter, na preto e Va mto d om zanikla. , ba platba vo v ke 120 EUR. do 12.12. 2014, budeme ju musie etrite si zbyto z ome kania Ak ste poistku u zaplatili, pokojne si na tento list polo aj na Na v etky Va 0850 400 400. pekn de , Rudolf Boocz delenia Ing. Peter Kov Blahova 9 Nitra 987654 : 71300012 BL123AA NA A REF.: 134/2014 10.10.2014 SUMA: 20 EUR 2. 7. 2014 TU: 004125689/0900 VARIABILN SYMBOL: 4444 KON TANTN SYMBOL: 3558 Pois ovate : Union pois ov a, a.s., Bajkalská 29/A, 813 60 Bratislava I O: 31322051, DI : 2020800353, zapísaná v OR OS BA1, odd. Sa, vl. .383/B www.onlia.sk info@onlia.sk Dobr de Peter, od 8.10. 2014 Vás u na e poistenie nechráni, preto e Va a poistná zmluva t mto d om zanikla. Chceli by sme Vás upozorni , e nám stále ch ba platba vo v ke 120 EUR. Ak sa Vám ju nepodarí uhradi do 12.12. 2014, budeme ju musie vymáha cez ná ho právneho zástupcu. U etrite si zbyto né v davky v podobe úrokov z ome kania i trov súdneho konania a pokúste sa dl nú sumu zaplati o najskôr. Ak ste poistku u zaplatili, pokojne si na tento list polo te kávu. Ak sa chcete chráni aj na alej, uzavrite s nami novú poistnú zmluvu. Na v etky Va e otázky radi a zrozumite ne odpovieme na telefónnom ísle: 0850 400 400. Prajem Vám pekn de , Rudolf Boocz Vedúci oddelenia správy poistenia Ing. Peter Ková Blahova 9 Nitra 987654 NÁZOV POISTENIA: Povinné zmluvné poistenie automobilu Lorem Ipsum ÍSLO POISTNEJ ZMLUVY: 71300012 POISTENÉ VOZIDLO: BL123AA NA A REF.: 134/2014 DÁTUM: 10.10.2014 SUMA: 20 EUR TERMÍN SPLATNOSTI: 2. 7. 2014 ÍSLO Ú TU: 004125689/0900 VARIABILN SYMBOL: 4444 KON TANTN SYMBOL: 3558 25 mm 23 mm 37 mm 40 mm 80 mm 88 mm 7 mm 17 mm 20 mm 12 mm 12 mm 12 mm List A4 210 × 297 mm
  • 49. 49 Pois ovate : Union pois ov a, a.s., Bajkalská 29/A, 813 60 Bratislava I O: 31322051, DI : 2020800353, zapísaná v OR OS BA1, odd. Sa, vl. .383/B www.onlia.sk info@onlia.sk Hlavičkový papier A4 210 × 297 mm 25 mm 37 mm 17 mm 20 mm 12 mm 12 mm 12 mm
  • 50. 50 Prebal na dokumenty pre listy formátu A4 210 × 297 mm
  • 51. 51 30 mm 40 mm 30 mm Zahnuté dovnútra 75 mm Vonkajší prebal *not visible
  • 52. 52 Darčekový / produktový box Box veľkosti A5 210 × 148 mm
  • 53. 53 Zakladač na dokumenty pre dokumenty formátu A4 210 × 297 mm
  • 55. 55 Poisťovňa Onlia je značka spoločnosti Union.