Design system

Візуальна система сайту і контенту

Анатолій Маліновський - темна технологічна стилістика, синє світло, великі заголовки, округлі панелі, сильний CTA і точковий червоний акцент для уваги.

кольори

компоненти

медіа

Завантажити PDF

Файл містить візуальну систему сайту, реклами та контенту в одному документі.

Brand system

Темна технологічність Чорний фон, глибина, сітка, відчуття преміального digital-продукту.

Синє світло Основний акцент для дії, прогресу, AI та системності.

Червоний тільки для уваги Знижка, онлайн-індикатор, терміновість. Не використовувати як базовий колір.

Простота замість шуму Великі заголовки, короткі тексти, багато повітря і чітка ієрархія.

Цей блок - коротка інструкція для майбутніх банерів, сторінок і рекламних креативів.

Бренд

Лого, favicon і базова графіка

Основний знак у шапці - wordmark. Monogram і favicon використовуються як аватар, іконка або компактний бренд-елемент.

Wordmark / основний логотип

Monogram / короткий знак

Favicon / аватарка

Палітра

Кольори сайту

База - чорний і білий. Синій відповідає за технологічність і дію. Червоний тільки для терміновості, знижки та онлайн-індикатора. Золото - для довіри та гарантії.

White

#FFFFFF

Black

#0D0D0D

Ink

#111827

Blue

#2563EB

Blue Soft

#6EA8FF

Gray

#808080

Discount Red

#FF3B30

Trust Gold

#F0D681

Типографіка

Space Grotesk + Satoshi

Заголовки, кнопки і лейбли тримають футуристичний тон. Основний текст залишається простим і читабельним.

Запусти магазин за 21 урок

Практичний курс Анатолія Маліновського: створиш власний інтернет-магазин і отримаєш перші продажі.

H1Великий hero title

H2Заголовок секції

Body

Основний опис блоку, який пояснює користь простими словами.

LabelМінікурс онлайн

ButtonЗаписатись за 490 грн.

Компоненти

Кнопки, бейджі і картки

Ці елементи можна повторювати в рекламі, презентаціях і додаткових сторінках, щоб усе виглядало одним брендом.

Записатись за 490 грн. Дивитись програму Instagram

мінікурс онлайн безкоштовні бонуси гарантія -83%

Створиш інтернет-магазин

Покроково без складної технічної теорії.

Отримаєш перші продажі

Зрозумієш, звідки брати перших клієнтів.

Програма

Прев’ю уроків і рядки програми

Уроки використовують реальні прев’ю із записів і центровану YouTube-кнопку play.

Урок 1

Про автора курсу та організаційні моменти

Урок 10

Банери і базовий візуал

Урок 6. Процес створення інтернет-магазину

Урок 14. Аналітика: для чого потрібна та як поставити

Урок 21. Підсумки запуску

Медіа

Фото, кейси і відгуки

Медіа тримаємо в темних картках, з м’яким синім hover-ефектом. Кейси показуються як квадратні банери.

Victoriya Bobrova

★★★★★

Зручний та простий додаток для створення власного інтернет-магазину.

Власник магазину

★★★★★

Програма вже готова, постійно робимо покращення.

Перші замовлення

★★★★★

Сайт уже приносить замовлення, люди бачать результат.

Telegram і автор

Патерни довіри та доступу

Telegram показує простий доступ до навчання. Авторський блок показує експертність через сценічне фото, цитату і компанії без зайвого шуму.

9:41●●● 100%

Інтернет-магазин за 21 урокприватний канал · 21 урок

Сьогодні

Урок 1.
Про автора курсу та організаційні моменти

5-10 хвдивитись у Telegram

Коротко, по діях, без складної технічної теорії.

Отримати доступ

Access pattern

Навчання прямо в Telegram

Мокап має виглядати як реальний Telegram в iPhone: канал, прев’ю уроку, короткий опис і зрозуміла дія.

Всередині показуємо не абстрактний чат, а конкретний урок і формат навчання.

Синій акцент використовуємо для Telegram-дії, але не перевантажуємо екран.

Телефон має бути компактним, щоб не перетягувати увагу з тексту.

Анатолій Маліновський практик e-commerce, засновник і спікер курсу

Author pattern

Про автора

Блок автора має працювати на довіру: реальна сцена, коротке позиціонування, цитата і логотипи компаній.

“Показую не теорію, а конкретні кроки, які використовую для запуску інтернет-магазинів своїх клієнтів.”

Фото використовуємо як доказ реальної експертності, не як декоративний портрет.

Логотипи ставимо білими на темних картках, щоб вони не сперечались із брендом Malinovskyi.

Бонуси

Безкоштовна цінність у курсі

Чекліст запуску

Що пройти перед стартом продажів.

безкоштовно

Instagram Shopping

Інструкція для соцмереж.

безкоштовно

Індексація сайту

Щоб Google бачив магазин.

безкоштовно

Аналітика

Базова перевірка трафіку.

безкоштовно

100% повернення коштів

Гарантія результату - 21 день

Якщо ти пройдеш усі 21 уроки, зробиш усі дії з курсу і не отримаєш свого інтернет-магазину, повернемо гроші повністю.

Пройшов усі уроки

Виконав усі дії

Повертаємо 100%

Спеціальна ціна діє ще

Запусти інтернет-магазин зараз

Фінальний CTA має найбільший акцент на ціну, знижку і таймер.

490 грн.

2900 грн.

-83%

год

хв

сек

Записатись за 490 грн.

FAQ і футер

Службові елементи сторінки

FAQ не має забирати увагу з CTA, але має бути читабельним. Платіжні методи подаємо компактними бейджами.

Чи потрібно мати досвід у продажах?

Ні. Курс побудований для початківця: короткі уроки і конкретні дії.

Доступ буде в Telegram?

Так, після оплати людина переходить у Telegram і отримує доступ до курсу.

Чи є гарантія результату?

Так, якщо людина пройде всі уроки і виконає всі дії, але не отримає магазин.

Футер і оплата

Лого у футері таке саме, як у шапці. Платіжні значки - невеликі, світлі, без зайвого шуму.

VISA Mastercard Google Pay Apple Pay

Правила для рекламних креативів

Фон - темний, бажано з легкою сіткою або синім світлом.
Головний текст - великий, білий, максимум 2-3 смислові акценти.
Синій використовуємо для дії: кнопка, іконка, підсвітка.
Червоний використовуємо точково: знижка, таймер, онлайн-крапка.
Золото залишаємо для довіри: гарантія, повернення коштів, результат.
Фото автора і скріни магазинів краще ставити в округлих dark-панелях.