KNJIGA GRAFIČKIH STANDARDA
KNJIGA GRAFIČKIH STANDARDA
sadržaj
Vrijednosti - Bit brenda - Obećanje brenda
Logotip objašnjenje
Logotip primarni - logotip sa sloganom
Odnos logotipa i slogana
Minimalna veličina
Sigurna zona
Primarne boje
Sekundarne boje
Pozitiv/negativ (varijanta u boji)
Pozitiv/negativ
Aplikacija logotipa na pozadini
Nedozvoljena upotreba logotipa
Tipografija
Alternativna tipografija
2
3
4
5
6
7
8
9
10
11
12
13
14
15
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
16
17
18
19
20
21
22
CARNET OSNOVNI STANDARDI
CARNETOVE USLUGE
Logotipovi
Konstrukcija
Minimalna veličina
Sigurna zona
Primarne boje
Pozitiv/negativ (varijanta u boji)
Pozitiv/negativ
Bit brenda - Obećanje brenda
Logotip
Odnos logotipa i slogana
Minimalna veličina
Sigurna zona
Primarne boje
Sekundarne boje
Pozitiv/negativ (varijanta u boji)
Pozitiv/negativ
CERT.hr OSNOVNI STANDARDI
DOMENE.hr OSNOVNI STANDARDI
Bit brenda - Obećanje brenda
Logotip
Odnos logotipa i slogana
Minimalna veličina
Sigurna zona
Primarne boje
Sekundarne boje
Pozitiv/negativ (varijanta u boji)
Pozitiv/negativ
1
2
... koju pokazujemo prema kolegama, projektima i društvu. Odražava se i u našem odnosu prema EU i državnom proračunu, prema standardima struke i prema našem nacionalnom identitetu kojeg nastojimo očuvati.
CARNET će uvijek osmišljavati korisne projekte, privlačiti i odgovorno koristiti sredstva kako bi
inovirao obrazovni sustav te unaprijedio društvo.
... za nas znači tehnološka naprednost i otvoren um u službi unaprjeđivanja obrazovnog sustava i društva. Inovativnost ćemo razvijati širenjem vidika, predviđanjem potreba, osmišljavanjem novih usluga i rješavanjem izazova.
... je prije svega osmišljavanje projekata i privlačenje investicija. Proizlazi iz poduzetnog duha, pozitivnog pristupa izazovima i želje da budemo pozitivna, pokretačka energija u društvu.
VRIJEDNOSTIODGOVORNOST
INOVATIVNOST
PROAKTIVNOST
BIT BRENDACARNET je digitalni inovator
obrazovnog sustava.
OBEĆANJEBRANDA
3
Logotip | objašnjenje
E predstavlja elektrone kao simbol digitalnog povezivanja, ali predstavlja i knjigu kao simbol obrazovnog sustava - čineći time jedinstveni simbol digitalnog povezivanja obrazovnog sustava.
4
logotip | primarni
logotip | sa sloganom
logotip
simbol
Primarni logotip se sastoji od tipografije i simbola. Simbol se može koristiti kaografički element, npr. kod izrade patterna.
znanje povezuje
linking knowledge
logotip | odnos logotipa i slogana
Odnosi logotipa i slogana su definirani visinom modula X.
5
= X
2 X
1½ Xznanje povezuje
Ispod određene širine logotipa, eliminira se slogan.
logotip | minimalna veličina
6
minimalna veličinalogotipa sa sloganom
minimalna veličinalogotipa bez slogana responsive logo
15 mm27 mm < 15 mm
znanje povezuje
7
logotip | sigurna zona
Sigurna zona je prostor koji se nalazioko logotipa. Taj prostor određuje minimalnirazmak između logotipa i ostalih grafičkihelemenata te između logotipa i ruba formata.Taj prostor definiran je visinom simbola “E”.
znanje povezuje
x
Pantone Cool gray 11CMYK: 0/0/0/70RGB: 109/110/113
Primarne boje se koriste na osnovnimsredstvima komunikacije. Logotip jesačinjen od 4 boje - siva (tipografija logotipa)i zelena, ljubičasta i plava (simbol “E”).
logotip | primarne boje
Pantone 355CMYK: 85/0/100/0RGB: 57/181/74
Pantone PurpleCMYK: 33/82/0/0RGB: 174/81/159
Pantone 7455 CMYK: 85/50/0/0RGB: 27/117/188
8
znanje povezuje
9
logotip | sekundarne boje logotip | sekundarne boje | primjeri
Sekundarne boje koriste se kod apliciranjaelemenata koji nisu od primarne važnosti.Kao npr. za elemente tabelarnog prikaza,grafova itd.
CMYK: 0/60/100/0RGB: 238/127/0
CMYK: 70/0/0/25RGB: 18/153/191
CMYK: 80/0/50/0RGB: 0/169/146
CMYK: 0/85/55/10RGB: 214/64/79
CMYK: 70/80/0/0RGB: 105/73/148
CMYK: 40/20/100/0RGB: 175/175/9
01 02 03 04 05 06
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
16%
28%
34%
57%
62%
30%
35%
5%
20%
10%
10
logotip | pozitiv/negativ (varijanta u boji)
znanje povezuje znanje povezuje
znanje povezuje znanje povezuje
11
logotip | pozitiv/negativ
Ove varijacije logotipa se koriste kada tehnički zahtjevi to uvjetuju (npr. jednobojni tisak) .
12
5% k 10% k 20% k 30% k 40% k 50% k 60% k 70% k 80% k 90% k 100% k
5% k 10% k 20% k 30% k 40% k 50% k 60% k 70% k 80% k 90% k 100% k
logotip | aplikacija logotipa na pozadini
znanje povezuje
znanje povezuje
znanje povezujeznanje povezuje
logotip | nedozvoljena upotreba logotipa
Logotip (i njegove varijacije) se ne smiju mijenjati. Ne smiju semicati simboli, mijenjati oblik ili proporcije logotipa, rezati ili dodavatidijelovi, mijenjati ili modificirati boje ili pak stvarati drugi logotipovikoristeći ovaj postojeći.
znanje povezuje
13
znanje povezuje
znan
je p
ovez
uje
znanje povezuje
znanje povezuje
Camber regularABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890@#$%^&*!?/:;.”{}[]()
Camber boldABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890@#$%^&*!?/:;.”{}[]()
Camber regular italicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890@#$%^&*!?/:;.”{}[]()
Camber lightABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890@#$%^&*!?/:;.”{}[]()
Camber light italicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890@#$%^&*!?/:;.”{}[]()
Camber bold italicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890@#$%^&*!?/:;.”{}[]()
14
logotip | tipografija
Jedan od osnovnih elemenata vizualnogidentiteta je i tipografija. Uz znak, ona nosiključnu ulogu vizualnog prepoznavanja.Font koji koristimo je Camber. Koristimo ga za headline, subheadline i body copy.
Arial boldABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890@#$%^&*!?/:;.”{}[]()
Arial bold italicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890@#$%^&*!?/:;.”{}[]()
Arial regularABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890@#$%^&*!?/:;.”{}[]()
Arial italicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890@#$%^&*!?/:;.”{}[]()
15
logotip | alternativna tipografija
U slučaju da font Camber nije dostupan na računalu koristi se font Arial.
CARNETOVE usluge | logotipovi
16
Carnetove usluge ispisuju se malim početnim slovom u fontu Carneta. Usluge su potpisane linijom koja asocira na hyperlink te u sebi sadržikombinaciju Carnetovih boja.
x
xx
logotip | konstrukcija
17
4 mm
4 mm
4 mm
logotip | minimalna veličina
18
logotip | sigurna zona
x
x
x
19
logotip | primarne boje
Pantone Cool gray 11CMYK: 0/0/0/70RGB: 109/110/113
Pantone 355CMYK: 85/0/100/0RGB: 57/181/74
Pantone PurpleCMYK: 33/82/0/0RGB: 174/81/159
Pantone 7455 CMYK: 85/50/0/0RGB: 27/117/188
A
1/3 A 1/3 A1/3 A
20
21
logotip | pozitiv/negativ (varijanta u boji)
logotip | pozitiv/negativ
22
23
CERT.hr će uvijek težiti pružatisigurnost u HR digitalnom svijetu.
OBEĆANJEBRANDA
CERT.hr - čuvar nacionalnogonline prostora.
BIT BRANDA
logotip | primarni
logotip | sa sloganom
24
surfaj sigurnije
= X
25
logotip | odnos logotipa i slogana
1½ X
2 X
surfaj sigurnije
logotip | minimalna veličina
14 mm
minimalna veličinalogotipa sa sloganom
minimalna veličinalogotipa bez slogana
26 mm
26
surfaj sigurnije
logotip | sigurna zona
x
27
surfaj sigurnije
Pantone Cool gray 11CMYK: 0/0/0/70RGB: 109/110/113
Pantone 7455 CMYK: 85/50/0/0RGB: 27/117/188
logotip | primarne boje
28
surfaj sigurnije
29
logotip | sekundarne boje logotip | sekundarne boje | primjeri
CMYK: 0/60/100/0RGB: 238/127/0
CMYK: 70/0/0/25RGB: 18/153/191
CMYK: 80/0/50/0RGB: 0/169/146
CMYK: 0/85/55/10RGB: 214/64/79
CMYK: 70/80/0/0RGB: 105/73/148
CMYK: 40/20/100/0RGB: 175/175/9
01 02 03 04 05 06
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
16%
28%
34%
57%
62%
30%
35%
5%
20%
10%
logotip | pozitiv/negativ (varijanta u boji)
30
surfaj sigurnije surfaj sigurnije
logotip | pozitiv/negativ
31
surfaj sigurnije surfaj sigurnije
32
DOMENE.hr uvijek će ti pružatinajbolju adresu za tvoj projekt,
ako želiš nastupati kao hrvatskisubjekt ili biti relevantan u Hrvatskoj,
a posljedično će očuvati nacionalniidentitet na internetu.
OBEĆANJEBRANDA
DOMENE.hr - čuvar nacionalnogidentiteta na internetu.
BIT BRANDA
logotip
logotip sa sloganom
33
misli globalno, smjesti se lokalno
34
logotip | odnos logotipa i slogana
1½ X
2 X
= X
misli globalno, smjesti se lokalno
35
logotip | minimalna veličina
minimalna veličinalogotipa sa sloganom
minimalna veličinalogotipa bez slogana
20 mm36 mm
misli globalno, smjesti se lokalno
x
36
logotip | sigurna zona
misli globalno, smjesti se lokalno
Pantone Cool gray 11CMYK: 0/0/0/70RGB: 109/110/113
Pantone PurpleCMYK: 33/82/0/0RGB: 174/81/159
37
logotip | primarne boje
misli globalno, smjesti se lokalno
38
logotip | sekundarne boje logotip | sekundarne boje | primjeri
CMYK: 0/60/100/0RGB: 238/127/0
CMYK: 70/0/0/25RGB: 18/153/191
CMYK: 80/0/50/0RGB: 0/169/146
CMYK: 0/85/55/10RGB: 214/64/79
CMYK: 70/80/0/0RGB: 105/73/148
CMYK: 40/20/100/0RGB: 175/175/9
01 02 03 04 05 06
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
16%
28%
34%
57%
62%
30%
35%
5%
20%
10%
39
logotip | pozitiv/negativ (varijanta u boji)
misli globalno, smjesti se lokalno misli globalno, smjesti se lokalno
misli globalno, smjesti se lokalno misli globalno, smjesti se lokalno
40
logotip | pozitiv/negativ
Autor: Señor — dobro društvo za komunikaciju d.o.o.Švearova 1, HR - 10000 Zagreb | [email protected]
05.10.2017.