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

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

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

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

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

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

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 устанавливать.
2. Введите ваши данные - script.js начинается с небольшого CONFIG-блока: поддержка email и ваши данные, 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 перечисляет каждый блок, который стоит изменить в первую очередь.

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