Ein komplettes, responsives Schaufenster: semantisches HTML, ein kommentiertes Design-System in CSS, Vanilla JavaScript, generierte Produktgrafik und vollständiges SEO-Markup. Kein Framework, kein Build-Schritt, kein Lizenzschlüssel.

WAS DU BEKOMMST

Ein Ordner, keine Build-Tools:

• index.html - Semantisches Markup, Meta-Tags, Open Graph und ClothingStore + ItemList JSON-LD.
• style.css - Ein :root-Farbpalette-Block malt die gesamte Seite neu. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filtern, Sortieren, Tasche, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktgrafik - klein, scharf in jeder Größe, mit deiner Farbpalette neu eingefärbt.

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

SO WIE EIN SHOP FUNKTIONIEREN SOLL

1. Responsiv - Layouts geprüft von 320 bis 1440 px mit nullem horizontalem Überlauf bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript - Tasche, Filtern, Sortieren, mobiles Menü und Scroll-Verlaufs-Effekte in einem kleinen Skript - keine Bibliotheken, kein Build-Schritt.
3. SEO-bereit - Semantisches Markup, Meta-Tags, Open Graph und strukturierte Daten JSON-LD 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. Entpacken und öffnen - Doppel-Klick auf index.html - es läuft direkt vom Desktop aus, 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. Renbranding - Ändere den Marken-Text in der Kopfzeile und die Farbtokens 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 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 den Code, den du herunterlädst – dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung geprüft: Getestet von 360 bis 1440 px ohne Overflow, ohne kaputte Bilder und ohne Konsole-Fehler.
• Dein Besitz 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 - Bezahle einmal und die Zip ist sofort in deiner Bibliothek.

FAQ

Ich brauche ein Build-Tool?
Nein. Entpacken, index.html öffnen, es läuft. Lade den Ordner zu GitHub Pages, Netlify Drop oder jeden geteilten Host hoch.

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 verlangst. Attribution wird geschätzt, ist aber nicht erforderlich.

Wo bearbeite ich den Text?
Alle Texte sind reines HTML in index.html. INSTALL.md listet zuerst jeden Block auf, der sich lohnt zu ändern.

Wie bekomme ich die