← All projects
Brand Guidelines

BrandBook & Style Guide

Visual identity constants, official color palette, e-Ukraine typography, logos, and graphic assets.

Айдентика

Логотип та фірмові знаки

Знак школи поєднує класичні театральні маски та динамічні летючі частки, що символізують дітей на сцені та творчий пошук.

Головний логотип Одеської театральної школи
Головний фірмовий знак (Full Logo) Растровий майстер-формат високої роздільності
PNG (800×484)
Дві маски
Дві маски SVG
Синя маска
Синя маска SVG
Червона маска
Червона маска SVG
Охоронна зона та правила:
  • Мінімальний відступ навколо логотипа дорівнює висоті малої маски.
  • Розміщувати на контрастному світлому або темному тлі без зайвих шумів.
  • Зберігати цілісність композиції та пропорції сторін 1:1 або 800:484.
Неприпустимо:
  • Не деформувати, не стискати і не розтягувати пропорції логотипа.
  • Не змінювати фірмові кольори масок на випадкові відтінки.
  • Не додавати сторонні важкі тіні чи градієнтні обведення.
Палітра

Фірмові кольори

Офіційна палітра базується на пʼяти константах, що відображають дух Одеси, сценічне мистецтво та відкритість дитячої студії.

#FFED00
Сонячний жовтий Primary Yellow

Головний колір світла рампи, сонячної Одеси та дитячої радості.

CSS: --palette-yellow
#00B5EC
Театральний блакитний Theatrical Cyan

Простір уяви, чорноморська свіжість, колір маски та польоту думок.

CSS: --palette-blue
#E20413
Сценічний червоний Stage Red

Театральний оксамит, динаміка дії, драматичний акцент та енергія.

CSS: --palette-red
#F9B31D
Теплий бурштиновий Warm Amber

Теплота дружньої спільноти, софіти, свято та креативне сяйво.

CSS: --palette-orange
#1D1D1D
Глибокий графіт Deep Charcoal

Базовий колір сцени в затемненні, контрастний текст і суворість ліній.

CSS: --palette-black
Шрифт

Типографіка — e-Ukraine

Офіційною гарнітурою сайту та фірмового стилю є e-Ukraine — сучасний, виразний та відкритий український геометричний гротеск.

Bold (700) Головні заголовки сторінок (H1, H2), афіші, дати премʼєр та акцентні цифри.

Одеська дитяча театральна школа

Medium (500) Підзаголовки (H3, H4), навігаційне меню, назви ролей, кнопки дій та бейджі.

Акторська майстерність, сценічна мова та вокал

Regular (400) Основний масив тексту, описи вистав, біографії випускників та документація.

Школа відкриває двері у світ театрального мистецтва та високої культури.

28px

Театр починається з дитинства та натхнення

Театр починається з дитинства та натхнення

Абетка та символи:

Аа Бб Вв Гг Ґґ Дд Ее Єє Жж Зз Ии Іі Її Йй Кк Лл Мм Нн Оо Пп Рр Сс Тт Уу Фф Хх Цц Чч Шш Щщ Ьь Юю Яя

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789

Фірмові мікро-частки (Mini-Icons)

Векторні мікроелементи айдентики для оформлення дипломів, афіш, соцмереж та анімацій.

Частка 02 #02
Частка 03 #03
Частка 04 #04
Частка 05 #05
Частка 06 #06
Частка 07 #07
Частка 08 #08
Частка 09 #09
Частка 10 #10
Частка 11 #11
Частка 12 #12