Ein vollständiger, responsiver Storefront: 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 SIE ERHALTEN

Ein Ordner, kein Build-Tool:

• index.html - Semantische Markup, Meta-Tags, Open Graph und ClothingStore + ItemList JSON-LD.
• style.css - Eine :root-Palette block malt die gesamte Seite neu. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filterung, Sortierung, Einkaufstasche, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktgrafik - winzig, scharf in jeder Größe, farblich nach Ihrer Palette umgefärbt.

MIT-Lizenz – verwenden Sie es in Kundenprojekten, branden Sie es um, verkaufen Sie es als Teil Ihres eigenen Builds.

GEBAUT, WIE EIN SHOP FUNKTIONIERT

1. Responsiv – Layouts geprüft von 320 bis 1440 px mit null horizontaler Überlauf bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript - Einkaufstasche, Filterung, Sortierung, mobile Navigation und Scroll-Reveals in einem kleinen Script - keine Bibliotheken, kein Build-Schritt.
3. SEO-ready - Semantisches Markup, Meta-Tags, Open Graph und strukturierte Daten JSON-LD im Seitenkopf.
4. One-Palette-Branding - Die ganze Seite aktualisiert sich aus einem einzigen kommentierten :root-Block oben in style.css.

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. Geben Sie Ihre Details ein - script.js startet mit einem kleinen CONFIG-Block: Support-E-Mail und Ihre eigenen Details, 30 Sekunden.
3. Branding - Ändern Sie den Markentext im Header und die Farbtokens in style.css - die Seite aktualisiert sich automatisch um sie herum.
4. Hochladen - Ziehen Sie den Ordner auf Netlify Drop, GitHub Pages oder jeden statischen Host - es ist in weniger als fünf Minuten live.

WARUM KÄUFER DAS ANGENOMMEN

• Was Sie sehen, ist, was Sie bekommen: Die Live-Demo läuft mit dem exakt gleichen Code, den Sie herunterladen - dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung geprüft: Getestet von 360 bis 1440 px ohne Überlauf, ohne kaputte Bilder und ohne Konsolenfehler.
• 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 erledigt - bezahlen Sie einmal und das ZIP ist sofort in Ihrer Bibliothek.

FAQ

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

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 tun?
MIT-Lizenz. Verwenden Sie es für Kundenprojekte, verkaufen Sie damit, behalten Sie alle Gebühren ein. Eine 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 jedes Block auf, den Sie ändern sollten.

Wie bekomme ich das?