Элементы дизайна для сайта на Tilda
Требуется разработать интерактивная модель человека в разрезе, по которой можно переходить к товарам, подходящим для конкретных систем организма.
Сайт создается на платформе Tilda, основной визуальный блок — Zero Block + HTML-анимации.
1. Фирменный стиль
Стиль: Киберпанк, хай-тек, биомеханика
Цвета:
- Основные: #00f7ff (неон-лазурь), #ff00ff (магентовый неон), #141414 (фоновый чёрный)
- Дополнительные: #222831, #393E46, #2af598
Типографика:
- Заголовки — техно-шрифт (Orbitron, Audiowide, Exo 2)
- Обычный текст — Inter, Roboto, Montserrat
Фоны: Темные, с градиентными подложками, шумами или сеткой HUD
2. Анатомическая модель
Каждый слой представляет отдельную систему организма. Изображения в PNG с прозрачным фоном, минимум 2000px по высоте. Слои должны быть идеально совмещены друг с другом:
- Мышечная система
- Скелет
- Внутренние органы
- Нервная система
- Импланты / HUD-слой
3. Маркеры и линии
Для каждой системы — 5–7 точек интереса с линиями, ведущими к товарным блокам.
Формат маркеров: SVG или PNG, размер 30–60 px
Линии: SVG, с неоновым свечением, 1–2 px толщиной
4. UI-компоненты
- Кнопки переключения слоев: стилизованные, активное/неактивное состояние
- Карточка товара: 300x400 px, включает изображение, название, категорию, кнопку действия
- Всплывающие подсказки: стилизованные блоки информации
5. Главный экран сайта
Центральная модель, управление слоями, точки интереса, блоки товаров с линиями, фоновые эффекты в стиле AR/HUD.
Макет: 1440x4000 px
Веб и мобильный дизайн