Ein vollständiger, reaktionsfähiger Schaufenster-Shop: 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 BEKOMMEN

Ein Ordner, keine Build-Tools:

• index.html - Semantisches Markup, Meta-Tags, Open Graph und ClothingStore + ItemList JSON-LD.
• style.css - Eine :root-Palette block repaintet die gesamte Seite. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Nav, Filtern, Sortieren, Tasche, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktfkunst - winzig, scharf in jeder Größe, mit deiner Palette umgefärbt.

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

GEBAUT, WIE EIN SHOP SICH VERHALTEN SOLL

1. Responsiv - Layouts geprüft von 320 bis 1440 px mit null horizontaler Überlauf mit 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript - Tasche, Filtern, Sortieren, mobile Navigation und Scroll-Verkündung in einem kleinen Script - keine Bibliotheken, kein Build-Schritt.
3. SEO-ready - Semantische Struktur, Meta-Tags, Open Graph und strukturierte Daten JSON-LD im Seitenkopf.
4. One-Palette Rebrand - Die gesamte Seite wird aus einem einzigen kommentierten :root-Block oben in style.css neu eingefärbt.

LEGAUF GROSS IN FÜNF 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 Details, 30 Sekunden.
3. Neu branden - Ändere den Marken-Text im Header und die Farbtöne in style.css - Die Seite färbt sich um.
4. Hochladen - Ziehe den Ordner auf Netlify Drop, GitHub Pages oder jeden statischen Host - Es ist in weniger als fünf Minuten live.

WARUM EIN KÄUFER DAS WÄHLT

• 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 ohne Überlauf, ohne beschädigte Bilder und ohne Konsolenfehler.
• Dein Verkauf - MIT-Lizenz - Nutze es in Kundenprojekten oder verkaufe es als Teil deines eigenen Builds.
• Sofortiger Download: Checkout, Lieferung und erneuter Download 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 auf GitHub Pages, Netlify Drop oder jeden shared Host hochladen.

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

Was kann ich damit machen?
MIT-Lizenz. Verwenden in Kundenprojekten, damit verkaufen, alles behalten, was du berechnest. Attribution ist 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?