Стилистика
Темная цветовая схема — основной фон черный или глубокий графит. Акцентный цвет на утверждение с заказчиком (варианты: белый, электрический синий, желтый неон). Типография большая и жирная, 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
