Полный, адаптивный витринный 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. Адаптивность - макеты geprüft от 320 до 1440 px без горизонтального переполнения на 360, 390, 768, 1024 и 1440.
2. Vanilla JavaScript - Корзина, фильтрация, сортировка, мобильная навигация и прокрутка в пределах одного небольшого скрипта - без библиотек, без шага сборки.
3. SEO-готовый - Семантическая разметка, мета-теги, Open Graph и структурированные данные JSON-LD в заголовке страницы.
4. Один цветовой набор для ребрендинга - Весь сайт перекрашивается из одного закомментированного блока :root в начале style.css.

ЖИВОЙ В ТРЕХ ПЯТЬ МИНУТ

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

ПОЧЕМУ ПОКУПАТЕЛИ ВЫБИРАЮТ ЭТО

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

ЧАСТО ЗАДУЫЕМОЕ ВОПРОСЫ

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

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

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

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

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