Ein kompletter, 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 ERREICHEN

Ein Ordner, keine Build-Tools:

• index.html - Semantisches Markup, Meta-Tags, Open Graph und ClothingStore + ItemList JSON-LD.
• style.css - Ein :root-Paletten-Block malt die gesamte Seite neu. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filtern, Sortieren, Tasche, Scroll-Einblendung.
• img/ - Generierte SVG-Produktkunst – winzig, scharf in jeder Größe, mit deiner Palette recoloured.

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

SO WIE EIN SHOP VERHALTEN SOLL

1. Responsiv – Layouts getestet von 320 bis 1440 px mit null horizontaler Überlauf bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript – Tasche, Filtern, Sortieren, mobiles Menü und Scroll-Einblendungen in einem kleinen Skript – 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 malt neu auf Basis eines einzigen kommentierten :root-Blocks 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-Installationen.
2. Gib deine Daten ein – script.js beginnt mit einem kleinen CONFIG-Block: Support-E-Mail und deine eigenen Daten, 30 Sekunden.
3. Umbrand – Ändere den Marken-Text im Header und die Farb-Tokens in style.css – die Seite malt entsprechend um.
4. Hochladen – Ziehe den Ordner auf Netlify Drop, GitHub Pages oder jeden statischen Host – er ist in weniger als fünf Minuten live.

WARUM KÄUFER DAS WÄ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 der Veröffentlichung geprüft: Getestet von 360 bis 1440 px mit keinem Überlauf, keinen defekten Bildern und keinen Konsolenfehlern.
• Dein Verkauf: MIT-Lizenz – nutze es für Kundenprojekte oder verkaufe es als Teil deines eigenen Builds.
• Sofortiger Download: Checkout, Lieferung und erneute Downloads werden für dich abgewickelt – zahle einmal und der Zip liegt sofort in deiner Bibliothek.

FAQ

Brauche ich ein Build-Tool?
Nein. Entpacken, index.html öffnen, es läuft. Den Ordner auf GitHub Pages, Netlify Drop oder jeden Shared Host hochladen.

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. Nutze es für Kundenprojekte, verkaufe damit, behalte, 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 zuerst jeden Block auf, der sich lohnt zu ändern.

Wie bekomme ich es?