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

Как я могу получить файл
"Как получить" не указан в тексте, продолжение обрывается.