Ein kompletter, responsiver Storefront: semantisches HTML, ein kommentiertes Designsystem in CSS, Vanilla JavaScript, generierte Produktkunst und vollständiges SEO-Markup. Kein Framework, kein Build-Schritt, kein Lizenzschlüssel.

WAS SIE BEKOMMEN

Ein Ordner, keine Build-Tools:

• index.html - Semantische Markup-Struktur, Meta-Tags, Open Graph und ClothingStore + ItemList JSON-LD.
• style.css - Eine :root-Palette blockiert die gesamte Seite neu. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filtern, Sortieren, Einkaufstasche, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktkunst – winzig, scharf in jeder Größe, durch Ihre Farbpalette neu eingefärbt.

MIT-lizenziert – verwenden Sie es in Kundenprojekten, branden Sie es neu, verkaufen Sie es als Teil Ihres eigenen Builds.

SO WESEN SICH EINEN SHOP VERHÄLT

1. Responsiv – Layouts geprüft von 320 bis 1440 px mit null horizontaler Überflutung bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript - Einkaufstasche, Filtern, Sortieren, mobiles Menü und Scroll-Reveal in einem kleinen Script – keine Libraries, kein Build-Schritt.
3. SEO-bereit – Semantische Markup-Struktur, Meta-Tags, Open Graph und strukturierte Daten JSON-LD im Seitenkopf.
4. Ein-Farbpalette Rebranding – Die ganze Seite wird aus einem einzigen kommentierten :root-Block oben in style.css neu eingefärbt.

LIVE IN WENIGER ALS FÜNF MINUTEN

1. Dekomprimieren und Öffnen – Doppelklick auf index.html – läuft direkt vom Desktop, kein Server oder npm-Installationen.
2. Geben Sie Ihre Daten ein – script.js beginnt mit einem kleinen CONFIG-Block: Support-E-Mail und Ihre eigenen Details, 30 Sekunden.
3. Neu branding – Ändern Sie den Brand-Text in der Kopfzeile und die Farb-Tokens in style.css – die Seite färbt sich um.
4. Hochladen – Ziehen Sie den Ordner auf Netlify Drop, GitHub Pages oder jeden statischen Host – es ist in weniger als fünf Minuten live.

WARUM KÄUFER DAS WÄHLEN

• Was du siehst, ist, was du bekommst: Die Live-Demo läuft exakt denselben Code, den Sie herunterladen – dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung geprüft: Von 360 bis 1440 px getestet, kein Overflow, keine kaputten Bilder und keine Konsolenfehler.
• Ihr zum Verkauf: MIT-Lizenz – verwenden Sie es in Kundenprojekten oder verkaufen Sie es als Teil Ihres eigenen Builds.
• Sofortiger Download: Checkout, Lieferung und erneute Downloads erfolgen automatisch – zahlen Sie einmal und der Zip liegt sofort in Ihrer Bibliothek.

FAQ

Benötige ich ein Build-Tool?
Nein. Entzippen, index.html öffnen, es läuft. Ordner zu GitHub Pages, Netlify Drop oder jedem Shared-Host hochladen.

Kann ich die Farben ändern?
Ja – der :root-Block ganz oben in style.css enthält alle Farben, Schriftarten und Radius, die auf der Seite verwendet werden.

Was kann ich damit machen?
MIT-Lizenz. Verwenden Sie es für Kundenprojekte, verkaufen Sie damit, behalten Sie alles, was Sie verlangen. Attribution ist geschätzt, aber nicht erforderlich.

Wo bearbeite ich den Text?
Alle Texte sind normales HTML in index.html. INSTALL.md listet jeden Block auf, den Sie zuerst ändern sollten.

Wie bekomme ich das