Технологии
Вектор
Сайт дизайн-лаборатории с генеративной графикой
Тёмный сайт дизайн-лаборатории: сплит-обложка, живое canvas-поле, кинетический заголовок, конструктор, тарифы и документация.
Категория
Технологии
Страницы
5
Версия
1.0.0
Обновлён
2026-11-11
О шаблоне
«Вектор» — сайт независимой дизайн-лаборатории, которая проектирует интерфейсы для сложных продуктов. Первый экран построен на контрасте: крупная кинетическая типографика слева и интерактивное векторное поле на canvas справа с переключателем режимов «поток / сетка». Пять страниц: обложка с экспериментами и инструментами, страница конструктора с табами модулей и живой картой связей, тарифы с переключателем месяца и года, документация с поиском по разделам и контакты с формой брифа. Тёмная синяя палитра с коралловым акцентом, монопространственные подписи и модульные сетки.
Что уже есть
- Сплит-обложка с живым canvas-полем
- Переключатель режимов «поток / сетка»
- Кинетический заголовок с четырьмя словами
- Табы модулей конструктора
- Переключатель месячной и годовой оплаты
- Поиск по разделам документации
- FAQ-аккордеон
- Демонстрационная форма брифа с валидацией
- Адаптивное меню и локальные шрифты
Состав шаблона
index.html
Главная
Сплит-обложка с кинетическим текстом и canvas-полем, манифест, эксперименты, инструменты и цифры.
product.html
Конструктор
Живая карта связей, три модуля через табы, пайплайн работы и техническая спецификация.
pricing.html
Тарифы
Три формата работы, переключатель периода оплаты, таблица сравнения и FAQ-аккордеон.
docs.html
Документация
Шесть разделов с поиском: сетка, токены, переходы, прототип и доступность.
contacts.html
Контакты
Форма брифа с валидацией, контакты лаборатории, схема проезда и визит.