Ein vollständiger, responsiver Storefront: semantisches HTML, ein kommentiertes Design-System 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-Farbpalette-Block malt die gesamte Seite neu. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filtern, Sortieren, Warenkorb, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktkunst – winzig, scharf in jeder Größe, mit deiner Palette neu eingefärbt.

MIT-Lizenz – nutze es in Kundenprojekten, brand es um, verkaufe es als Teil deines eigenen Builds.

GEBAUT, WIE EIN SHOP SICH VERHALTEN SOLL

1. Reaktionsfähig – Layouts von 320 bis 1440 px geprüft mit null horizontaler Überlauf bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript – Warenkorb, Filtern, Sortieren, mobile Navigation und Scroll-Reveals in einem kleinen Script – keine Bibliotheken, kein Build-Schritt.
3. SEO-ready – Semantisches Markup, Meta-Tags, Open Graph und strukturierte Daten JSON-LD im Seitenkopf.
4. One-Palette Rebranding – Die ganze Seite färbt sich aus einem einzigen kommentierten :root-Block oben in style.css neu.

LIVE IN WENIGER ALS FÜNF MINUTEN

1. Entpacken und Öffnen – Doppelklick auf index.html – es 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. Branding – Ändere den Markenname im Header und die Farbtokens in style.css – die Seite färbt 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 den exakten Code, den du herunterlädst – dieselben Dateien, das gleiche Verhalten.
• Vor der Veröffentlichung verifiziert: Getestet von 360 bis 1440 px mit keinerlei Überlauf, keine kaputten Bilder und keine Fehler in der Konsole.
• Deins zum Verkauf: 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 zahlen und der Zip kommt sofort in deine Bibliothek.

FAQ

Brauche ich ein Build-Tool?
Nein. Entzippen, index.html öffnen, es läuft. Den 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 hält jede Farbe, Schrift und jeden 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 verlangst. Eine Attribution ist willkommen, aber nicht erforderlich.

Wo bearbeite ich den Text?
Alle Texte sind reiner HTML-Code in index.html. INSTALL.md listet jedes Block, das zuerst geändert werden sollte.

Wie bekomme ich das