Компоненти · бренд-система Марти Барандій

Дія

Те, що натискають. Нитка натягується під підписом, а там, де ви клацнули, зав’язується вузол.

Читати статтю Контур Шовк Малий

Кнопка

Для: Будь-яка дія на сторінці. Сливова — повсякденна кнопка, червона — для одного рішення, контурна — другий варіант вибору, золотий шовк — для урочистих моментів.
Коли: Підпис — дієслово, яке каже, що станеться: «Читати статтю», «Почати», «Зберегти мою картку».

Прочитайте аналітичну записку та її джерела.

Посилання

Для: Посилання всередині суцільного тексту.
Коли: Будь-де в реченні. Під наведеним курсором під словами прокреслюється нитка.

Вузлик-спалах

Для: Підтвердження рішення: там, де ви натиснули, зав’язується маленький червоний вузол.
Коли: Людина фіксує відповідь, зберігає картку чи завершує крок. Ті, хто просить зменшити рух, бачать просту зміну стану.

Вибір

Інструменти спершу питають, а вже потім розповідають. Ось як людина може відповісти.

За якими темами ви стежите?

Чипи

Для: Вибір однієї чи кількох коротких відповідей. Коли чип обрано, у ньому зав’язується вузол.
Коли: Від двох до шести варіантів по одному–три слова.

Зберігати мої відповіді в цьому браузері

Перемикач

Для: Налаштування, яке або ввімкнене, або вимкнене. Коли ввімкнено, повзунок стає вузлом.
Коли: Зміна відбувається одразу.

Наскільки помітною вам здається ваша робота?

Ледь помітнаУ повний масштаб

Сантиметр-повзунок

Для: Відповіді за шкалою, намальованою як кравецький сантиметр. Мірку визначає той, хто його тримає.
Коли: Відповідь — це міра, а не категорія.

Як до вас звертатися?

Поле

Для: Відповіді, які вводять із клавіатури. Пунктирний стібок сам зшивається, щойно ви клацнете в поле.
Коли: Ім’я, дата чи одне речення. Формулюйте як запитання.

Під активною вкладкою біжить стібок. Клавіші зі стрілками перемикають вкладки.

Вкладки

Для: Перемикання між поглядами на одне ціле: короткий зміст статті, рекомендації та джерела.
Коли: Від двох до чотирьох рівноцінних поглядів.

Читання

Працює шрифт. Плакат — для моменту, лід — для суті, голос — для Марти.

Інструменти,не тексти.

Плакат

Для: Єдине твердження, заради якого існує сторінка чи допис. Найбільший кегль, Fixel Display Black, щільний інтервал. Може виходити за край.
Коли: Головні екрани, дописи в соцмережах, заголовки слайдів. Маджента на рожевому — лише в такому розмірі: це декоративний контраст.

Аналітична записка

Тимчасовий захист на роздоріжжі

Що буде з особами під тимчасовим захистом, коли він закінчиться.

Мітка, заголовок, лід

Для: Порядок читання будь-якого блоку: що це, про що воно, чому це важливо.
Коли: Верх кожної картки, розділу й обкладинки.

Факт 2022 року Promote Ukraine отримала Премію європейського громадянина (Європейського парламенту).

Інтерпретація Що підказують докази.

Гіпотеза Що ми думаємо і ще маємо перевірити.

Мітки тверджень

Для: Показують, якого роду це твердження. Юридична точність, яку видно.
Коли: Перед будь-яким твердженням в інструменті, короткому змісті статті чи допису з даними.

Тут — цитата Марти, точно так, як вона її сказала чи написала.

Марта Барандій · джерело і дата

Цитата на шовку

Для: Власні слова Марти, великим кеглем. Для окремої фрази всередині тексту беріть її червоний курсивний голос.
Коли: Лише зі справжньою цитатою, її джерелом і датою.

Що таке Директива про тимчасовий захист?

Директива ЄС про тимчасовий захист. Відповідь — у двох реченнях, потім джерело.

Де отримати допомогу?

Посилайтеся на організації, ніколи — на приватні контакти.

Розгортка

Для: Запитання, які люди можуть захотіти пропустити.
Коли: Часті запитання, визначення, «звідки ми це знаємо».

Дані

Факти схожі на плакати, а не на таблиці. Одне число, одне речення, одне джерело.

12випусків Brussels Ukraïna Review, який вона редагувала з 2019 по 2024 рік.

Велике число

Для: Одне число і речення, яке його пояснює. Один раз набігає, щойно з’являється на екрані.
Коли: Число і є історія.

Варіант А82

Варіант Б64

Варіант В41

Варіант Г23

Смуги-пігулки

Для: Порівняння кількох значень. Смуги ростуть, як стрічки тканини; кольори йдуть від лавандового через рожевий, орхідейний і фіалковий до мадженти. Дані умовні.
Коли: Від двох до п’яти значень на одній шкалі.

2014
Засновує Promote Ukraine у Брюсселі.
2021
Засновує Promote Freedom Foundation.
2022
Promote Ukraine отримує Премію європейського громадянина.
2026
Стипендіатка програми MOFA Taiwan Fellowship в INDSR, Тайбей.

Хронологія

Для: Події по порядку: одна нитка, багато вузлів. Червоне заповнюється, поки ви прокручуєте.
Коли: Віхи кар’єри, історія справи, етапи ухвалення закону.

Вузли прогресу

Для: Показують, скільки людина вже пройшла: зав’язані вузли, а не відсотки. З Marta Unbound.
Коли: Будь-який інструмент із кроками.

Розмова

Патерн Unbound: бренд розмовляє з вами, а не читає лекцій.

Лекцій не буде. Ви відповідаєте, я показую джерело.

Домовилися.

Бульбашки розмови

Для: Інструменти, що розмовляють із вами, по одній репліці. Крапки набору тривають менше секунди. Текст для прикладу, не цитата.
Коли: Тренінги й інструменти, де запитання йде перед фактом.

Структура

Поверхні, поля й орнаменти. Чергуйте їх: однакова заокруглена картка всюди — це той шаблонний мотлох, якого ми уникаємо.

Пудрова картка

Повсякденна тонована поверхня.

Картка-арка

Наведіть курсор — вона стане пелюсткою.

Картка з подолом

Її поділ хвилюється зі швидкістю прокручування.

Сливова картка

Для єдиного темного моменту.

Картки

Для: Поєднують одну ідею з її дією. Кольори: пудровий, бузковий, небесний, вершковий, сливовий. Форми: проста, арка, поділ.
Коли: Списки статей, інструментів, виступів. Уся картка — посилання.

Рамка-арка

Для: Її вікно: портрети й ілюстрації. На бузковому, небесному чи вершковому тлі.
Коли: Скрізь, де Марта з’являється в макеті.

Новинка

Онлайн

Розетка, наліпка

Для: Одне коротке оголошення: «Нове», «Онлайн», «Уже вийшло». Розетка — значок із фестончастим краєм.
Коли: Запуски і свіжі релізи.

Растр, крапки

Для: Фактура з плакатів із рожевою левицею та точкових діаграм.
Коли: Під великим шрифтом, портретом чи обкладинкою.

Поле маджента: гучне поле для одного твердження.

Червоне поле, рваний край: край — як роздертий папір.

Сливове поле: темний момент.

Кольорові поля і краї

Для: Колір на всю ширину, на якому стоять розділи. Поля: маджента, лавандове, червоне, сливове. Краї: прямий, рваний папір або хвилястий поділ.
Коли: Щоб задати ритм довгій сторінці або щоб одне твердження влучило.

Стрічка

Для: Похила стрічка слів, що біжить через сторінку, сливова або рожева. Слова взято з Marta Unbound.
Коли: Один раз на сторінку, між двома розділами.