Prekės ženklo gairės · Pagrindai
Versija 1.0 · 2026 m. rugsėjis
Prekės ženklo gairėsPagrindai
Logotipas, spalvos ir tipografija. Viskas, ko reikia norint teisingai naudoti vignetim. prekės ženklą.
Logotipas
Išdėstymai ir spalvų variantai
Keturi patvirtinti išdėstymai
Horizontalus · simbolis
Numatytasis. Internetas, dokumentai, pristatymai, el. pašto parašai.
Vertikalus · simbolis
Kvadratiniai ir vertikalūs formatai, socialiniai tinklai, stendai.
Horizontalus · ženklelis
Programėlės antraštės, programėlių parduotuvių vaizdai.
Vertikalus · ženklelis
Įkrovos ekranai, reklaminiai kūriniai.
Trys spalvų variantai
Teal / šviesus fonas
Balta, Neutral 50, Teal 50.
Balta / teal fonas
Nuo Teal 500 iki 800.
Balta / tamsus fonas
Nuo Neutral 800 iki 900, ant nuotraukų.
Taip pat galima gauti
Vienspalvei spaudai yra vienspalvis tamsus variantas. Naudokite šį failą, užuot konvertavę į pilkų atspalvių.
Vienspalvis tamsus
- Žodinis ženklas visada rašomas mažosiomis raidėmis su tašku: vignetim. Niekada nerašykite pirmosios raidės didžiąja ir nedidinkite tarpų tarp raidžių.
- Niekada nedėkite teal ženklelio ant teal fono. Jis išnyksta. Ant teal fono naudokite tik baltą simbolį.
- Simbolį ar ženklelį atskirai naudokite tik tada, kai prekės ženklo pavadinimas matomas kitur tame pačiame paviršiuje: programėlės piktograma, favicon, profilio nuotrauka.
- Niekada nesudarinėkite išdėstymų rankiniu būdu. Visada naudokite pateiktą failą; niekada nekeiskite dalių išdėstymo.
Laisvoji erdvė ir mažiausias dydis
Erdvė kvėpuoti, įskaitomi dydžiai
Aplink logotipą iš visų pusių palikite bent 0.5 X laisvosios erdvės. X yra simbolio (arba ženklelio) aukštis tame išdėstyme. Į šią sritį negali patekti tekstas, vaizdas, linija, kitas logotipas ar puslapio kraštas.
Mažiausi dydžiai
| Elementas | Skaitmeninis | Spauda |
|---|---|---|
| Horizontalus išdėstymas · simbolis | 140 px | 30 mm |
| Horizontalus išdėstymas · ženklelis | 160 px | 34 mm |
| Vertikalus išdėstymas · simbolis | 72 px | 16 mm |
| Vertikalus išdėstymas · ženklelis | 80 px | 18 mm |
| Simbolis (atskirai) | 20 px | 5 mm |
| Ženklelis (atskirai) | 44 px | 8 mm |
Nurodyti pločiai. Mažesniems dydžiams vietoj išdėstymo naudokite tik simbolį arba ženklelį.
Dvi išimtys
- Programėlės piktograma: laisvosios erdvės taisyklė netaikoma. Ženklelis užpildo visą rėmelį, o kampus suapvalina platforma.
- Favicon (nuo 16 iki 32 px): ženklelis tampa neįskaitomas; naudokite tik teal simbolį ant permatomo fono.
Šalia kitų logotipų
Tarp dviejų logotipų palikite bent 1 X ir suderinkite juos iki vienodo optinio aukščio.
Spalvos
Viena prekės ženklo spalva, viena neutrali skalė
Prekės ženklo spalva yra Teal 500 · #049CB9. Antrinės prekės ženklo spalvos nėra; gylį suteikia teal skalės atspalviai ir neutralūs pilki tonai.
Vignetim teal
Neutralios spalvos
Techninės vertės
- HEX
- #049CB9
- RGB
- 4 · 156 · 185
- CMYK (nuor.)
- 98 · 16 · 0 · 27
- PANTONE (apytiksl.)
- Nuo 313 C iki 314 C
CMYK yra apskaičiuota orientacinė vertė; konvertuokite ją naudodami spaustuvės ICC profilį.
Naudojimo santykis
- Balta / Neutral 50
- Laisva erdvė
- Nuo Neutral 600 iki 900
- Tekstas ir struktūra
- Teal
- Akcentas ir veiksmas
Kiekviename ekrane yra lygiai vienas pagrindinis veiksmas teal spalva.
Mygtukų būsenos
Trys kontrasto taisyklės
- Teal 500 nėra teksto spalva (3.25:1 ant baltos). Tekstui ir nuorodoms naudokite Teal 700.
- Baltas tekstas ant Teal 500 turi būti bent 18 px / 14 pt pusjuodis; mažesniam tekstui naudokite Teal 700 foną.
- Tamsiajame režime akcentas yra nuo Teal 300 iki 400; ant tamsaus fono Teal 500 nepakanka.
Tipografija
Inter: vienas šriftas, keturi storiai
Inter yra vienintelis prekės ženklo šriftas. Naudojami tik 400, 500, 600 ir 700 storiai. Jei Inter nepavyksta įkelti, naudokite sistemos šriftą, o tada Arial.
Aa Bb Cc Çç Ğğ Iı İi Şş Öö Üü 0123456789
Aa
Regular · 400
Pagrindinis tekstas, ilgi tekstai.
Aa
Medium · 500
Etiketės, lentelių antraštės, paryškinimai.
Aa
SemiBold · 600
Antraštės, mygtukai, virš antraščių esantys užrašai.
Aa
Bold · 700
Tik kampanijų antraštėms.
H1 32 / 38 px · 600 · -0.020em
Jūsų vinjetė paruošta dar prieš pasienį
H2 24 / 30 px · 600 · -0.016em
Kaip veikia skaitmeninė vinjetė?
H3 20 / 26 px · 600 · -0.012em
Įveskite savo transporto priemonės valstybinį numerį
Body 16 / 26 px · 400
Programėlė primins, kai iki pasienio liks 30 km.
Body S 14 / 22 px · 400
Kainos grindžiamos kiekvienos šalies oficialiais vinječių tarifais.
Overline 11 / 14 px · 600 · +0.11em · CAPS
Šalys · Kainos · DUK
Eilučių aukštis: antraštėms nuo 1.10 iki 1.25, pagrindiniam tekstui nuo 1.50 iki 1.65. Eilutės ilgis nuo 60 iki 75 simbolių. Visada lygiuojama kairėje.
- Nerinkite pagrindinio teksto didžiosiomis raidėmis. Didžiosios raidės skirtos tik užrašams virš antraščių ir trumpoms etiketėms.
- Nedidinkite tarpų tarp pagrindinio teksto raidžių ir nerinkite jo teal spalva.
- Netempkite ir nepalenkite teksto; jokio dirbtinio kursyvo ar dirbtinio pusjuodžio.
- Viename paviršiuje naudokite ne daugiau kaip keturis lygius.
Turkiškų didžiųjų raidžių spąstai
Automatiškai konvertuojant “i” turi virsti İ. HTML nustatykite lang="tr", o kode naudokite toLocaleUpperCase('tr'). Kitaip “istanbul” virs “ISTANBUL”.
Galioja ir atvirkščiai: angliškam tekstui reikia lang="en", kitaip “Size” virs “SİZE”.
Kalbos: latin-ext poaibiai TR ir RO, cyrillic UA, latin DE ir EN. Visi jie yra Inter dalis. Niekada nekeiskite šrifto kitai kalbai.
Netinkamas naudojimas
Ko niekada nedaryti su logotipu
Šis sąrašas nėra baigtinis: bet koks logotipo keitimas, nukrypstantis nuo pateikto failo, laikomas netinkamu naudojimu.
Kai reikalinga vienspalvė spauda, naudokite patvirtintą vienspalvį tamsų variantą, o ne pilkų atspalvių.
Trumpa suvestinė
Visos gairės vienu žvilgsniu
Spalvų kortelė
- Teal 500 · prekės ženklas#049CB9
- Teal 700 · tekstas / nuorodos#046B80
- Teal 300 · tamsiojo režimo akcentas#5FCEE2
- Neutral 900 · antraštės#161B1E
- Neutral 600 · antrinis tekstas#565E64
- Neutral 50 · paviršius#F7F8F9
Penkios taisyklės
- Naudokite logotipą iš pateikto failo.
- Iš visų pusių palikite 0.5 X laisvosios erdvės.
- Teal 500 nėra teksto spalva. Naudokite Teal 700.
- Vienas šriftas: Inter, 400 / 500 / 600 / 700.
- Teal spalva užima ne daugiau kaip 10% bet kurio paviršiaus.
Failų sąrašas
- Visi logotipaiZIP
- 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 / whitePagal užklausą
- vignetim-appicon-1024Pagal užklausą
- vignetim-favicon-16/32/48Pagal užklausą
Spaudai ir dideliam formatui prašykite vektorinių (SVG arba EPS) failų. PNG naudokite tik ten, kur vektoriai nepalaikomi.
Programėlės piktograma
- App Store (iOS)
- 1024 × 1024 px, be permatomumo
- Google Play
- 512 × 512 px, 32 bitų PNG
- Play · reklaminė grafika
- 1024 × 500 px
- Socialinio tinklo profilis
- 1000 × 1000 px
Įkelkite kvadratą iki pat kraštų, be suapvalintų kampų. Juos suapvalina operacinė sistema.
CSS kintamieji
: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;
}Klausimai ir patvirtinimai
Dėl bet kokio šiose gairėse neaprašyto naudojimo arba norėdami užsakyti naują elementą, kreipkitės į prekės ženklo savininką.
Versija 1.0 · 2026 m. rugsėjis