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

ЧТО ВЫ ПОЛУЧАЕТЕ

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

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

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

СВОЙСТВА, КОТОРЫЕ ДОЛЖЕН ВЕБ-МАГАЗИН

1. Адаптивность - макеты проверены от 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-блок: адрес поддержки и ваши данные, 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 перечисляет каждый блок, который стоит поменять в первую очередь.

Как получить файл
Откройте или загрузите файл - инструкции и скачивание указаны в описании выше.