Ein komplettes, responsives Schaufenster: semantisches HTML, ein kommentiertes Designsystem in CSS, reines 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-Struktur, Meta-Tags, Open Graph und ClothingStore + ItemList JSON-LD.
• style.css - Ein :root-Farbpalette Block ersetzt die gesamte Seite. Mobile-first, kein Framework.
• script.js - 4 KB reines JS: Navigation, Filtern, Sortieren, Tasche, Sichtbarmachung beim Scrollen.
• img/ - Generierte SVG-Produktkunst - winzig, scharf in jeder Größe, mit Ihrer Farbpalette neu eingefärbt.

MIT-lizenziert - verwenden Sie es in Kundenprojekten, branden Sie es neu, verkaufen Sie es als Teil Ihrer eigenen Build.

SO WIE EIN SHOP SICH VERHALTEN SOLLTE

1. Responsiv - Layouts von 320 bis 1440 px geprüft mit Null horizontalem Überlauf bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript - Tasche, Filtern, Sortieren, Mobile-Navigation und Scroll-Reveals 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. Einfache Markenfarbgebung - Die ganze Seite wird aus einem einzigen kommentierten :root-Block oben in style.css neu eingefärbt.

LIVE IN UNDER FIVE MINUTES

1. Entpacken und Öffnen - Doppelklicken Sie auf index.html - es läuft direkt vom Desktop, kein Server oder npm-Installation.
2. Geben Sie Ihre Details ein - script.js beginnt mit einem kleinen CONFIG-Block: Support-E-Mail und Ihre eigenen Details, 30 Sekunden.
3. Umbrandung - Ändern Sie den Marken-Text im Header und die Farbtokens in style.css - die Seite färbt sich um.
4. Hochladen - Ziehen Sie 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 Sie sehen, ist, was Sie bekommen: Die Live-Demo läuft exakt den Code, den Sie herunterladen – dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung verifiziert: Getestet von 360 bis 1440 px mit keinem Überlauf, keinen kaputten Bildern und keinen Konsolenfehlern.
• Ihr Verkauf: MIT-Lizenz - verwenden Sie es in Kundenprojekten oder verkaufen Sie es als Teil Ihres eigenen Builds.
• Sofortiger Download: Checkout, Lieferung und erneute Downloads werden für Sie abgewickelt - zahlen Sie einmal und die ZIP ist sofort in Ihrer Bibliothek.

FAQ

Benötige ich ein Build-Tool?
Nein. Entpacken, index.html öffnen, es läuft. Laden Sie den Ordner auf GitHub Pages, Netlify Drop oder jeden Shared Host hoch.

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

Was kann ich damit tun?
MIT-Lizenz. Verwenden Sie es für Kundenprojekte, verkaufen Sie damit, behalten Sie alles, was Sie berechnen. Eine Quellenangabe ist wünschenswert, aber nicht erforderlich.

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

Wie erhalte ich das