Ein komplettes, responsives Schaufenster: semantisches HTML, ein kommentiertes Design-System in CSS, Vanilla JavaScript, generierte Produktgrafik 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, 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, Tasche, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktgrafik - winzig, scharf in jeder Größe, mit deiner Palette umgefärbt.

MIT lizenziert - nutzbar für Kundenprojekte, umbenennen, als Teil deiner eigenen Build vertreiben.

GEBAUT, WIE EIN SHOP SICH VERHALTEN SOLLTE

1. Responsiv - Layouts geprüft von 320 bis 1440 px mit null horizontaler Überlauf bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript - Tasche, Filtern, Sortieren, mobile Navigation und Scroll-Reveal in einem kleinen Script - keine Bibliotheken, kein Build-Schritt.
3. SEO-bereit - Semantisches Markup, Meta-Tags, Open Graph und strukturierte Daten JSON-LD im Seitenkopf.
4. Eine-Palette-Branding - Die gesamte Seite malt neu von einem einzigen kommentierten :root-Block ganz 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. Trage deine Details ein - script.js beginnt mit einem kleinen CONFIG-Block: Support-E-Mail und deine eigenen Details, 30 Sekunden.
3. Branding anpassen - Ändere den Markentext im Header und die Farb-Tokens in style.css - die Seite malt sich um.
4. Hochladen - Ziehe den Ordner auf Netlify Drop, GitHub Pages oder jeden statischen Host - es ist in unter fünf Minuten live.

WARUM KÄUFER DAS WÄHLEN

• Was du siehst, ist, was du bekommst: Die Live-Demo läuft exakt mit dem Code, den du herunterlädst - dieselben Dateien, dasselbe Verhalten.
• Vor Veröffentlichung getestet: Von 360 bis 1440 px getestet mit keinem Überlauf, keinen defekten Bildern und keinen Konsolenfehlern.
• Deins zu verkaufen: MIT-Lizenz - nutze es für Kundenprojekte oder verkaufe es als Teil deiner eigenen Build.
• Sofort-Download: Checkout, Lieferung und erneute Downloads 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 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 jede Farbe, Schrift und jeden Radius, der auf der Seite verwendet wird.

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

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

Wie bekomme ich das