Ein vollständiger, responsiver Storefront: semantisches HTML, ein Kommentar-basiertes Design-System 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 Farbpalette-Block repaintet die gesamte Seite. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filtering, Sorting, Bag, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktkunst - winzig, scharf in jeder Größe, mit deiner Palette farblich angepasst.

MIT-lizenziert - nutze es in Kundenprojekten, rebrand es, verkaufe es als Teil deines eigenen Builds.

SO WIE EIN STORE AUSGEFÜHRT WERDEN 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 - Bag, Filtering, Sorting, 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. Eine-Palette Rebranding - Die ganze Seite wird aus einem einzigen kommentierten :root-Block am oberen Rand von style.css neu eingefärbt.

LIVE IN WENIGER ALS FÜNF MINUTEN

1. Entpacken und Öffnen - Doppelklick auf index.html - läuft direkt vom Desktop aus, 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. Rebranding - Ändern Sie den Markentext im Header und die Farbtokens in style.css - die Seite färbt sich entsprechend neu.
4. Hochladen - Ziehen Sie 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 den Code, den du herunterlädst - dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung verifiziert: Getestet von 360 bis 1440 px mit keinem Überlauf, keinen defekten Bildern und keinen Konsolenfehlern.
• 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 zahlen 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 oben in style.css enthält jede Farbe, Schriftart und Radius, die auf der Seite verwendet werden.

Was kann ich damit tun?
MIT-Lizenz. Verwenden Sie es für Kundenprojekte, verkaufen Sie damit, behalten Sie alles, was Sie berechnen. Attribution wird begrüßt, ist aber nicht erforderlich.

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

Wie bekomme ich das ...