Ідентичність бренду

Рекомендації бренду Faktorist

We're currently rebranding — updated brand guidelines coming soon. Get in touch

Використання логотипу

Логотип і ідентичність

Наш логотип - основа нашої ідентичності бренду. Використовуйте його послідовно та з повагою.

F

Faktorist Logo Mark

Вільний простір

Завжди залишайте вільний простір навколо логотипу. Мінімальна відстань дорівнює висоті малої літери 'x' у написанні бренду Faktorist. Це забезпечує чіткість логотипу та його легку впізнаваність.

Мінімальний розмір

Ніколи не використовуйте логотип менше ніж 120 пікселів в ширину для веб-додатків та менше ніж 20 мм для друкованих матеріалів. При меншому розмірі логотип стає нечитаним і втрачає візуальний вплив.

Фони

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

Масштабування

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

Do's

  • Використовуйте лише офіційні файли логотипу
  • Залишайте вільний простір навколо логотипу
  • Застосовуйте логотип на фонах з достатнім контрастом
  • Масштабуйте логотип пропорційно
  • Використовуйте рекомендовані колірні варіанти

Don'ts

  • Не спотворюйте, не нахиляйте й не обертайте логотип
  • Не розміщуйте логотип надто близько до інших елементів
  • Не обертайте логотип під кутом, інакше як 0°
  • Не змінюйте кольори логотипу без дозволу
  • Не використовуйте логотип меншим за мінімально допустимий розмір
Палітра кольорів

Наші кольори

Ретельно добрана палітра, яка визначає нашу візуальну ідентичність

Палітра кольорів Faktorist включає основний фіолетовий градієнт та додаткові акцентні кольори. Ці кольори спеціально розроблені для гармонійної взаємодії, створюючи візуальну єдність усіх матеріалів бренду.

Primary Palette

primary-50

#f3f4fa

RGB: 243, 244, 250

primary-100

#e9eaf6

RGB: 233, 234, 246

primary-200

#d6d7ef

RGB: 214, 215, 239

primary-300

#bdbde4

RGB: 189, 189, 228

primary-400

#a6a2d7

RGB: 166, 162, 215

primary-500

#948bc9

RGB: 148, 139, 201

primary-600

#8778bb

RGB: 135, 120, 187

primary-700

#7161a1

RGB: 113, 97, 161

primary-800

#5c5083

RGB: 92, 80, 131

primary-900

#4d456a

RGB: 77, 69, 106

primary-950

#2e283e

RGB: 46, 40, 62

Accent Colors

amber-300

CTA highlights

#fcd34d

RGB: 252, 211, 77

amber-400

Primary accent

#fbbf24

RGB: 251, 191, 36

yellow-400

Alerts & attention

#facc15

RGB: 250, 204, 21

Типографіка

Шрифти та типографія

Чисті, сучасні шрифти, що відображають характер нашого бренду

Плюс Джакарта Санс

Основний шрифт для всіх заголовків, назв розділів та ключових повідомлень

The quick brown fox jumps over the lazy dog. 0123456789

Інтер

Додатковий шрифт для основного тексту, описів та пояснювального контенту

The quick brown fox jumps over the lazy dog. 0123456789

Fallback Stack

системний інтерфейс користувача, беззасічковий

Always include fallback fonts to ensure consistent rendering across devices

Голос і тон

Голос бренду

Як ми спілкуємося з нашою аудиторією

Професійний: Ми авторитетні та компетентні

Надійний: Ми прозорі й стійкі

Інноваційний: Ми обираємо передові рішення

Глобально орієнтований: Ми цінуємо й святкуємо культурне різноманіття

Communication Guidelines

Використовуйте чітку, пряму мову, уникаючи жаргону де це можливо

Будьте корисними й інформативними у всіх комунікаціях

Дотримуйтесь поважного й інклюзивного тону

Проявляйте ентузіазм до інновацій, але без надмірної невимушеності

Використовуйте інклюзивну мову, яка вітає всіх користувачів

Рекомендації щодо використання

Коли й як використовувати кольори

Основний колір (#7161a1): Використовуйте для головних кнопок, навігації та основних призовів до дії

Темний основний (#2e283e): Використовуйте для фонів, тексту на світлих поверхнях та контрастних елементів

Янтарний/Жовтий: Застосовуйте обережно для виділення, значків та додаткових призовів до дії

Допоміжні кольори: Використовуйте для іконок, акцентних елементів та створення візуальної ієрархії

Нейтральні сірі: Використовуйте для меж, роздільників, вимкнених елементів та тонких фонів

Завантажити матеріали

Бренд-матеріали

Файли логотипу

Файли у форматах PNG, SVG та PDF у різних розмірах та колірних варіантах

Палітра кольорів

Експорт у форматах HEX, RGB та CSS-змінних для розробки й дизайну

Рекомендації бренду

Повний PDF-посібник з усіма стандартами бренду й правилами використання

Бібліотека іконок

Набір іконок у форматі SVG, узгоджений з візуальною мовою Faktorist

Have questions about our brand guidelines? Contact our team for more information.