Ein komplettes, responsives Schaufenster: semantisches HTML, ein kommentiertes Design-System 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 - Semantisches Markup, Meta-Tags, Open Graph und ClothingStore + ItemList JSON-LD.
• style.css - Ein :root-Farbpalette-Block malt die gesamte Seite neu. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filtern, Sortieren, Tasche, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktkunst - winzig, scharf in jeder Größe, mit deiner Palette neu eingefärbt.

MIT-Lizenz - nutzbar auf Kundenprojekten, neu branden, als Teil deines eigenen Builds verkaufen.

SO GEHT ES, WIE EIN SHOP SEIN SOLLTE

1. Responsiv - Layouts von 320 bis 1440 px geprüft mit null horizontale Überlauf bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript - Tasche, Filtern, Sortieren, mobiles Menü und Scroll-Reveals 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. Eine-Palette-Rebranding - Die gesamte Seite neu bemalt aus einem einzigen kommentierten :root-Block oben in style.css.

LIVE IN WENIGER ALS FÜNF MINUTEN

1. Dekomprimieren und Öffnen - Doppelklick auf index.html - läuft direkt vom Desktop, kein Server oder npm-Installation.
2. Gib deine Details ein - script.js beginnt mit einem kleinen CONFIG-Block: Support-E-Mail und deine eigenen Details, 30 Sekunden.
3. Neu branding - Ändere den Marken-Text im Header und die Farbtokens in style.css - die Seite malt sich um sie herum neu.
4. Hochladen - Ziehe den Ordner auf Netlify Drop, GitHub Pages oder jeden statischen Host hoch - es ist in weniger als fünf Minuten live.

WARUM KÄUFER DAS AUSWÄHLEN

• Was du siehst, ist was du bekommst: Die Live-Demo läuft exakt denselben Code herunter - dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung verifiziert: Von 360 bis 1440 px getestet, kein Überlauf, keine kaputten Bilder und keine Konsolenfehler.
• Deins zum Verkauf: MIT-Lizenz - nutzbar auf Kundenprojekten oder als Teil deines eigenen Builds verkaufen.
• Sofortiger Download: Checkout, Lieferung und erneutes Herunterladen werden für dich abgewickelt - einmal bezahlen und der Zip ist sofort in deiner Bibliothek.

FAQ

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

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

Was kann ich damit tun?
MIT-Lizenz. Nutze es für Kundenprojekte, verkaufe damit, behalte alles, was du abrechnest. Eine Attribution ist geschätzt, aber nicht erforderlich.

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

Wie bekomme ich das