Лендинг digital-агентства Nørd Studio — кейсы с горизонтальным скроллом, таймлайн процесса и форма заявки

Готовый макет одностраничного сайта для digital-агентства, веб-студии или продуктовой компании. Подходит для презентации портфолио, услуг по разработке, брендингу и маркетингу. Содержит 8 секций: Header, Hero, Ticker (компетенции), Кейсы (горизонтальный скролл карточек), Процесс (таймлайн с этапами), О студии, Отзыв (цитата клиента), Форма заявки и Footer. Верхняя шапка на тёмном фоне (rgb(10, 10, 18)) включает логотип NØRD STUDIO с акцентным фиолетово-синим цветом (rgb(100, 80, 255)), навигацию по якорям (#cases, #process, #contact) и кнопку «Обсудить проект» на акцентном фоне с переходом к форме. Разделитель — тонкая линия rgb(35, 35, 50). Hero-блок с двумя радиальными градиентами (фиолетовое свечение). Содержит декоративный фоновый текст «DIGITAL» (rgb(14, 14, 22), 180px), бейдж «✦ Digital-агентство полного цикла» на прозрачном фоне с рамкой, заголовок «Делаем продукты, которые растут» (слово «растут» фиолетовым цветом), подзаголовок про веб-разработку, мобильные приложения, брендинг и маркетинг (47 проектов за 2024 год, средний рост выручки клиентов 2.8x). Две кнопки: «Обсудить проект» (фиолетовая) и «Кейсы ↓» (прозрачная с белой рамкой). Разделительная линия и четыре метрики внизу: 47 проектов в 2024, 2.8x средний рост выручки, 18 человек в команде, 93% клиентов возвращаются. Бегущая строка (Ticker) на фиолетовом фоне с компетенциями: WEB, MOBILE, BRANDING, MARKETING, UI/UX, AI. Анимация зациклена, разделитель — ромб (◆). Секция «Кейсы» с лейблом «КЕЙСЫ» и заголовком «Проекты говорят за нас». Горизонтальный скролл карточек (CSS-реализация без карусели, скролл вручную). Карточки с градиентным фоном-заглушкой (имитация изображения) содержат тег (WEB · E-COMMERCE, MOBILE · FINTECH, BRANDING · SAAS, MARKETING · AI, WEB · МЕДИА), название проекта, описание и результат (GMV +420%, 200K загрузок, конверсия с 2.1% до 7.4%, CPL -63%, 1.2M посетителей/мес). Карточки с эффектом подъёма при наведении. Секция «Процесс» на тёмно-сером фоне (rgb(18, 18, 28)) с лейблом «КАК МЫ РАБОТАЕМ» и заголовком «От идеи до запуска». Таймлайн с вертикальной линией и точками (последняя точка зелёная). Четыре этапа: Исследование и стратегия (1-2 недели), Дизайн и прототип (2-3 недели), Разработка (4-8 недель), Запуск и рост (ongoing). Каждый этап содержит название, описание и тег с длительностью. Блок «О студии» с изображением команды из Unsplash (500×380px, скругление 16px). Справа — лейбл «О СТУДИИ», заголовок «18 человек. Одна цель: ваш рост», описание про 4-5 проектов одновременно, состав команды (6 разработчиков, 3 дизайнера, 2 маркетолога, PM и стратег) и средний стаж 7 лет. Фиолетовая акцентная линия и список технологий: React, Next.js, React Native, Figma, Python, AI. Блок с отзывом — цитата клиента Алексея Морозова (CEO, FreshMarket) в кавычках фиолетового цвета. Текст отзыва о росте GMV в 4.2 раза за год и подходе студии как сооснователей. Форма заявки с заголовком «Расскажите о проекте» (слово «проекте» фиолетовым цветом) и подзаголовком «Ответим в течение 2 часов в рабочее время». Карточка формы на фоне rgb(18, 18, 28) с рамкой и скруглением 16px. Поля: Имя (обязательное), Telegram или Email (обязательное), чекбокс согласия на обработку данных. Кнопка «Отправить заявку» на фиолетовом фоне, действие submit. Поля с фоном rgb(14, 14, 22) и рамкой rgb(35, 35, 50). Подвал на тёмном фоне с логотипом NØRD STUDIO, описанием «Digital-продакшн для бизнеса, который хочет расти». Три колонки: Услуги (Web, Mobile, Branding), Студия (Кейсы, Процесс, Команда), Контакты (email, Telegram, адрес Artplay). Копирайт. Разделительная линия сверху. Все блоки зафиксированы на десктопную ширину 1160 пикселей. Сетка — 4 колонки с gap 20px. Стили прописаны инлайн и в трёх HTML-блоках (Ticker, горизонтальный скролл кейсов, таймлайн). Шрифты: Tahoma для заголовков, логотипа, навигации и кнопок, Roboto для подзаголовков и основного текста, Georgia для кавычек в отзыве. Акцентный цвет — rgb(100, 80, 255) (фиолетово-синий) для кнопок, цифр, линий и акцентов. Фон — глубокий тёмный rgb(10, 10, 18) с чередованием rgb(18, 18, 28) для контрастных секций. Кнопки с радиусом 10–14px, карточки с радиусом 16px.