Полный, адаптивный витринный storefront: семантический HTML, единая документированная система стилей CSS, ванильный JavaScript, сгенерированная графика товара и полная SEO-разметка. Без фреймворков, без шага сборки, без лицензионного ключа.

ЧТО ВКЛЮЧЕНО

Одна папка, без инструментов сборки:

• index.html - семантическая разметка, метатеги, Open Graph и ClothingStore + ItemList JSON-LD.
• style.css - один блок палитры :root, который перекрашивает весь сайт. Mobile-first, без фреймворков.
• script.js - 4 КБ ванильного JS: навигация, фильтрация, сортировка, мешок покупок, появление при прокрутке.
• img/ - сгенерированная SVG-графика товара — крошечная, четкая в любом размере, перекрашиваемая вашей палитрой.

Лицензия MIT - используйте в клиентских проектах, переименуйте бренд, продавайте как часть своей собственной сборки.

ТОТ СТОЛКНЕТСЯ С ПРЕДСТАВОЙ КАК ТОВАР ДОЛЖЕН РАБОТАТЬ

1. Адаптивность - Макеты проверены от 320 до 1440 px с нулевым горизонтальным переполнением на 360, 390, 768, 1024 и 1440.
2. Vanilla JavaScript - Bags, фильтрация, сортировка, мобильная навигация и Reveals на прокрутке в одном небольшом скрипте — без библиотек, без шага сборки.
3. SEO готовность - Семантическая разметка, метатеги, Open Graph и структурированные данные JSON-LD в заголовке страницы.
4. Перебор палитры - весь сайт перекрашивается из одного закомментированного блока :root в начале style.css.

ЖИВОЙ ЗА ПЯТЬ МЕДЛЕННЫХ МИНУТ

1. Распакуйте и откройте - двойной клик по index.html — работает напрямую с рабочего стола, без сервера или npm install.
2. Введите ваши данные - script.js начинается с небольшого CONFIG-блока: адрес поддержки и ваши детали, 30 секунд.
3. Переход бренда - поменяйте текст бренда в заголовке и цветовые токены в style.css - сайт перекрашивается вокруг них.
4. Загрузите - перетащите папку на Netlify Drop, GitHub Pages или любой статический хост - сайт будет доступен менее чем за пять минут.

Почему покупатели выбирают это

• То, что видишь, то и получаешь: живой демонстрационный режим запускает тот же код, который вы скачали — те же файлы, то же поведение.
• Проверено перед выпуском: протестировано от 360 до 1440 px без переполнения, без сломанных изображений и без ошибок в консоли.
• Ваше право продавать: лицензия MIT - используйте в клиентских проектах или перепродавайте как часть своей сборки.
• Мгналтная загрузка: оформление заказа, доставка и повторная загрузка обрабатываются за вас — заплатить один раз и zip появится в вашей библиотеке сразу.

FAQ

Нужен ли мне инструмент сборки?
Нет. Распакуйте, откройте index.html, он работает. Загрузите папку на GitHub Pages, Netlify drop или любой общий хост.

Можно ли изменить цвета?
Да — блок :root в начале style.css хранит каждый цвет, шрифт и радиус, используемые на странице.

Что можно с этим сделать?
Лицензия MIT. Используйте в клиентских проектах, продавайте вместе с ним, сохраняйте всё, за что вы берёте плату. Указание источника приветствуется, но не обязательно.

Где редактировать текст?
Весь текст — обычный HTML в index.html. INSTALL.md перечисляет каждый блок, который стоит сперва изменить.

Как получить файл?