Eine komplette, responsive Schaufensterfront: semantisches HTML, ein kommentiertes Design-System in CSS, Vanilla JavaScript, generierte Produktgrafik und vollständiges SEO-Markup. Ohne Framework, kein Build-Schritt, kein Lizenzschlüssel.

WAS SIE ERHÄLT

Ein Ordner, keine Build-Tools:

• index.html - Semantische Markup-Struktur, Meta-Tags, Open Graph und ClothingStore + ItemList JSON-LD.
• style.css - Ein :root-Farbblock, der die ganze Seite neu einfärbt. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filtering, Sorting, Tasche (Bag), Reveal-on-Scroll.
• img/ - Generierte SVG-Produktgrafik – winzig, scharf in jeder Größe, durch deine Palette neu eingefärbt.

MIT-lizenziert - nutze es in Kundenprojekten, brand es um, verkaufe es als Teil deines eigenen Build.

SO GEHT ES WIE EIN SHOP AUSFÜHRLICH 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, Filtering, Sorting, mobiles Menü und Scroll-Reveals in einem kleinen Skript - keine Bibliotheken, kein Build-Schritt.
3. SEO-ready - Semantische Markup, Meta-Tags, Open Graph und strukturierte Daten JSON-LD im Seitenkopf.
4. Eine-Farbpalette-Branding - Die ganze Seite wird aus einem einzelnen kommentierten :root-Block am oberen Rand von style.css neu eingefärbt.

LIVE IN WENIGER ALS FÜNF MINUTEN

1. Entzippen 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 Details, 30 Sekunden.
3. Branding - Ändere den Markentext im Header und die Farbtokens 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 unter fünf Minuten live.

WARUM KÄUFER DAS AUSWÄHLEN

• Was du siehst, ist was du bekommst: Die Live-Demo läuft denselben Code, den du herunterlädst – dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung getestet: Von 360 bis 1440 px geprüft, kein Überlauf, keine defekten Bilder und keine Konsolenfehler.
• Deins zu verkaufen: MIT-Lizenz - nutze es in Kundenprojekten oder verkaufe es als Teil deines eigenen Builds.
• Sofortiger Download: Checkout, Lieferung und erneute Downloads werden für dich abgewickelt - einmal bezahlen und der Zip liegt sofort in deiner Bibliothek.

FAQ

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

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

Was kann ich damit tun?
MIT-Lizenz. In Kundenprojekten verwenden, damit handeln, alles behalten, wofür du berechnest. Attribution wird begrüßt, aber nicht zwingend erforderlich.

Wo bearbeite ich den Text?
Alle Texte sind reines HTML in index.html. INSTALL.md listet zuerst alle Blocks auf, die geändert werden können.

Wie bekomme ich das?