Ein komplettes, responsives Schaufenster: semantisches HTML, ein kommentiertes Designsystem in CSS, Vanilla JavaScript, generierte Produktgrafiken und vollständiges SEO-Markup. Ohne 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-Palettenblock färbt die gesamte Seite neu. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filtern, Sortieren, Einkaufstasche, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktgrafik - winzig, scharf in jeder Größe, neu gefärbt nach IhrerPalette.

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

SO WIE EIN STORE FUNKTIONIEREN SOLL

1. Responsiv – Layouts von 320 bis 1440 px geprüft mit zero horizontal Overflow bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript – Einkaufstasche, Filtern, Sortieren, mobile Navigation und Scroll-Reveals in einem kleinen Skript – keine Bibliotheken, kein Build-Schritt.
3. SEO-ready – Semantische Markup-Struktur, Meta-Tags, Open Graph und strukturierte Daten JSON-LD im Seitenkopf.
4. EIn-Farben-Thema – Das ganze System färbt sich um, basierend auf 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-Installationen.
2. Geben Sie Ihre Details ein – script.js beginnt mit einem kleinen CONFIG-Block: Support-E-Mail und Ihre eigenen Daten, 30 Sekunden.
3. Umbrand – Ändern Sie die Marken-Texte 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 – sie ist in weniger als fünf Minuten live.

WARUM KÄUFER DAS AUSWÄHLEN

• Was du siehst, ist das, was du bekommst: Die Live-Demo läuft exakt denselben Code, den Sie herunterladen – dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung geprüft: Von 360 bis 1440 px getestet, kein Overflow, keine defekten Bilder und keine Konsolenfehler.
• Dein Verkauf: MIT-Lizenz – nutzbar in Kundenprojekten oder im eigenen Build weiterveräußern.
• Sofortiger Download: Check-out, Lieferung und erneute Downloads werden für Sie abgewickelt – bezahlen Sie einmal und das ZIP befindet sich sofort in Ihrer Bibliothek.

FAQ

Brauche ich ein Build-Tool?
Nein. Entpacken, 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 oben in style.css hält jede Farbe, Schriftart und Radien, die auf der Seite verwendet werden.

Was kann ich damit tun?
MIT-Lizenz. Nutzen Sie es für Kundenprojekte, verkaufen Sie damit, behalten Sie alles, was Sie berechnen. Attribution wird geschätzt, aber nicht zwingend benötigt.

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

Wie bekomme ich das?