Перейти до основного вмісту
логотип Avana

Бренд-кит

Офіційні логотипи Avana, кольори та типографіка.

Завантажити kit
Оберіть знак для вашого макета

Використовуйте повний словесний знак або окрему іконку у затвердженій колірній схемі.

Задайте тон за допомогою шрифтів

Diatype — основний; використовуйте Outfit там, де Diatype недоступний.

Diatype

Avana використовує Diatype для продуктового та маркетингового оформлення. Він зберігає щільний протокольний контент читабельним, водночас відчувається чітким і редакційним.

AaBbCc

Outfit

Outfit є резервним зразком для контекстів, де Diatype недоступний. Diatype залишається основним шрифтом для користувацького досвіду продукту.

AaBbCc
Створюйте з основною палітрою

Поєднуйте білий і чорнильний з Avana cyan для акценту.

Основні кольори

Палітра Avana навмисно проста: білий для простору, чорнило для чіткості та бірюзовий для впізнаваності.

Avana Білий

Основна поверхня для сторінок продукту, карток, документації та макетів, яким потрібен простір для «дихання».

Avana Чорнило

Основний текст і темний колір логотипу. Використовуйте його, коли важливі контрастність і авторитет.

Avana Бірюзовий

Основний акцент для активних станів, посилань, ключових виділень та закликів до дії з Avana підсвічуванням.

Зберігайте логотип недоторканим

Залишайте навколо нього вільний простір і не розтягуйте, не перефарбовуйте та не додавайте ефектів.

Речі, яких слід уникати

Збережіть позначку Avana без змін. Ці приклади демонструють обробки, які ускладнюють читання логотипу або роблять його менш впізнаваним.

Stretched logo example

Не розтягуйте і не стискайте логотип.

Rotated icon example

Не обертайте і не перевертайте знак.

Recolored logo example
Second recolored logo example

Не перефарбовуйте логотип поза затвердженими кольорами.

Cropped logo example

Не обрізайте знак і не ставте його занадто близько до краю.

Logo with effects example

Do not add shadows, gradients, outlines, or effects.

Crowded spacing examplePartner

Не затісняйте знак логотипами партнерів або підписами інтерфейсу.

Часті запитання