Ein vollständiger, responsiver Storefront: semantisches HTML, ein kommentiertes Design-System in CSS, Vanilla JavaScript, generierte Produktkunst und vollständiges SEO-Markup. Kein Framework, kein Build-Schritt, kein Lizenzschlüssel.

WAS SIE BEKOMMEN

Ein Ordner, keine Build-Tools:

• index.html - Semantische Markup, Meta-Tags, Open Graph und ClothingStore + ItemList JSON-LD.
• style.css - Ein :root-Farbblock färbt die gesamte Seite neu. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filtern, Sortieren, Tasche, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktkunst – winzig, scharf in jeder Größe, mit deiner Farbpalette neu eingefärbt.

MIT-Lizenz – nutzbar für Kundenprojekte, umbenennen, als Teil deines eigenen Builds weiterverkaufen.

GESTALTET, WIE EIN SHOP SCHULD SEIN SOLL

1. Responsiv – Layouts von 320 bis 1440 px geprüft mit null horizontaler Überlauf bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript – Tasche, 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-Branding – Die ganze Seite färbt sich neu von einem einzigen kommentierten :root-Block oben in 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. Geben Sie Ihre Details ein – script.js beginnt mit einem kleinen CONFIG-Block: Support-E-Mail und Ihre eigenen Details, 30 Sekunden.
3. Branding – Ändern Sie 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 weniger als fünf Minuten live.

WARUM KÄUFER DIES WÄ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 Release geprüft: Von 360 bis 1440 px getestet, kein Overflow, keine defekten Bilder und keine Konsolenfehler.
• Deins zum Weiterverkauf: MIT-Lizenz – nutzbar für Kundenprojekte oder als Teil deines eigenen Builds weiterverkaufen.
• 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. Entpacken, index.html öffnen, es läuft. Ordner hochladen zu GitHub Pages, Netlify Drop oder jedem Shared Hosting.

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

Was kann ich damit tun?
MIT-Lizenz. Für Kundenprojekte verwenden, damit verkaufen, alles, wofür Sie berechnen. Attribution ist erwünscht, aber nicht erforderlich.

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

Wie bekomme ich das