# Бренд-кіт dityam

Логотип · Сердечко · Кольори
Версія 1.0 · серпень 2026
01

## Логотип

Основа бренду — рукописний wordmark у Caveat italic. Сердечко у скругленому квадраті працює як знак (mark), коли місця мало. Ніколи не набирайте назву іншим шрифтом.

🧡dityam.com.ua
Основний горизонтальний lockup — для шапок, презентацій, документів.
🧡dityam.com.ua
На темному — wordmark стає білим, сердечко залишається помаранчевим.
🧡dityam.com.ua
На помаранчевому — плашка сердечка інвертується в чорнильну.
🧡dityam.com.ua
Вертикальний lockup — аватари, іконки, вузькі формати.
dityam
.com.ua
можливості
для дітей
Круглий знак з дескриптором — печатки, стікери, Google Business, аватар.
🧡
Знак окремо — favicon, застосунок, watermark. Мінімум 24 px.
02

## Захисне поле та розміри

Вільне поле навколо логотипа — не менше висоти сердечка з усіх боків. Нічого не заходить у цю зону: ні текст, ні фото, ні рамка.

Захисне поле = 1× висота знака
🧡dityam.com.ua
Мінімальні розміри
🧡
24 px
знак
🧡
40 px
аватар
🧡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 — одна думка на весь кадр
dityam.com.ua · бренд-кіт v1.0 Токени: `tokens.css` · Шрифти: DM Sans, Caveat