22.01.2021 Views

manual2HI

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Manual de

Identitate

Vizuală

Reguli și ghiduri pentru

elemente de design ale

mărcii noastre

contact@stifler.ro www.stifler.ro +(40) 0712 123 123







Firul Povestirii.

STIFLER +

+

+

Numele Companiei Gadget Clienți Fericiți Conectivitate

=


Brand Color Palette.

Culorile companiei noastre sunt profesionale și moderne, exprimând cine suntem.

Pantone 273 C este culoarea principală a identității Stifler, deci are cea mai puternică prezență pe marca noastră.

Pantone 2582 C completează culoarea albastru închis, creând echilibru și făcând paleta mai distinctă și sofisticată. Pantone 2171 C echilibrează

celelalte culori și oferă spațiu elementelor.

Culorile alternative nu ar trebui introduse în sistem sau ar reduce impactul paletei noastre de culori.

Logoul Stifler poate fi compus numai din aceste culori.

Vă rugăm să selectați cea mai potrivită culoare pentru comunicarea dvs. și, în timp, încercați să le utilizați în mod egal, astfel încât să nu fim asociați

cu o singură culoare. Ar trebui să încercați întotdeauna să utilizați versiunea principală a siglei. Cu toate acestea, atunci când fundalul are aceeași

culoare ca un element al logo-ului, puteți utiliza versiunea negativă.

Paleta de culori secundară poate fi utilizată cu moderare atunci când aveți nevoie de o opțiune alternativă pentru elemente precum diagrame,

grafice sau evidențieri speciale. Acestea nu trebuie utilizate ca o culoare primară.


Midnight Blue

Denim Blue

Bright Navy Blue

PANTONE 273 C

C73 M80 Y0 K61

R27 G20 B100

Hex #1b1464

PANTONE 2728 C

C100 M65 Y0 K25

R0 G65 B192

Hex #0041C0

PANTONE 2195 C

C100 M52 Y0 K8

R0 G113 B235

Hex #0071EB


Blue Jeans

Deep Saffron

Electric Purple

PANTONE 2171 C

C72 M35 Y0 K2

R70 G163 B249

Hex #79B3E0

PANTONE 1495 C

C0 M42 Y88 K0

R255 G147 B30

Hex #FF931E

PANTONE 2582 C

C35 M76 Y0 K0

R165 G61 B255

Hex #A53DFF


Middle Yellow

Apple Green

White

PANTONE 102 C

C0 M8 Y99 K1

R252 G231 B2

Hex #FCE702

PANTONE 3561 C

C38 M0 Y100 K25

R120 G192 B0

Hex #78C000

PANTONE 11-0601 TPG Bright White

C0 M0 Y0 K0

R255 G255 B255

Hex #FFFFFF


Logo Grid.

1,7X

4,5X

28,3X

Proiectarea unui logo și a unei identități vizuale depășește cu mult forma liberă și latura artistică a ceea ce cred majoritatea oamenilor. Există toată

partea rațională, inclusiv proporțiile, ajustările optice ale scalabilității și reproducerea, care trebuie gândite pentru a crea un logo eficient și bine

conceput. Ghidurile de proiectare vizuală vor furniza aceste informații pentru a se asigura că marca este utilizată corect.

Aici vrem să ilustrăm construcția sau liniile directoare ale logo-ului nostru.


Spațiul de siguranță.

Am definit o zonă de excludere care împiedică alte elemente grafice să interfereze cu logo-ul Stifler și să ne asigurăm că sigla este ușor de citit.

Proporțiile, relațiile de spațiu și dimensiune ale tuturor blocurilor au fost dezvoltate cu atenție și nu trebuie modificate, redesențiate, înfrumusețate sau

recreate în niciun fel. O parte importantă a menținerii unei prezentări consistente este păstrarea unui spațiu liber în jurul logo-ului din alte texte, grafice

sau ilustrații. Aglomerarea logo-ului scade lizibilitatea și impactul acestuia.


Lizibilitate.

App Icon / Favicon

Dimensiune minimă

70mm | A2 45mm | A3 30mm | A4/A5 20mm | 60px

32 x 32px

Sigla nu trebuie să fie niciodată prea mică pentru a fi citită.

Nu este recomandat să utilizați sigla cu o lățime mai mică de 20 mm sau 60 de pixeli.

Graficul favicon Porthwest Properties este legat de site-ul web: este o reprezentare mai mică a mărcii pentru browser și pentru interfețele mobile. Luați în

considerare faptul că faviconul nu este sigla mărcii și nu trebuie să înlocuiască niciodată sigla.


Utilizare incorectă.

Sigla trebuie utilizată așa cum este și nu trebuie modificată în niciun fel; asta înseamnă că NU TREBUIE SĂ:

- Modificați orientarea sau rotația logo-ului.

- Scalați în mod disproporționat sigla.

- Schimbați culorile siglei.

- Afișați sigla cu combinații de culori

nespecificat anterior.

- Afișați sigla într-o configurație

nespecificată anterior.

- Încercați să recreați sigla.

- Aduceți modificări textului siglei.

- Adăugați efecte speciale logo-ului.

- Adăugați o schiță la siglă sau afișați sigla

ca schiță.

- Afișați alte elemente în spațiul liber al

logo-ului.

- Decupați sigla în orice mod.


Logo pe fotografii.

Trebuie să aveți grijă să creați compoziții bine echilibrate și considerate: fotografia este o parte cheie a identității și utilizarea culorii ar trebui să se simtă

întotdeauna complementară imaginii. Atunci când plasați sigla peste fotografie, vă rugăm să alegeți o zonă palidă a imaginii pentru a menține suficientă

distanță.


Logo pe fotografii.

Trebuie să aveți grijă să creați compoziții bine echilibrate și considerate: fotografia este o parte cheie a identității și utilizarea culorii ar trebui să se simtă

întotdeauna complementară imaginii. Atunci când plasați sigla peste fotografie, vă rugăm să alegeți o zonă palidă a imaginii pentru a menține suficientă

distanță.


Logo pe fotografii.

Când imaginea este prea aglomerată, utilizați un dreptunghi de fundal pentru a face logo-ul să iasă în evidență.


Iconografie.


Tipografie.

Tipografia este un instrument puternic în dezvoltarea unei identități creative și este un element cheie pentru a crea un aspect coeziv

în toate comunicațiile. Utilizarea unui tip de caractere îl face în mod constant recunoscut; reunește comunicațiile și le face mai

distinctive. Stilul tipului pe care îl folosim pentru a ne da viață comunicării dă tonul mărcii noastre: curat, modern, elegant, distinctiv

și lizibil. Fonturile selectate sunt o combinație excelentă pentru print și web: Futura PT și Hind.


Font Principal.

Futura® PT By ParaType

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrsutvwxyz

0123456789 .,?!(@+=/*)$%&

Book Medium Heavy

Marty, is that you? That’s right. No, it was The

Enchantment Under The Sea Dance. Our first date. It

was the night of that terrible thunderstorm, remember

George? Your father kissed me for the very first time on

that dance floor. It was then I realized I was going to

spend the rest of my life with him. Listen, I gotta go but I

wanted to tell you that it’s been educational. How’s

your head?

Marty, is that you? That’s right. No, it was The

Enchantment Under The Sea Dance. Our first

date. It was the night of that terrible

thunderstorm, remember George? Your father

kissed me for the very first time on that dance

floor. It was then I realized I was going to spend

the rest of my life with him. Listen, I gotta go but I

wanted to tell you that it’s been educational.

How’s your head?

Marty, is that you? That’s right. No, it was The

Enchantment Under The Sea Dance. Our first

date. It was the night of that terrible

thunderstorm, remember George? Your father

kissed me for the very first time on that dance

floor. It was then I realized I was going to

spend the rest of my life with him. Listen, I

gotta go but I wanted to tell you that it’s been

educational. How’s your head?


Font Secundar.

Hind by Manushi Parikh and Satya Rajpurohit.

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrsutvwxyz

0123456789 .,?!(@+=/*)$%&

Regular Medium Bold

Marty, is that you? That’s right. No, it was The

Enchantment Under The Sea Dance. Our first date.

It was the night of that terrible thunderstorm,

remember George? Your father kissed me for the

very first time on that dance floor. It was then I

realized I was going to spend the rest of my life

with him. Listen, I gotta go but I wanted to tell

you that it’s been educational. How’s your head?

Marty, is that you? That’s right. No, it was The

Enchantment Under The Sea Dance. Our first

date. It was the night of that terrible

thunderstorm, remember George? Your father

kissed me for the very first time on that dance

floor. It was then I realized I was going to spend

the rest of my life with him. Listen, I gotta go

but I wanted to tell you that it’s been

educational. How’s your head?

Marty, is that you? That’s right. No, it was The

Enchantment Under The Sea Dance. Our first

date. It was the night of that terrible

thunderstorm, remember George? Your father

kissed me for the very first time on that dance

floor. It was then I realized I was going to

spend the rest of my life with him. Listen, I

gotta go but I wanted to tell you that it’s been

educational. How’s your head?

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!