Стилістика
Темна кольорова схема — основний фон чорний або глибокий графіт. Акцентний колір на затвердження із замовником (варіанти: білий, електричний синій, жовтий неон). Типографіка велика і жирна, editorial-стиль з чіткою ієрархією. Картки у стилі glassmorphism з тонкою світлою рамкою. Загальне відчуття — дорого, технологічно, сучасно. Референси надані замовником (Terrixa, SEOtalos).
Сторінка 1 — Головна
Hero. Повноекранна секція. Великий H1 з УТП студії, підзаголовок, дві кнопки — primary і outline. Фон — абстрактний 3D-об'єкт або рухомий градієнт (показати у статичному вигляді з позначкою «тут анімація»). Під кнопками trust-bar із логотипами або нішами клієнтів.
Чому Ми. 4-6 карток у сітці. Кожна містить SVG-іконку, заголовок та короткий опис. Стиль карток glassmorphism.
Про нас. Двоколонковий блок. Ліворуч текст та 3-4 великі цифри з підписами (кількість проєктів, клієнтів, років). Праворуч фото або 3D-елемент.
Відгуки. Слайдер. Картки з аватаром, іменем, посадою, текстом відгуку та зірочками. Позначити стрілки перемикання.
Ціни. Чотири картки в ряд: Сайт-візитка, Лендінг, Корпоративний, Інтернет-магазин. Кожна картка містить назву тарифу, ціну «від X грн», список того що входить та кнопку CTA. Середня картка виділена акцентом як «Популярний вибір».
Блог. Горизонтальна карусель із трьома видимими картками. Картка містить обкладинку, категорію, заголовок та кнопку «Читати».
Банер знижки. Повноширинний контрастний блок із текстом акції, таймером зворотного відліку та кнопкою.
Форма заявки. Темний блок, великий заголовок, форма з полями Ім'я, Телефон, Послуга (dropdown) та кнопкою відправки.
Футер. Три-чотири колонки: логотип і опис, навігація, контакти, соцмережі. Копірайт знизу.
Сторінка 2 — Шаблон послуги
Одна сторінка яка підходить для всіх чотирьох послуг. Структура: hero-блок з назвою послуги та CTA, блок «Що входить» у вигляді чекліст-карток, горизонтальний таймлайн «Як ми працюємо» з п'яти кроків, міні-портфоліо з трьох прикладів, блок з ціною та фінальна форма заявки.
Сторінка 3 — Шаблон статті блогу
Двоколонковий лейаут. Ліва колонка 70% — обкладинка статті, заголовок H1, мета (дата, категорія), тіло статті зі стилізованими H2, H3, цитатами та списками. Права колонка 30% — sticky sidebar з CTA-блоком «Потрібен сайт?» та списком останніх статей. Внизу блок «Читайте також» з трьома картками.
Вимоги до файлу Figma
Всі сторінки в окремих фреймах з підписами. Використання компонентів і варіантів для карток, кнопок, форм. Кольори та шрифти оформлені як стилі. Іконки у форматі SVG або через Figma Community. Шрифти тільки з Google Fonts. Позначити всі елементи де передбачено анімацію.
Behance
