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

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

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

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

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

ПОКАЗЫВАЕТСЯ ТАК, КАК ДОЛЖНО РАБотАТЬ МАГАЗИН

1. Адаптивный - макеты проверены от 320 до 1440 px с нулевой горизонтальной прокруткой на 360, 390, 768, 1024 и 1440.
2. Vanilla JavaScript - корзина, фильтрация, сортировка, мобильная навигация и эффекты прокрутки в одном маленьком скрипте - без библиотек, без шага сборки.
3. SEO-ready - Семантическая разметка, мета-теги, 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 окажется в вашей библиотеке сразу же.

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

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

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

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

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

Как получить файл
Сохраните текст, скопируйте путь к файлу или нажмите кнопку загрузить.