Ein komplettes, responsives Schaufenster: semantisches HTML, ein kommentiertes Design-System in CSS, Vanilla JavaScript, generierte Produktgrafiken und vollständiges SEO-Markup. Kein Framework, kein Build-Schritt, kein Lizenzschlüssel.

WAS SIE ERHALTEN

Ein Ordner, keine Build-Tools:

• index.html - Semantische Markup-Struktur, Meta-Tags, Open Graph und ClothingStore + ItemList JSON-LD.
• style.css - Ein :root-Farbpalette-Block, der die gesamte Seite neu malt. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filterung, Sortierung, Einkaufstasche, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktgrafiken - winzig, scharf in jeder Größe, farblich an Ihre Palette angepasst.

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

SO WESENLICH EIN STORE FUNKTIONIERT

1. Responsiv - Layouts geprüft von 320 bis 1440 px mit null horizontaler Überlauf bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript - Einkaufstasche, Filterung, Sortierung, mobile Navigation und Scroll-Reveal in einem kleinen Skript - keine Bibliotheken, kein Build-Schritt.
3. SEO-ready - Semantisches Markup, Meta-Tags, Open Graph und strukturierte Daten JSON-LD im Seitenkopf.
4. Einfache Markenanpassung - Die gesamte Seite wird von einem einzigen kommentierten :root-Block ganz oben in style.css neu eingefärbt.

IN WENIGEN MINUTEN LIVE

1. Dateien entpacken und öffnen - Doppelklick auf index.html - läuft direkt vom Desktop, kein Server oder npm-Installation.
2. Geben Sie Ihre Details ein - script.js beginnt mit einem kleinen CONFIG-Block: Support-E-Mail und Ihre eigenen Daten, 30 Sekunden.
3. Umbrandung - Ändern Sie den Markentext im Header und die Farbtokens in style.css - die Seite