Ghid de brand · Esențiale
Versiunea 1.0 · Septembrie 2026
Ghid de brandEsențialul
Logo, culoare și tipografie. Tot ce îți trebuie pentru a folosi corect brandul vignetim.
Logo
Variante de compoziție și de culoare
Patru variante aprobate
Orizontal · simbol
Implicit. Web, documente, prezentări, semnături de email.
Vertical · simbol
Spații pătrate și verticale, social media, roll-up-uri.
Orizontal · insignă
Antete în aplicație, imagini pentru magazinele de aplicații.
Vertical · insignă
Ecrane de pornire, materiale publicitare.
Trei versiuni de culoare
Teal / fundal deschis
Alb, Neutral 50, Teal 50.
Alb / fundal teal
Teal 500 până la 800.
Alb / fundal închis
Neutral 800 până la 900, peste fotografii.
Disponibil și
Pentru tipărirea monocromă există o versiune închisă monocromă. Folosește acest fișier în loc să convertești logoul în tonuri de gri.
Închis monocrom
- Numele de marcă se scrie mereu cu litere mici, cu punct la final: vignetim. Nu scrie niciodată prima literă cu majusculă și nu adăuga spațiere între litere.
- Nu pune niciodată insigna teal pe un fundal teal. Dispare. Pe teal, folosește simbolul alb singur.
- Folosește simbolul sau insigna singure doar când numele brandului apare în altă parte pe aceeași suprafață: iconița aplicației, favicon, poza de profil.
- Nu compune niciodată variantele manual. Folosește întotdeauna fișierul furnizat; nu rearanja niciodată elementele.
Spațiu de protecție și dimensiune minimă
Spațiu de respirație, dimensiuni care rămân lizibile
Lasă cel puțin 0.5 X spațiu liber pe fiecare latură a logoului. X este înălțimea simbolului (sau a insignei) din acea variantă. Niciun text, imagine, linie, alt logo sau margine de pagină nu poate intra în această zonă.
Dimensiuni minime
| Element | Digital | Tipar |
|---|---|---|
| Variantă orizontală · simbol | 140 px | 30 mm |
| Variantă orizontală · insignă | 160 px | 34 mm |
| Variantă verticală · simbol | 72 px | 16 mm |
| Variantă verticală · insignă | 80 px | 18 mm |
| Simbol (singur) | 20 px | 5 mm |
| Insignă (singură) | 44 px | 8 mm |
Valorile reprezintă lățimi. Sub aceste dimensiuni, folosește simbolul sau insigna singure în locul unei variante complete.
Două excepții
- Iconița aplicației: regula spațiului de protecție nu se aplică. Insigna umple cadrul, iar platforma rotunjește colțurile.
- Favicon (16 până la 32 px): insigna devine ilizibilă; folosește simbolul teal simplu pe fundal transparent.
Lângă alte logouri
Păstrează cel puțin 1 X între două logouri și echilibrează-le la aceeași înălțime optică.
Culoare
O singură culoare de brand, o scală neutră
Culoarea brandului este Teal 500 · #049CB9. Nu există o culoare secundară de brand; profunzimea vine din nuanțele scalei teal și din griurile neutre.
Vignetim teal
Neutre
Valori tehnice
- HEX
- #049CB9
- RGB
- 4 · 156 · 185
- CMYK (ref.)
- 98 · 16 · 0 · 27
- PANTONE (aprox.)
- 313 C până la 314 C
CMYK este o referință calculată; convertește-o cu profilul ICC al tipografiei.
Proporția de utilizare
- Alb / Neutral 50
- Spațiu de respirație
- Neutral 600 până la 900
- Text și structură
- Teal
- Accent și acțiune
Fiecare ecran are exact o acțiune principală în teal.
Stările butoanelor
Trei reguli de contrast
- Teal 500 nu este o culoare pentru text (3.25:1 pe alb). Folosește Teal 700 pentru text și linkuri.
- Textul alb pe Teal 500 trebuie să aibă cel puțin 18 px / 14 pt bold; pentru text mai mic, folosește un fundal Teal 700.
- În modul întunecat, accentul este Teal 300 până la 400; Teal 500 nu este suficient pe fundaluri închise.
Tipografie
Inter: un singur font, patru grosimi
Inter este singurul font al brandului. Se folosesc doar grosimile 400, 500, 600 și 700. Dacă Inter nu se poate încărca, se folosește fontul sistemului, apoi Arial.
Aa Bb Cc Çç Ğğ Iı İi Şş Öö Üü 0123456789
Aa
Regular · 400
Text de conținut, texte lungi.
Aa
Medium · 500
Etichete, antete de tabel, evidențieri.
Aa
SemiBold · 600
Titluri, butoane, supratitluri.
Aa
Bold · 700
Doar pentru titlurile de campanie.
H1 32 / 38 px · 600 · -0.020em
Vinieta ta, gata înainte de graniță
H2 24 / 30 px · 600 · -0.016em
Cum funcționează o vinietă digitală?
H3 20 / 26 px · 600 · -0.012em
Introdu numărul de înmatriculare al vehiculului
Body 16 / 26 px · 400
Aplicația îți trimite un memento când ești la 30 km de graniță.
Body S 14 / 22 px · 400
Prețurile se bazează pe tariful oficial al vinietei din fiecare țară.
Overline 11 / 14 px · 600 · +0.11em · CAPS
Țări · Prețuri · Întrebări frecvente
Înălțimea rândului: 1.10 până la 1.25 pentru titluri, 1.50 până la 1.65 pentru textul de conținut. Lungimea rândului: 60 până la 75 de caractere. Întotdeauna aliniat la stânga.
- Nu scrie textul de conținut cu majuscule. Majusculele sunt doar pentru supratitluri și etichete scurte.
- Nu adăuga spațiere între litere în textul de conținut și nu-l scrie în teal.
- Nu întinde și nu înclina textul; fără italic sau bold simulat.
- Folosește cel mult patru niveluri pe aceeași suprafață.
Capcana majusculelor turcești
La conversia automată, “i” trebuie să devină İ. Setează lang="tr" în HTML și folosește toLocaleUpperCase('tr') în cod. Altfel, “istanbul” devine “ISTANBUL”.
Și invers: textul în engleză are nevoie de lang="en", altfel “Size” devine “SİZE”.
Limbi: subseturi latin-ext pentru TR și RO, cyrillic pentru UA, latin pentru DE și EN. Toate fac parte din Inter. Nu schimba niciodată fontul pentru o altă limbă.
Utilizări greșite
Ce nu trebuie făcut niciodată cu logoul
Lista nu este exhaustivă: orice modificare a logoului față de fișierul furnizat constituie o utilizare greșită.
Când este necesară tipărirea monocromă, folosește versiunea închisă monocromă aprobată, nu tonuri de gri.
Referință rapidă
Întregul ghid dintr-o privire
Fișa de culori
- Teal 500 · brand#049CB9
- Teal 700 · text / linkuri#046B80
- Teal 300 · accent mod întunecat#5FCEE2
- Neutral 900 · titluri#161B1E
- Neutral 600 · text secundar#565E64
- Neutral 50 · suprafață#F7F8F9
Cinci reguli
- Folosește logoul din fișierul furnizat.
- Lasă 0.5 X spațiu liber pe fiecare latură.
- Teal 500 nu este o culoare pentru text. Folosește Teal 700.
- Un singur font: Inter, 400 / 500 / 600 / 700.
- Cel mult 10% din orice suprafață este teal.
Lista fișierelor
- Toate logourileZIP
- vignetim-horizontal-tealPNG
- vignetim-horizontal-whitePNG
- vignetim-horizontal-single-colour-darkPNG
- vignetim-vertical-tealPNG
- vignetim-badge-horizontalPNG
- vignetim-badge-verticalPNG
- vignetim-badgePNG
- vignetim-symbol-teal / whiteLa cerere
- vignetim-appicon-1024La cerere
- vignetim-favicon-16/32/48La cerere
Pentru tipar și format mare, solicită fișierele vectoriale (SVG sau EPS). PNG doar acolo unde vectorii nu sunt acceptați.
Iconița aplicației
- App Store (iOS)
- 1024 × 1024 px, fără transparență
- Google Play
- 512 × 512 px, PNG pe 32 de biți
- Play · imagine prezentare
- 1024 × 500 px
- Profil social media
- 1000 × 1000 px
Încarcă un pătrat până la margini, fără colțuri rotunjite. Sistemul de operare le rotunjește.
Variabile CSS
:root {
--brand-500: #049CB9;
--brand-600: #03849E;
--brand-700: #046B80;
--brand-300: #5FCEE2;
--brand-50: #EAF8FB;
--ink-900: #161B1E;
--ink-600: #565E64;
--ink-200: #DDE1E4;
--ink-50: #F7F8F9;
--font-sans: Inter, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}Întrebări și aprobări
Pentru orice utilizare care nu este acoperită de acest ghid sau pentru a solicita un material nou, contactează responsabilul de brand.
Versiunea 1.0 · Septembrie 2026