Айдентика
Одна нитка, один шрифт, гучні пастельні тла. Усе нижче живе: перемикайте тумблери, тягніть стрічку, торкайтеся кольору.
Монограма — це одна нитка
«mb», написане одним розчерком, не відриваючи пера: m, висока b і вільний хвіст, що тягнеться далі. Це кравецька сантиметрова стрічка, яка щойно розмоталася. Ніколи не перемальовуйте монограму: беріть файли з розділу Завантаження.
Мінімальний розмір
На екрані знак має щонайменше 32 px завширшки (12 мм у друці). Якщо він менший за 48 px, нитка товщає, щоб не розірватися. Ще менше — беріть червону плитку з білою ниткою або не ставте знак зовсім.
120 px завширшки: добре.
Неправильне використання
Компоновки логотипа-напису
Ім’я набрано шрифтом Fixel Display ExtraBold із трекінгом −0,035em і ніколи — великими літерами. Монограма стоїть ліворуч від імені, на його базовій лінії. Українська компоновка повноправна, а не переклад.
Барандій
Колір: гучна пастель, одна гостра нота
Упевнені пастельні тла, сливовий для тексту, одна червона нитка на кадр, кислотний лише як наліпка. Натисніть на зразок кольору, щоб скопіювати hex-код.
Скільки якого кольору на типовій сторінці
Контрастні пари (WCAG 2.2 AA)
Співвідношення обчислюються наживо з кольорів бренду. Основному тексту потрібно 4,5:1; великому (24 px або 19 px жирним) — 3:1.
П’ять регістрів, один голос
Регістр — це кімната, до якої заходить бренд: ті самі елементи, але інші тла й акценти. Оберіть той, що пасує до нагоди. Перемикайте наживо.
Та сама нитка, інша кімната.
Особисте (за замовчуванням): папір і сливовий. Її власні сторінки, CV, нотатки.
Fixel, і тільки Fixel
Fixel від MacPaw — українська шрифтова родина з повною кирилицею, розміщена на нашому сервері. Display — для заголовків, чисел, кнопок і цитат; Text — для читання. Жодного другого шрифту.
Її голос — червоний курсив
Ціла фраза червоним курсивом означає: це говорить Марта.
Форми з кравецького столу
М’які й гострі водночас. Кожна форма має свою роботу; жодна не є прикрасою сама по собі.
Арка
Її вікно. Обрамлює портрети й ілюстрації, завершує картки згори.
Поділ
Низ сукні. Завершує розділ або картку; брижиться залежно від швидкості прокручування.
Пігулка
Дії та смуги даних. Під розмір пальця, від 44 px заввишки.
Розетка
Фестончастий значок: мереживний виріз у формі печива. Одна на кадр.
Вузол
Рішення зав’язане, свобода розв’язана. Поступ, вибір, підтвердження.
Нитка
Лінія, що з’єднує: під посиланнями, крізь хронології, через усю сторінку. Малює себе сама й ніколи не петляє заради забави.
Ілюстрація: Марта в шовку
Живописна манера, відчуття сучасного мистецтва, справжня вага тканини. Вона стоїть на повний зріст і заповнює кадр.
Бриф для арт-дирекції
- Стиль: живописна цифрова графіка, видиме світло на шовку (золото, червоний), м’яке тло в пастельному кольорі бренду. Сучасний портрет: не модний ескіз і не мультфільм.
- Постава: рівна спина, розправлені плечі, підборіддя прямо, впевнена опора. Вона займає кадр; у ній немає нічого зіщуленого чи кокетливого.
- Схожість: Марту легко впізнати; малюють за погодженими референсними фото. Кожен фінальний варіант затверджує вона сама.
- Тканина: шовк, що рухається. Де доречно, поділ або пояс переходить у червону нитку.
- Здача: прозорий WebP/PNG, щонайменше 2000 px заввишки, плюс версія, обрізана під арку.
- Ніколи: помада, сердечка й квіти як умовні знаки «жіночого»; сексуалізовані пози; знеособлені ШІ-обличчя.
Серія ілюстрацій
П’ять портретів, по одному на регістр. Кожна сукня належить до свого виду роботи.
Золота сукня
На повний зріст, стоячи, золотий шовк. Головний портрет. Для чого: регістр «Особисте», сайт бренду, Unbound.
Червоний шовк у русі
Іде вперед у довгій червоній сукні, і пояс стає ниткою через усю сторінку. Для чого: моменти кампаній, фінальні екрани інструментів.
Вишиванка
Сорочка чи сукня з фіолетовою вишивкою; сидить рівно за столом із документами. Горда, не фольклорна. Для чого: регістр «Україна», україномовний контент.
Лавандова сукня-костюм на сцені
Виступає за кафедрою, одна рука відкрита, чітка приталена сукня лавандового кольору. Для чого: регістри «Аналітика» і «Сцена», сторінка виступів, слайди доповідей.
Сливовий оксамит, за читанням
Сидить і читає документ із ручкою в руці, тепле бічне світло. Для чого: обкладинки аналітичних документів, книжка, довгі сторінки.
Як знімати
Справжні моменти її роботи, ніколи не стокові фото. Фотографія — це доказ (вона там була); ілюстрація несе ідею.