SHUNGITE. Природні мінерали Карелії.
Єдина система для сайту, Instagram, reels, пакування та друку: світла палітра, одна гарнітура з двома ролями, чіткі кнопки та реальні фото товарів.
Що ми обіцяємо клієнту.
Ми продаємо карельський шунгіт, який перевіряємо мультиметром. Усе, що ми говоримо про воду, шкіру та простір, спирається на вимірювані показники й відкриті дослідження.
Ясність.
Заголовки великі, короткі та прямі. Один заголовок — одна думка. Без езотерики та медичних обіцянок.
Оптимізм.
Світлі кольори, живі фото, дружній тон. Щоденна користь замість страху.
Докази.
98.4% очищення від хлору, до 85% поглинання високочастотного поля, опір близько 0.04 Ом. Завжди з джерелом.
Простота покупки.
Кнопка «Додати в кошик», відправка Новою Поштою в день замовлення, ціни виробника.
Біле полотно та м’які пастельні акценти.
Білий і світло-сірий — основа. М’ята, лаванда та рожевий створюють свіжість і ділять сторінку на зони. Чорний — для тексту та кнопок. Темних фонів у інтерфейсі й Instagram немає.
Дві ролі: Helvetica Neue та моноширинний шрифт.
Основна гарнітура — Helvetica Neue (Bold, Regular, Light). Вторинна — моноширинна друкарська (в офісних програмах і веб-запасі — Courier New): лише короткі вставки великими літерами.
Helvetica Neue
Bold — заголовки й підзаголовки. Regular — основний текст, списки, примітки. Light — допоміжні назви.
МОНО / COURIER NEW
Тільки великі літери, нульове трекування, коротко. Завжди нижче тексту Helvetica Neue.
| Стиль | Гарнітура | Регістр | Ліміт |
|---|---|---|---|
| Заголовок | Helvetica Neue Bold | Як у реченні | до 3 рядків і 40 символів |
| Підзаголовок | Helvetica Neue Bold | Як у реченні | до 100 символів |
| Основний текст | Helvetica Neue Regular | Як у реченні | до 10 рядків в абзаці |
| Списки та переваги | Helvetica Neue Regular | Як у реченні | маркер «•» |
| Дрібний шрифт | Helvetica Neue Regular | Як у реченні | — |
| Виноска (callout) | Моно Bold | ВЕЛИКІ | 1–3 слова |
| Назва товару, заява, ціна | Моно Regular | ВЕЛИКІ | 1 рядок |
| Eyebrow, хештег, заклик | Моно Medium | ВЕЛИКІ | 1 рядок |
Шунгіт, цеоліт, кварц і кремній в одному пакеті. Інструкція надрукована на упаковці.
• Очищення питної води
• Мінералізація після осмосу
• Ціна виробника
Вирівнювання.
Текст завжди по лівому краю: так його легше читати й відстежувати. Центрування дозволене лише для меню, логотипу, кнопок і карток товарів у сітці. Центрований або правий текст у довгих абзацах заборонений. Лапки та маркери виносимо за межу тексту.
Усі розміри кратні чотирьом.
Розміри шрифтів — 12, 16, 24, 28, 36, 40, 48, 64, 80… Підзаголовок приблизно в чотири рази менший за заголовок. Міжрядковий інтервал у цифрі: розмір +4 пт, для основного тексту +8 пт.
| Елемент (цифра) | Розмір / інтервал |
|---|---|
| Заголовок головного банера | 64 / 68 (на мобільному 40 / 44) |
| Заголовок розділу | 40 / 44 |
| Підзаголовок, банер | 36 / 40 |
| Підзаголовок, контент | 24 / 28 |
| Основний текст, назва товару, ціна | 16 / 24 |
| Кнопка | 16, один рядок |
| Юридичний текст і виноски | 12 / 16 |
| Instagram 1080×1080: заголовок / підзаголовок / дрібне | 72 / 28 / 22–24 |
Кнопки, мітки, смуги.
Кнопка.
Контурна: чорна обводка 2 пт, форма таблетки, 16 пт. Заповнена чорна — для головного заклику. Одна головна кнопка на блок.
Картка товару.
Сіра підкладка, мітки зліва вгорі, фото з накладанням «multiply», назва жирним, опис, ціна, контурна кнопка «Додати в кошик».
Кристал шунгіту та напис.
Логотип — геометричний кристал і слово SHUNGITE. Охоронна зона — половина висоти кристала, не менше 40 px. Заборонено змінювати пропорції, кольори та додавати тіні.
Анімація: поворот кристала на 360° за 1 секунду з легким збільшенням. Запускається при завантаженні сторінки, при наведенні та раз на 8 секунд у фоні. Для користувачів із «prefers-reduced-motion» вимкнена.
Світла стрічка з живими фото.
Профіль @shungite_com_ua — світлий. Аватар: м’ятне коло з чорною літерою S. Добірки — м’ятні кола з товаром на білому. Дописи: або реальне фото з білою карткою тексту, або товари на пастельному тлі в білих картках. Затемнення, градієнти та темні плашки не використовуємо.
Шаблон A — товари на пастельному тлі.
Шаблон B — фото і біла картка тексту.
| Формат | Специфікація |
|---|---|
| Допис | 1080×1080 PNG. Заголовок Helvetica Neue Bold 72 (60 на фото), підзаголовок Regular 28, заява моно Bold 24, контурна кнопка «shungite.com.ua». |
| Reels | 1080×1920, H.264 MP4, 10 с. Блаш-шапка з заголовком, відео в центрі, м’ятна нижня панель з товаром і ціною. |
| Добірки | 1080×1080, м’ятне коло, товар на білому. |
| Підписи | Заголовок-речення, 2–4 рядки користі, список через «•», ціна з каталогу, адреса сайту, 3–4 хештеги. |
Говоримо просто й по суті.
Усе за цим брендбуком у одному пакеті.
| Матеріал | Кількість | Формат |
|---|---|---|
| Дописи Instagram | 12 | PNG 1080×1080 |
| Reels | 3 | MP4 1080×1920 H.264 |
| Добірки та аватар | 5 + 1 | PNG 1080×1080 |
| Листівка в посилку A6 | 2 сторони | PNG 1240×1748 |
| Каталог | 126 позицій | XLSX, CSV, JSON |
| Магазин | 1 сторінка | HTML |
