Ein komplettes, responsives Schaufenster: 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 - Eine :root-Farbblock, der die gesamte Seite neu malt. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filterung, Sortierung, Tasche, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktkunst - winzig, scharf in jeder Größe, mit deiner Palette neu gefärbt.

MIT-lizenziert - nutzbar in Kundenprojekten, umbenennen, als Teil deines eigenen Builds verkaufen.

GEWÖHNLICHHER VERHALTEN EINES SHOPS

1. Responsiv - Layouts geprüft von 320 bis 1440 px mit zero horizontaler Überlauf bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript - Tasche, Filterung, Sortierung, mobiles Menü und Scroll-Reveals in einem kleinen Skript - keine Bibliotheken, kein Build-Schritt.
3. SEO-bereit - Semantisches Markup, Meta-Tags, Open Graph und strukturierte JSON-LD-Daten im Seitenkopf.
4. Eine-Palette Rebranding - Die ganze Seite wird aus einem einzigen kommentierten :root-Block oben in style.css neu gestrichen.

LIVE IN WENIGER ALS FÜNF MINUTEN

1. Datei entpacken und öffnen - Doppelklick auf index.html - es läuft direkt vom Desktop, kein Server oder npm-Installationen.
2. Trage deine Details ein - script.js beginnt mit einem kleinen CONFIG-Block: Support-E-Mail und deine eigenen Details, 30 Sekunden.
3. Neu benennen - Ändere den Brand-Text im Header und die Farbtokens in style.css - die Seite färbt sich um sie herum neu.
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 WÄHLEN

• Was du siehst, ist das, was du bekommst: Die Live-Demo läuft den gleichen Code, den du herunterlädst - dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung verifiziert: Getestet von 360 bis 1440 px ohne Overflow, ohne kaputte Bilder und ohne Console-Fehler.
• Dein Eigentum 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 erledigt - zahle einmal und das Zip ist sofort in deiner Bibliothek.

FAQ

Brauche ich ein Build-Tool?
Nein. Entpacken, index.html öffnen, es läuft. Ordner auf GitHub Pages, Netlify Drop oder jeden geteilten 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 alles, was du berechnest. Attribution wird geschätzt, 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?