Medoc
Логотип
Це основний логотип продукту. Повнокольорова версія логотипу є базовою та пріоритетною для використання у всіх основних носіях
Класичне використання логотипу на білому або світлому фоні
Класичне використання логотипу на темному фоні з градієнтом
Логотип у білому кольорі для використання на темних або насичених фонах
Вільний простір
Навколо логотипу завжди має бути вільний простір, що забезпечує його читабельність та візуальну чистоту
Основна версія логотипів субпродуктів
Medoc ЕДО
Medoc ТТН
Medoc SAF-T
Варіанти кольорового використання
Класичне використання логотипу на темному фоні
Класичне використання логотипу на білому або світлому фоні
Класичне використання логотипу на темному фоні з градієнтом
Використовується інверсійна версія на темному фоні
Як не потрібно робити
Будь ласка, ніколи не змінюйте кольорові елементи логотипа
Використання монохромного логотипа жовтого кольору – неможливе
Будь ласка, утримайтеся від використання версії логотипа у градаціях сірого
Так теж не потрібно робити
Завантажити гайдлайн
В архів додані усі формати, доступні для використання у друкованих та цифрових матеріалах
Схема кольорів
Головні кольори
Шрифти
Шрифт заголовка Roboto
Варіанти
300 Italic — Light Italic
Хвацький юшковар Філіп щодня на ґанку готує сім'ї вечерю з жаб
400 — Regular
Хвацький юшковар Філіп щодня на ґанку готує сім'ї вечерю з жаб
400 Italic — Regular Italic
Хвацький юшковар Філіп щодня на ґанку готує сім'ї вечерю з жаб
500 — Medium
Хвацький юшковар Філіп щодня на ґанку готує сім'ї вечерю з жаб
500 Italic — Medium Italic
Хвацький юшковар Філіп щодня на ґанку готує сім'ї вечерю з жаб
600 — Semi Bold
Хвацький юшковар Філіп щодня на ґанку готує сім'ї вечерю з жаб
Підключення
Щоб вбудувати шрифт, скопіюйте код в <head> вашого HTML.
<link>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,600;1,300;1,400;1,500&display=swap" rel="stylesheet">@import
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,600;1,300;1,400;1,500&display=swap');
</style>