Знак — темний
Для світлого фону
Бренд-хаб INFOCLUB
Логотип, кольори, шрифт і голос клубу — рівно те, що вже працює на сайті й у застосунку.
Питання про бренд і пресу — на пошту serviceinfoclub@gmail.com.
Що шукаєте?
Логотип
Словесний знак INFOCLUB і емблема IC. Беріть файли звідси — тут завжди актуальні версії.
Словесний знак
Знак — білий
Для темного фону
Емблема
Емблема IC.
Іконка застосунку, квадрат 1024 × 1024. SVG — [уточнити: вихідний файл є лише в застосунку]
Як використовувати
Так
- Беріть файли знака лише з цієї сторінки.
- Темний знак — на світлому фоні, білий — на темному, як у шапці сайту й на картинках для соцмереж.
- Кольори знака й фону — лише з палітри нижче.
- Назву пишіть так: INFOCLUB — одним словом, великими літерами.
Ні
- Не набирайте знак іншим шрифтом — лише Manrope 800.
- Не перефарбовуйте знак у кольори поза палітрою.
- Охоронне поле й мінімальний розмір — [уточнити].
- Розтягування, тіні, обведення, строкатий фон — [уточнити: заборони не записані].
Кольори й градієнти
Палітра «Кобальт» — з токенів дизайн-системи сайту й застосунку. Натисніть «Копіювати», щоб узяти HEX.
Фірмові
- Бренд
--brand#2563EBrgb(37, 99, 235) - Бренд — наведення
--brand-strong#1D4FC4rgb(29, 79, 196) - Бренд — м'яка підкладка
--brand-soft#E3ECFDrgb(227, 236, 253) - Бренд — найм'якша підкладка
--brand-faint#F3F7FErgb(243, 247, 254) - Текст на бренді
--brand-contrast#FFFFFFrgb(255, 255, 255)
Нейтральні
- Темний блок
--bg-inverse#0F1B33rgb(15, 27, 51) - Картки в темному блоці
--bg-inverse-soft#1A2742rgb(26, 39, 66) - Основний текст
--text-strong#121A2Brgb(18, 26, 43) - Вторинний текст
--text-body#26324Argb(38, 50, 74) - Підписи
--text-muted#4B576Frgb(75, 87, 111) - Третинний текст
--text-soft#62708Argb(98, 112, 138) - Найблідший текст
--text-faint#98A2B6rgb(152, 162, 182) - Рамка карток
--border#E3E8F1rgb(227, 232, 241) - Фон чипсів
--bg-muted#E9EDF5rgb(233, 237, 245) - Фон сторінки
--bg-page#F4F6FArgb(244, 246, 250) - Поверхня карток
--bg-surface#FFFFFFrgb(255, 255, 255)
Стани
- Готово
--success#1C7A43rgb(28, 122, 67) - Готово — підкладка
--success-soft#DDF3E6rgb(221, 243, 230) - Попередження
--warning#A8660Argb(168, 102, 10) - Попередження — підкладка
--warning-soft#FCEFD9rgb(252, 239, 217) - Помилка
--danger#B4233Argb(180, 35, 58) - Помилка — підкладка
--danger-soft#FDE8EArgb(253, 232, 234)
Градієнти
Темний герой
Кобальтове світіння згори праворуч і бірюзове знизу ліворуч поверх темного блоку — анкети й екрани входу.
@include inverse-glow;Типографіка
Один шрифт на все — Manrope. Кеглі, ваги й інтерліньяж — з токенів дизайн-системи.
Шрифт
Manrope
Інтерфейс, заголовки й текст. Латиниця, кирилиця й польські літери.
font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;Ваги
- Aa Аа Ąą400 · Звичайний
- Aa Аа Ąą500 · Середній
- Aa Аа Ąą600 · Напівжирний
- Aa Аа Ąą700 · Жирний
- Aa Аа Ąą800 · Надщільний — заголовки й логотип
Безкоштовний шрифт (SIL Open Font License) — файли беріть на Google Fonts.
Шкала кеглів
$text-xsПідписи капслоком, бейджіЕкосистема
$text-smЧипси, дрібні кнопкиБізнес-клуб і спільнота підприємців
$text-baseТекст, кнопкиБізнес-клуб і спільнота підприємців
$text-lgНавігація, крупний текстБізнес-клуб і спільнота підприємців
$text-xlЗаголовок карткиБізнес-клуб і спільнота підприємців
$text-2xlЗаголовок секціїБізнес-клуб і спільнота підприємців
$text-3xlІм'я на сторінці профілюБізнес-клуб і спільнота підприємців
$text-4xlВеликі числа й ініціалиINFOCLUB
CSS-сніпети
Заголовок
font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 23px;
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.01em;Текст
font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.55;Надзаголовок
font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;Фото
Фото, які вже є на сайті. Фото учасників клубу тут не публікуємо.
Засновник
Андрій Лазнюк
Засновник і директор — PNG, 512 × 584 px
[уточнити: чи можна давати пресі, чи є фото більшої роздільності]
Команда й події
Фото з подій і команди, на які в клубу є право, — [уточнити: Андрій].
Банери й шпалери
Картинка для соцмереж
PNG, 1200 × 630 — сайт малює її сам: темний блок, знак і заголовок сторінки.
Готових банерів і шпалер поки немає — [уточнити: чи потрібні й які].
Голос і тон
Правила, що вже діють у текстах сайту й у мові ШІ-співробітників клубу.
Назва — INFOCLUB: одним словом, великими літерами.
Звідки: назва сайту й знак у шапці
[уточнити: на сайті є «Infoclub Media» — інше написання]
Хто ми — «бізнес-клуб і спільнота підприємців».
Звідки: заголовок головної сторінки
До людини — на «ви»: «Оберіть тему», «Знайдіть партнера».
Звідки: тексти сайту
[уточнити: правило ніде не записане]
На пряме питання «ти бот?» — чесно: ШІ-асистент клубу.
Звідки: правило ШІ-співробітників
Цифри про клуб — лише з живого підрахунку; круглі цифри зі старих сторінок не цитуємо.
Звідки: правило проєкту
Без ракет, бомб, вибухів і прицілів — ні в іконках, ні в емодзі. Старт — паросток, зростання — графік угору.
Звідки: правило QA, 19.10.2026
Мови — українська, англійська, польська.
Звідки: мови сайту
Тон бренду одним реченням — [уточнити: Андрій].
Натхнення
Добірки референсів поки немає — [уточнити: Андрій].
Завантажити все
Один архів: словесний знак (SVG і PNG, темний і білий) та емблема (PNG).
Для преси
Запити преси й спікерства приймає пошта зі сторінки «Контакти».