Бранд насоки · Основи
Версия 1.0 · Септември 2026
Бранд насокиОсновите
Лого, цвят и типография. Всичко необходимо, за да използвате правилно бранда vignetim.
Лого
Композиции и цветови варианти
Четири одобрени композиции
Хоризонтално · символ
По подразбиране. Уеб, документи, презентации, имейл подписи.
Вертикално · символ
Квадратни и вертикални формати, социални мрежи, рол-ъп банери.
Хоризонтално · значка
Заглавни ленти в приложението, визии за магазините за приложения.
Вертикално · значка
Начални екрани, рекламни визии.
Три цветови версии
Teal / светъл фон
Бяло, Neutral 50, Teal 50.
Бяло / teal фон
От Teal 500 до 800.
Бяло / тъмен фон
От Neutral 800 до 900, върху снимки.
Налично също
За едноцветен печат има едноцветна тъмна версия. Използвайте този файл вместо преобразуване в нюанси на сивото.
Едноцветно тъмно
- Словесната марка винаги се изписва с малки букви и с точка: vignetim. Никога не пишете първата буква главна и не добавяйте разредка.
- Никога не поставяйте teal значката върху teal фон. Тя изчезва. Върху teal използвайте самостоятелно белия символ.
- Използвайте символа или значката самостоятелно само когато името на бранда присъства другаде на същата повърхност: икона на приложение, favicon, профилна снимка.
- Никога не сглобявайте композициите ръчно. Винаги използвайте предоставения файл; никога не пренареждайте елементите.
Защитно поле и минимален размер
Достатъчно пространство, четими размери
Оставете поне 0.5 X свободно пространство от всяка страна на логото. X е височината на символа (или значката) в съответната композиция. В тази зона не може да навлиза текст, изображение, линия, друго лого или ръбът на страницата.
Минимални размери
| Елемент | Дигитално | Печат |
|---|---|---|
| Хоризонтална композиция · символ | 140 px | 30 mm |
| Хоризонтална композиция · значка | 160 px | 34 mm |
| Вертикална композиция · символ | 72 px | 16 mm |
| Вертикална композиция · значка | 80 px | 18 mm |
| Символ (самостоятелно) | 20 px | 5 mm |
| Значка (самостоятелно) | 44 px | 8 mm |
Стойностите са ширини. Под тези размери използвайте самостоятелно символа или значката вместо композиция.
Две изключения
- Икона на приложение: правилото за защитно поле не се прилага. Значката запълва рамката, а платформата заоблява ъглите.
- Favicon (от 16 до 32 px): значката става нечетима; използвайте само teal символа върху прозрачен фон.
До други лога
Оставяйте поне 1 X между две лога и ги балансирайте до еднаква оптическа височина.
Цвят
Един цвят на бранда, една неутрална скала
Цветът на бранда е Teal 500 · #049CB9. Няма вторичен цвят на бранда; дълбочината идва от нюансите на teal скалата и от неутралните сиви тонове.
Vignetim teal
Неутрални
Технически стойности
- HEX
- #049CB9
- RGB
- 4 · 156 · 185
- CMYK (реф.)
- 98 · 16 · 0 · 27
- PANTONE (прибл.)
- От 313 C до 314 C
CMYK е изчислена референтна стойност; преобразувайте я с ICC профила на печатницата.
Съотношение на употреба
- Бяло / Neutral 50
- Свободно пространство
- От Neutral 600 до 900
- Текст и структура
- Teal
- Акцент и действие
Всеки екран има точно едно основно действие в teal.
Състояния на бутоните
Три правила за контраст
- Teal 500 не е цвят за текст (3.25:1 върху бяло). За текст и връзки използвайте Teal 700.
- Бял текст върху Teal 500 трябва да е поне 18 px / 14 pt удебелен; за по-малък текст използвайте фон Teal 700.
- В тъмен режим акцентът е от Teal 300 до 400; Teal 500 не е достатъчен върху тъмни фонове.
Типография
Inter: един шрифт, четири дебелини
Inter е единственият шрифт на бранда. Използват се само дебелините 400, 500, 600 и 700. Ако Inter не може да се зареди, се използва системният шрифт, а след него Arial.
Aa Bb Cc Çç Ğğ Iı İi Şş Öö Üü 0123456789
Aa
Regular · 400
Основен текст, дълги текстове.
Aa
Medium · 500
Етикети, заглавия на таблици, акцентиране.
Aa
SemiBold · 600
Заглавия, бутони, надзаглавия.
Aa
Bold · 700
Само за заглавия на кампании.
H1 32 / 38 px · 600 · -0.020em
Вашата винетка, готова преди границата
H2 24 / 30 px · 600 · -0.016em
Как работи дигиталната винетка?
H3 20 / 26 px · 600 · -0.012em
Въведете регистрационния номер на автомобила си
Body 16 / 26 px · 400
Приложението ви изпраща напомняне, когато сте на 30 km от границата.
Body S 14 / 22 px · 400
Цените се основават на официалната тарифа за винетки на всяка държава.
Overline 11 / 14 px · 600 · +0.11em · CAPS
Държави · Цени · ЧЗВ
Междуредие: от 1.10 до 1.25 за заглавия, от 1.50 до 1.65 за основен текст. Дължина на реда от 60 до 75 знака. Винаги подравняване вляво.
- Не изписвайте основния текст с главни букви. Главните букви са само за надзаглавия и кратки етикети.
- Не добавяйте разредка към основния текст и не го изписвайте в teal.
- Не разтягайте и не накланяйте текста; без фалшив курсив или фалшив удебелен шрифт.
- Използвайте не повече от четири нива на една повърхност.
Капанът на турските главни букви
При автоматично преобразуване “i” трябва да стане İ. Задайте lang="tr" в HTML и използвайте toLocaleUpperCase('tr') в кода. Иначе “istanbul” става “ISTANBUL”.
Важи и обратното: английският текст изисква lang="en", иначе “Size” се превръща в “SİZE”.
Езици: подмножества latin-ext за TR и RO, cyrillic за UA, latin за DE и EN. Всички са част от Inter. Никога не сменяйте шрифта за друг език.
Неправилна употреба
Какво никога да не правите с логото
Списъкът не е изчерпателен: всяка промяна на логото спрямо предоставения файл се счита за неправилна употреба.
Когато е необходим едноцветен печат, използвайте одобрената едноцветна тъмна версия, а не нюанси на сивото.
Кратка справка
Целите насоки с един поглед
Цветова карта
- Teal 500 · бранд#049CB9
- Teal 700 · текст / връзки#046B80
- Teal 300 · акцент в тъмен режим#5FCEE2
- Neutral 900 · заглавия#161B1E
- Neutral 600 · вторичен текст#565E64
- Neutral 50 · повърхност#F7F8F9
Пет правила
- Използвайте логото от предоставения файл.
- Оставяйте 0.5 X свободно пространство от всяка страна.
- Teal 500 не е цвят за текст. Използвайте Teal 700.
- Един шрифт: Inter, 400 / 500 / 600 / 700.
- Не повече от 10% от всяка повърхност е в teal.
Списък с файлове
- Всички лога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 / whiteПри поискване
- vignetim-appicon-1024При поискване
- vignetim-favicon-16/32/48При поискване
За печат и голям формат поискайте векторните файлове (SVG или EPS). PNG само там, където векторите не се поддържат.
Икона на приложение
- App Store (iOS)
- 1024 × 1024 px, без прозрачност
- Google Play
- 512 × 512 px, 32-битов PNG
- Play · представително изображение
- 1024 × 500 px
- Профил в социални мрежи
- 1000 × 1000 px
Качете квадрат до краищата, без заоблени ъгли. Операционната система ги заоблява.
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;
}Въпроси и одобрения
За всяка употреба, която не е описана в тези насоки, или за заявка на нов материал се свържете с отговорника за бранда.
Версия 1.0 · Септември 2026