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

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

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

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

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

ПОСТРОЕНО ТАК, КАК ДОЛЖЕН СТАТЬ МАГАЗИН

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

ЧАВО

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

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

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

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

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