Glass Hero — 3D-шаблон
Премиальный тёмный сайт-визитка со стеклянной 3D-сценой: дисперсия и преломления в hero, карусель стеклянных карточек с video-текстурами ваших работ, издательская типографика. Без сборщиков и фреймворков: открыл — заменил контент — выложил.
Стеклянная 3D-сцена
Hero на Three.js: стекло, дисперсия, преломления. Центральный объект меняется на ваш логотип или символ бренда — место замены помечено в коде.
Карусель стеклянных карточек
Карточки с video-текстурами — работы играют прямо в стекле. Создан для портфолио: видеограф, фотограф, студия, диджитал-художник.
Типографика и сетки
Тёмная издательская вёрстка: крупные заголовки, аккуратные моно-подписи, адаптив до мобильных.
Без сборки и зависимостей
Vanilla JS + один файл движка. Никаких npm, webpack и node — архив работает с любого статического хостинга как есть.
Замена контента за вечер
Тексты — в HTML, видео и лого — файлами в папку. README на русском показывает каждое место, которое нужно тронуть.
Архив целиком
index.html, движок сцены, примеры контента, README RU, лицензия. Скачали — и он ваш.
Распакуйте архив
Обычная папка с сайтом — никаких установок и сборок.
Замените контент
Лого, видео работ, тексты — по README, каждое место помечено.
Выложите куда угодно
Любой статический хостинг или VPS: залил папку — сайт работает.
$ unzip glass-hero.zip && cd glass-hero $ python3 -m http.server 8080 ✓ localhost:8080 — сцена крутится # понравилось — заливайте на хостинг как есть
Единственный товар магазина, которому не нужен ни VPS, ни Docker, ни API-ключи — чистая статика. Самый простой старт из всех.
На этом шаблоне продан первый коммерческий сайт студии
Заказчик-видеограф выбрал именно его — за стеклянный hero и карусель, в которой работы играют video-текстурами прямо в стекле. Вы покупаете не концепт, а проверенный рынком продукт.
Нужны ли навыки программирования?
Нет: тексты правятся в HTML по README, медиа — заменой файлов в папке. Перекроить структуру под себя — уже понадобится базовый HTML/CSS, либо закажите кастомизацию у нас.
У всех будет одинаковый сайт?
Шаблон задаёт каркас, а лицо делают ваши лого, 3D-объект, видео и тексты. Два сайта на Glass Hero выглядят как родственники, но не близнецы.
Как 3D ведёт себя на телефонах?
Сцена адаптивная: на слабых устройствах эффекты упрощаются, чтобы сайт оставался плавным.
Что с возвратом?
7 дней: не смогли запустить — поможем или вернём деньги.
Какая лицензия?
Один сайт. Делаете сайты клиентам — покупка на каждый проект; про пакет для студий спросите в чате.