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 Farbfeldblock malt die gesamte Seite neu. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filterung, Sortierung, Tasche, Scroll-Einblendung.
• img/ - Generierte SVG-Produktkunst - winzig, scharf in jeder Größe, mit deiner Farbpalette neu eingefärbt.

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

SO GELT ES, WIE EIN SHOP SICH VERHALTEN SOLLTE

1. Responsiv – Layouts geprüft von 320 bis 1440 px ohne horizontale Überlaufprobleme bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript - Tasche, Filterung, Sortierung, mobiles Menü und Scroll-Effekte 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 gesamte Seite wird neu eingefärbt basierend auf einem einzigen kommentierten :root-Block am Anfang von style.css.

LIVE IN WUNDERBAR WENIGEN MINUTEN

1. Entpacken und Öffnen – Doppelklick auf index.html – läuft direkt vom Desktop, kein Server oder npm-Installation.
2. Trage deine Daten ein - script.js beginnt mit einem kleinen CONFIG-Block: Support-E-Mail und deine eigenen Daten, 30 Sekunden.
3. Branding - Ändere den Markentext in der Kopfzeile und die Farbtokens in style.css - die Seite färbt sich um.
4. Hochladen - Ziehe den Ordner per Netlify Drop, GitHub Pages oder jedem statischen Host hoch – es ist in unter 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 du herunterlädst – dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung geprüft: Getestet von 360 bis 1440 px, kein Overflow, keine beschädigten Bilder und keine Konsolenfehler.
• 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 – zahle einmal und die Zip-Datei 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 machen?
MIT-Lizenz. Nutze es für Kundenprojekte, verkaufe damit, behalte alles, was du verlangst. Attribution ist geschätzt, aber nicht erforderlich.

Wo bearbeite ich den Text?
Alle Texte sind reines HTML in index.html. INSTALL.md listet zuerst jedes Block zum Ändern auf.

Wie bekomme ich das