Бренд-кіт dityam
Логотип · Сердечко · Кольори
Версія 1.0 · серпень 2026
01
Логотип
Основа бренду — рукописний wordmark у Caveat italic. Сердечко у скругленому квадраті працює як знак (mark), коли місця мало. Ніколи не набирайте назву іншим шрифтом.
Основний горизонтальний lockup — для шапок, презентацій, документів.
На темному — wordmark стає білим, сердечко залишається помаранчевим.
На помаранчевому — плашка сердечка інвертується в чорнильну.
Вертикальний lockup — аватари, іконки, вузькі формати.
dityam
.com.ua
можливості
для дітей
Круглий знак з дескриптором — печатки, стікери, Google Business, аватар.
🧡
Знак окремо — favicon, застосунок, watermark. Мінімум 24 px.
02
Захисне поле та розміри
Вільне поле навколо логотипа — не менше висоти сердечка з усіх боків. Нічого не заходить у цю зону: ні текст, ні фото, ні рамка.
Захисне поле = 1× висота знака
Мінімальні розміри
🧡dityam.com.ua
120 px
lockup мін.
03
Можна / Не можна
Можна
- Caveat italic для wordmark, DM Sans для всього іншого
- Помаранчевий wordmark на кремовому чи білому
- Білий wordmark на чорнильному або фото з затемненням
- Знак окремо, коли назва вже присутня поруч
- Нахил −2° тільки для рукописних акцентів
Не можна
- Замінювати шрифт wordmark на будь-який інший
- Розтягувати, стискати, обертати логотип понад −3°
- Додавати тіні, обведення, градієнти чи контур
- Ставити помаранчевий wordmark на помаранчевий фон
- Класти логотип на неконтрастне фото без затемнення
- Змінювати колір сердечка на інший, ніж 🧡
04
Сердечко 🧡
Помаранчеве сердечко — єдина емодзі у бренді. Це знак турботи й підпис бренду. Використовуйте по одному на макет: у знаку, у підписі або в кінці ключового рядка. Ніколи не змішуйте з іншими емодзі та не беріть інший колір серця.
У підписі
Зроблено з 🧡 для кожної дитини
Заборонено
❤️ 💙 💜 🖤 ♥
Тільки 🧡 (orange heart)
05
Кольори
Кремовий папір — полотно. Чорнильний — текст. Помаранчевий — дія та акцент. Бірюзовий — другий голос для категорій і статистики. Решта тінтів — лише для чипів категорій, ніколи як основна поверхня.
Cream paper
#F1EBDE
Основне полотно всіх макетів
Ink
#1A1A1A
Текст, темні плашки. Ніколи #000
Dityam orange
#E85D24
Логотип, кнопки, акценти
Sage teal
#CCE8E0
Другий голос, категорії
Surface
#FFFFFF
Картки на кремовому
Ink soft
#4A4A4A
Основний текст, підписи
Orange deep
#D14C15
Hover / active стан
Teal ink
#0E5449
Текст на бірюзовому
Баланс на макеті
Кремовий 60%
Чорнильний 22%
Помаранч. 12%
Teal 6%
Помаранчевий ніколи не перевищує ~15% площі — інакше втрачає силу акценту. Виняток: спеціальні spotlight-макети, де він стає повним полем.
06
Шрифти
Дві гарнітури, жодних винятків. DM Sans несе всю інформацію. Caveat italic — тільки wordmark і один акцентний рядок на макет.
dityam.com.ua
Caveat 700 italic
wordmark, акценти
Усі можливості для дітей
DM Sans 500
заголовки · −0.025em
Каталог перевірених можливостей для дітей 0–18 років. Безкоштовно для родини, без реєстрації та збору персональних даних дитини.
DM Sans 400
основний текст · 1.55
Рубрика · Eyebrow
DM Sans 500 uppercase
+0.04em
07
Фони
Кремовий у клітинку
Пости, каруселі, редакційні макети
Темний з теплим світінням
Анонси, урочисті новини, фото-макети
Помаранчеве поле
Spotlight — одна думка на весь кадр