Идентичность

Название & Подзаголовок

Belka & Strelka

SMM Agency

Тип & Локация

SMM-агентство полного цикла • г. Краснодар

🚀

Маскот проекта

Мультяшная летящая белка (собака?) в красном колпаке — живой, игривый, динамичный персонаж. Используется на тёмно-фиолетовом фоне в хедере.

Позиционирование

Энергичное, дерзкое, результат-ориентированное.
«SMM продвижение в социальных сетях под ключ».

Логотип и зона

✔ Логотип всегда располагается в левом верхнем углу.
✔ Маскот + текстовая часть составляют единый блок.
✔ Минимальный охранное поле — ≥ 16px от других элементов.

Иконография

✦ Стиль: плоские, минималистичные, цветные SVG-иконки.
✦ Шаги: Числовые шаги (1, 2, 3...) оформлены как крупные цветные цифры с градиентом #FFAA17 → #9746FA.
✦ Соцсети: узнаваемые монохромные иконки.
✦ Эмодзи: используются как живые акценты (🔥 в hero).

Цветовая палитра

🔥 Главное правило:

Фиолетовый #9746FA + Янтарный #FFAA17 = ключевой бренд-дуэт. Именно это сочетание идентифицирует агентство мгновенно.

Основные цвета (Primary)

Фиолетовый (Hero) #9746FA

Лиловый (Secondary) #B983FF

Янтарный (Золотой) #FFAA17

Оранжевый (Теплый) #FBB034

Нейтральные цвета

Почти чёрный

Текст на белом

#1F1F1F

Тёмно-серый

Вторичный текст

#383838

Средне-серый

Плейсхолдеры

#808080

Светло-серый

Границы, линии

#E8E8E8

Белый

Фон, текст на тёмном

#FFFFFF

Акцентные декоративные

Используются для декоративных плашек команды.

#59FBDA

#42C1FF

#FFD26E

#FFA8F1

#62C584

Типографика

Futura PT

Все заголовки, кнопки и интерфейсные тексты. Если недоступен, fallback: Arial, sans-serif.

Display H1 (ALL CAPS) / 76px / 700

SMM ПРОДВИЖЕНИЕ ПОД КЛЮЧ

H2 Hero / 48px / 600

SMM продвижение под ключ

Body / 18px / 400

SMM продвижение под ключ

Стиль	Размер	Вес	Цвет	Применение
Display / H1 Dark	76px	700	#1F1F1F	«КАК МЫ РАБОТАЕМ»
Display / H1 Purple	76px	700	#9746FA	Акцентные слова
Display / H1 White	75px	700	#FFFFFF	На тёмном фоне
H2 Hero	48px	600	#FFFFFF	«SMM ПРОДВИЖЕНИЕ…»
H2 Hero Accent	48px	600	#FFA72A	«SMM», «ПОД КЛЮЧ»
H3 Service	40px	600	#1F1F1F	Заголовки услуг
H3 Section	36–38px	600	#1F1F1F	Подзаголовки блоков
H4 / Card Title	28–32px	600	#1F1F1F	Карточки, цены
Body Large	20–22px	400	#383838	Основной текст
Body	16–18px	400	#383838	Абзацы, описания
Caption / Small	13–15px	400	#808080	Сноски, плейсхолдеры
Button	15px	500	#FFFFFF	Кнопки
Link / Handle	16px	400	#B983FF	Ссылки, @никнеймы

UI Кит

Кнопки

Primary (CTA)

bg: #FFAA17 | radius: 4px | font: 15px, 500

Secondary (Outline)

border: 2px #9746FA | radius: 30px

На тёмном фоне

Ghost / White CTA

border: 2px #FFF | bg: rgba(255,255,255,0.15) | radius: 30px

Поля ввода (Input)

bg: #FFF | text: #383838 | radius: 2px

Фоны и Сетка

Паттерн чередования секций

Секция	Фон	Текст
Hero (1-я секция)	#9746FA	Белый + янтарный
«Как мы работаем»	#FFFFFF	#1F1F1F + #9746FA
«Наши проекты»	#FFFFFF	#1F1F1F + фиолетовый
«Услуги»	#9746FA	#FFFFFF
«Команда»	#FFFFFF / цветные плашки	Тёмный
«Отзывы»	#9746FA	Белые карточки
«Цены», «Контакты»	#FFFFFF	Тёмный
Footer	#1F1F1F	#FFFFFF

Декоративные элементы

🔥 Иконки огня (flame emoji): разбросаны по hero-секции как динамичные акценты.
🌐 3D-объекты: оранжево-голубые сферы с «кольцами» применяются как иллюстрации.
🎴 Карточки: округлые (border-radius ~16px) на белом фоне для отзывов и команды.
📏 Пространство: нет жёстких рамок, отступы работают как главные разделители.

Голос бренда

Тон

Уверенный, дерзкий, энергичный

Стиль

Прямой, без воды, с цифрами и результатами

Обращение

На «вы» (деловое, уважительное)

Заголовки

CAPS, короткие, ударные

CTA

Конкретные действия: «ОТПРАВИТЬ», «ХОЧУ ТАКЖЕ»

Цифры

Всегда выделяются янтарным/оранжевым

Контакты & Код

Контакты

Телефон +7 (918) 153-22-13

E-mail Tkachenko2213@gmail.com

Сайт belka-and-strelka.ru

Шпаргалка CSS

/* Основной шрифт */
font-family: 'FuturaPT', Arial, sans-serif;

/* Цвета */
--color-primary:    #9746FA;  /* Фиолетовый */
--color-secondary:  #B983FF;  /* Лиловый */
--color-accent:     #FFAA17;  /* Янтарный/CTA */
--color-accent-2:   #FBB034;  /* Оранжевый/метрики */
--color-dark:       #1F1F1F;  /* Основной текст */
--color-mid:        #383838;  /* Вторичный текст */
--color-muted:      #808080;  /* Подсказки */
--color-border:     #E8E8E8;  /* Разделители */
--color-white:      #FFFFFF;  /* Белый */
--color-bg-dark:    #1F1F1F;  /* Футер */

/* Кнопка CTA */
background: #FFAA17;
color: #FFFFFF;
border-radius: 4px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.5px;