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

MIT-lizenziert – nutzbar in Kundenprojekten, rebrandbar, als Teil deiner eigenen Build verkaufbar.

SO WARTET DER SHOP VERHALTEN SOLLTE

1. Responsiv – Layouts von 320 bis 1440 px geprüft mit null horizontaler Überlauf bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript – Korb, Filtern, Sortieren, mobile Navigation und Scroll-Reveals in einem kleinen Script – keine Libraries, kein Build-Schritt.
3. SEO-ready – Semantische Markup, Meta-Tags, Open Graph und strukturierte Daten JSON-LD im Seitenkopf.
4. Eine-Palette Rebranding – Die gesamte Seite läuft neu basierend auf einem einzigen kommentierten :root-Block am oberen Rand von style.css.

LIVE IN WENIGER ALS FÜNF MINUTEN

1. Entpacken und Öffnen – Doppelklick auf index.html – läuft direkt vom Desktop, kein Server oder npm-Installation.
2. Deine Details eintragen – script.js beginnt mit einem kleinen CONFIG-Block: Support-E-Mail und deine eigenen Details, 30 Sekunden.
3. Neu branden – Ändere den Markenname im Kopfbereich 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 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, den du herunterlädst – dieselben Dateien, dasselbe Verhalten.
• Vor Veröffentlichung geprüft: Getestet von 360 bis 1440 px mit keinem Überlauf, keinen kaputten Bildern und keinen Konsolenfehlern.
• Deiner zum Verkauf: MIT-Lizenz – nutzbar in Kundenprojekten oder als Teil deiner eigenen Build weiterverkaufen.
• Sofortiger Download: Checkout, Lieferung und erneuter Download werden für dich abgewickelt – zahle einmal und der Zip ist sofort in deiner Bibliothek.

FAQ

Benötige ich ein Build-Tool?
Nein. Entpacken, index.html öffnen, es läuft. Ordner zu GitHub Pages, Netlify Drop oder jedem geteilten Host hochladen.

Kann ich die Farben ändern?
Ja – der :root-Block an der Spitze von style.css enthält alle Farben, Schriftarten und Radien, die auf der Seite verwendet werden.

Was kann ich damit machen?
MIT-Lizenz. Für Kundenprojekte verwenden, mitverkaufen, alles behalten, was du berechnest. Attribution ist willkommen, aber nicht erforderlich.

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

Wie bekomme ich das?