Ein komplettes, responsives Schaufenster: semantisches HTML, ein gemeinsames Designsystem in CSS, Vanilla JavaScript, generierte Produktkunst und vollständiges SEO-Markup. Keine Frameworks, 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-Palette-Block malt die gesamte Seite neu. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filtern, Sortieren, Einkaufstasche, Scroll-Aufdecken.
• img/ - Generierte SVG-Produktkunst – winzig, scharf in jeder Größe, farblich an Ihre Palette angepasst.

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

SO WIE EIN SHOP FUNKTIONIEREN SOLL

1. Responsiv – Layouts geprüft von 320 bis 1440 px mit null horizontalem Overflow bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript – Tasche, Filtern, Sortieren, mobile Navigation und Scroll-Veröffentlichungen in einem kleinen Script – keine Bibliotheken, kein Build-Schritt.
3. SEO-fertig – Semantisches Markup, Meta-Tags, Open Graph und strukturierte Daten JSON-LD im Seitenkopf.
4. Ein-Farben-Thema – Die ganze Seite repaintet sich von einem einzigen kommentierten :root-Block oben in style.css.

JETZT IN WENIGER ALS FÜNF MINUTEN LIVE

1. Entpacken und Öffnen – Doppelklick auf index.html – läuft direkt vom Desktop, kein Server oder npm-Install.
2. Geben Sie Ihre Daten ein – script.js beginnt mit einem kleinen CONFIG-Block: Support-E-Mail und Ihre eigenen Details, 30 Sekunden.
3. Branding – Ändern Sie den Markentext im Header und die Farbschlüssel in style.css – die Seite passt sich um sie herum neu an.
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 Sie sehen, ist was Sie bekommen: Die Live-Demo läuft exakt denselben Code wie Sie herunterladen – dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung verifiziert: Von 360 bis 1440 px getestet, kein Overflow, keine defekten Bilder und keine Konsolenfehler.
• Ihr Eigentum zum Weiterverkauf: MIT-Lizenz – verwenden Sie es in Kundenprojekten oder verkaufen Sie es als Teil Ihres eigenen Builds.
• Sofortiger Download: Checkout, Lieferung und erneute Downloads werden für Sie abgewickelt – bezahlen Sie einmal und die ZIP-Datei ist sofort in Ihrer Bibliothek.

FAQ

Brauche ich ein Build-Tool?
Nein. Entpacken, index.html öffnen, es läuft. Den Ordner auf GitHub Pages, Netlify Drop oder jeden geteilten Hostingdienst hochladen.

Kann ich die Farben ändern?
Ja – der :root-Block am oberen Rand von style.css enthält jede Farbe, Schriftart und Radius, die auf der Seite verwendet werden.

Was kann ich damit tun?
MIT-Lizenz. Verwenden Sie es für Kundenprojekte, verkaufen Sie damit, behalten Sie alles, wofür Sie bezahlen. Eine Attribution ist willkommen, aber nicht erforderlich.

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

Wie bekomme ich das