Arculati kézikönyv · Alapok

1.0 verzió · 2026. szeptember

Arculati kézikönyvAz alapok

Logó, szín és tipográfia. Minden, amire a vignetim. márka helyes használatához szüksége van.

PDF letöltése Logók letöltése

01 · LogóLogóváltozatok és színek

Logó

Logóváltozatok és színváltozatok

Négy jóváhagyott logóváltozat

Vízszintes · szimbólum

Alapértelmezett. Web, dokumentumok, prezentációk, e-mail-aláírások.

PNG

Függőleges · szimbólum

Négyzetes és álló felületek, közösségi média, roll-upok.

PNG

Vízszintes · jelvény

Alkalmazáson belüli fejlécek, alkalmazásbolti képek.

PNG

Függőleges · jelvény

Nyitóképernyők, hirdetési kreatívok.

PNG

Három színváltozat

Teal / világos háttér

Fehér, Neutral 50, Teal 50.

PNG

Fehér / teal háttér

Teal 500–800 között.

PNG

Fehér / sötét háttér

Neutral 800–900 között, fotók felett.

PNG

Szintén elérhető

Egyszínű nyomtatáshoz egyszínű sötét változat áll rendelkezésre. Szürkeárnyalatos átalakítás helyett ezt a fájlt használja.

Egyszínű sötét

PNG

A szóvédjegy mindig kisbetűs, ponttal a végén: vignetim. Soha ne írja nagy kezdőbetűvel, és ne növelje a betűközt.
A teal jelvényt soha ne helyezze teal háttérre. Beleolvad. Teal háttéren a fehér szimbólumot használja önmagában.
A szimbólumot vagy a jelvényt önmagában csak akkor használja, ha a márkanév ugyanazon a felületen máshol is megjelenik: alkalmazásikon, favicon, profilkép.
A logóváltozatokat soha ne rakja össze kézzel. Mindig a mellékelt fájlt használja; az elemeket soha ne rendezze át.

01 · LogóVédőtávolság és méret

Védőtávolság és minimális méret

Elegendő tér, olvasható méretek

A logó minden oldalán hagyjon legalább 0.5 X védőtávolságot. Az X az adott logóváltozatban szereplő szimbólum (vagy jelvény) magassága. Ebbe a területbe nem kerülhet szöveg, kép, vonal, másik logó vagy az oldal széle.

Szaggatott vonal = a logó határa · Árnyékolt terület = védőtávolság

Függőleges változat · X = a szimbólum magassága

Minimális méretek

Elem	Digitális	Nyomtatás
Vízszintes változat · szimbólum	140 px	30 mm
Vízszintes változat · jelvény	160 px	34 mm
Függőleges változat · szimbólum	72 px	16 mm
Függőleges változat · jelvény	80 px	18 mm
Szimbólum (önmagában)	20 px	5 mm
Jelvény (önmagában)	44 px	8 mm

Az értékek szélességet jelölnek. Ezeknél kisebb méretben logóváltozat helyett a szimbólumot vagy a jelvényt használja önmagában.

Két kivétel

Alkalmazásikon: a védőtávolság szabálya nem érvényes. A jelvény kitölti a keretet, a sarkokat a platform kerekíti le.
Favicon (16–32 px): a jelvény olvashatatlanná válik; használja a teal szimbólumot önmagában, átlátszó háttéren.

Más logók mellett

Két logó között hagyjon legalább 1 X távolságot, és igazítsa őket azonos optikai magasságra.

02 · SzínSzínpaletta

Szín

Egy márkaszín, egy semleges skála

A márkaszín a Teal 500 · #049CB9. Nincs másodlagos márkaszín; a mélységet a teal skála árnyalatai és a semleges szürkék adják.

Vignetim teal

Semleges színek

Műszaki értékek

HEX: #049CB9
RGB: 4 · 156 · 185
CMYK (ref.): 98 · 16 · 0 · 27
PANTONE (kb.): 313 C–314 C

A CMYK számított referenciaérték; a nyomda ICC-profiljával konvertálja.

Használati arány

70%

20%

10%

Fehér / Neutral 50: Szellős tér
Neutral 600–900: Szöveg és szerkezet
Teal: Kiemelés és művelet

Minden képernyőn pontosan egy teal színű elsődleges művelet van.

Gombállapotok

Alapállapot · Teal 500

Rámutatás · Teal 600

Lenyomva · Teal 700

Másodlagos

Három kontrasztszabály

A Teal 500 nem szövegszín (3.25:1 fehéren). Szövegekhez és linkekhez a Teal 700-at használja.
Teal 500-on a fehér szöveg legalább 18 px / 14 pt félkövér legyen; kisebb szöveghez Teal 700 hátteret használjon.
Sötét módban a kiemelőszín Teal 300–400; sötét háttéren a Teal 500 nem elég.

03 · TipográfiaInter

Tipográfia

Inter: egy betűtípus, négy vastagság

Az Inter a márka egyetlen betűtípusa. Csak a 400, 500, 600 és 700 vastagságot használjuk. Ha az Inter nem tölthető be, a rendszerbetűtípus, majd az Arial a tartalék.

Aa Bb Cc Çç Ğğ Iı İi Şş Öö Üü 0123456789

Regular · 400

Kenyérszöveg, hosszabb szövegek.

Medium · 500

Címkék, táblázatfejlécek, kiemelés.

SemiBold · 600

Címsorok, gombok, felülcímek.

Bold · 700

Csak kampányfőcímekhez.

H1 32 / 38 px · 600 · -0.020em

Matricája kész, mielőtt a határhoz ér

H2 24 / 30 px · 600 · -0.016em

Hogyan működik a digitális matrica?

H3 20 / 26 px · 600 · -0.012em

Adja meg járműve rendszámát

Body 16 / 26 px · 400

Az alkalmazás emlékeztetőt küld, amikor 30 km-re van a határtól.

Body S 14 / 22 px · 400

Az árak az egyes országok hivatalos matricadíjain alapulnak.

Overline 11 / 14 px · 600 · +0.11em · CAPS

Országok · Árak · GYIK

Sormagasság: címsoroknál 1.10–1.25, kenyérszövegnél 1.50–1.65. Sorhossz 60–75 karakter. Mindig balra zárt.

A kenyérszöveget ne szedje nagybetűvel. A nagybetű csak felülcímekhez és rövid címkékhez való.
A kenyérszöveg betűközét ne növelje, és ne szedje teal színnel.
A szöveget ne nyújtsa és ne döntse; ne használjon ál-dőlt vagy ál-félkövér betűt.
Legfeljebb négy szintet használjon egy felületen.

A török nagybetűk csapdája

Automatikus átalakításnál az “i” betűből İ kell legyen. HTML-ben állítsa be a lang="tr" attribútumot, kódban pedig használja a toLocaleUpperCase('tr') hívást. Ellenkező esetben az “istanbul” szóból “ISTANBUL” lesz.

Fordítva is igaz: az angol szövegnek lang="en" kell, különben a “Size” szóból “SİZE” lesz.

Nyelvek: latin-ext készlet a TR és RO nyelvhez, cyrillic az UA-hoz, latin a DE és EN nyelvhez. Mindegyik az Inter része. Más nyelvhez soha ne váltson betűtípust.

01 · LogóHelytelen használat

Helytelen használat

Amit soha ne tegyen a logóval

A lista nem teljes: a logó bármilyen, a mellékelt fájltól eltérő módosítása helytelen használatnak minősül.

Helytelen: Az arányok torzítása — Az arányok torzítása

Helytelen: A szín megváltoztatása — A szín megváltoztatása

Helytelen: Színátmenet alkalmazása — Színátmenet alkalmazása

Helytelen: Körvonal hozzáadása — Körvonal hozzáadása

Helytelen: Árnyékok és effektek — Árnyékok és effektek

Helytelen: Az elemek átrendezése — Az elemek átrendezése

Helytelen: Alacsony kontrasztú háttér — Alacsony kontrasztú háttér

A szóvédjegy újraszedése

Helytelen: A védőtávolság megsértése — A védőtávolság megsértése

Helytelen: Szükségtelen keretbe helyezés — Szükségtelen keretbe helyezés

Helytelen: Átlátszóság alkalmazása — Átlátszóság alkalmazása

Helytelen: Nagybetűk és betűköz — Nagybetűk és betűköz

Helytelen: Szürkeárnyalatossá alakítás — Szürkeárnyalatossá alakítás

Ha egyszínű nyomtatás szükséges, a jóváhagyott egyszínű sötét változatot használja, ne szürkeárnyalatot.

Gyors áttekintésMinden egy oldalon

Gyors áttekintés

A teljes kézikönyv egy pillantással

Színkártya

Teal 500 · márka#049CB9
Teal 700 · szöveg / linkek#046B80
Teal 300 · sötét mód kiemelőszín#5FCEE2
Neutral 900 · címsorok#161B1E
Neutral 600 · másodlagos szöveg#565E64
Neutral 50 · felület#F7F8F9

Öt szabály

A logót a mellékelt fájlból használja.
Minden oldalon hagyjon 0.5 X védőtávolságot.
A Teal 500 nem szövegszín. Használja a Teal 700-at.
Egy betűtípus: Inter, 400 / 500 / 600 / 700.
Egy felület legfeljebb 10%-a lehet teal.

Fájllista

Összes logóZIP
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 / whiteKérésre
vignetim-appicon-1024Kérésre
vignetim-favicon-16/32/48Kérésre

Nyomtatáshoz és nagy formátumhoz kérje a vektoros (SVG vagy EPS) fájlokat. PNG csak ott, ahol a vektor nem támogatott.

Alkalmazásikon

App Store (iOS): 1024 × 1024 px, átlátszóság nélkül
Google Play: 512 × 512 px, 32 bites PNG
Play · kiemelt grafika: 1024 × 500 px
Közösségi profil: 1000 × 1000 px

Kifutó, lekerekítés nélküli négyzetet töltsön fel. A sarkokat az operációs rendszer kerekíti le.

CSS-változók

: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;
}

Kérdések és jóváhagyások

Az e kézikönyvben nem szereplő felhasználási módokkal kapcsolatban, vagy új elem igényléséhez forduljon a márkagazdához.

1.0 verzió · 2026. szeptember