Ein kompletter, responsiver Schaufenster-Shop: semantisches HTML, ein kommentiertes Design-System in CSS, Vanilla JavaScript, generierte Produktkunst und vollständige 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-Farbblock malt die gesamte Seite neu. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filterung, Sortierung, Bag, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktkunst - winzig, scharf in jeder Größe, mit deiner Palette neu koloriert.

MIT-lizenziert - nutzbar in Kundenprojekten, Umbranding, Verkauf als Teil deiner eigenen Build.

SO WESENDE EIN TEMPLATE UND VERHALTEN SOLLTE

1. Responsive - Layouts geprüft von 320 bis 1440 px mit null horizontaler Überlauf bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript - Bag, Filterung, Sortierung, mobile Navigation und Scroll-Reveal in einem kleinen Script - keine Bibliotheken, kein Build-Schritt.
3. SEO-fit - Semantische Markup, Meta-Tags, Open Graph und strukturierte Daten JSON-LD im Seitenkopf.
4. Einfache Markenanpassung mit einer einzigen Palette - Die ganze Seite wird aus einem einzigen kommentierten :root-Block oben in style.css neu eingefärbt.

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. Gib deine Details ein - script.js beginnt mit einem kleinen CONFIG-Block: Support-E-Mail und deine eigenen Details, 30 Sekunden.
3. Branding - Ändere den Marken-Text in der Kopfzeile und die Farbtokens in style.css - die Seite färbt sich um.
4. Upload - Ziehe den Ordner auf Netlify Drop, GitHub Pages oder jeden statischen Host - es ist in weniger als fünf Minuten live.

WARUM KÄUFER DARAUS WÄHLEN

• Was du siehst, ist was du bekommst: Die Live-Demo läuft exakt mit dem Code, den du herunterlädst - dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung verifiziert: Getestet von 360 bis 1440 px ohne Überlauf, ohne defekte Bilder und ohne Konsolenfehler.
• Dein Verkauf: MIT-Lizenz - nutzbar in Kundenprojekten oder im Verkauf als Teil deiner eigenen Build.
• Sofortiger Download: Checkout, Lieferung und erneute Downloads erfolgen automatisch - 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 zu GitHub Pages, Netlify Drop oder jedem Shared Host hochladen.

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

Was kann ich damit machen?
MIT-Lizenz. Nutze es für Kundenprojekte, verkaufe damit, behalte alles, was du berechnest. Attribution ist willkommen, aber nicht erforderlich.

Wo bearbeite ich den Text?
Alle Texte sind reines HTML in index.html. INSTALL.md listet zuerst jedes Block, dessen Änderung sinnvoll ist.

Wie bekomme ich das