Ein vollständiger, responsiver Storefront: semantisches HTML, ein kommentiertes Design System in CSS, Vanilla JavaScript, generierte Produktgrafik und vollständige SEO-Markup. Kein Framework, kein Build-Schritt, kein Lizenzschlüssel.

WAS SIE ERHALTEN

Ein Ordner, keine Build-Tools:

• index.html - Semantisches Markup, Meta-Tags, Open Graph und ClothingStore + ItemList JSON-LD.
• style.css - Ein :root-Paletten-Block bemalt die gesamte Seite. Mobile-First, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filtern, Sortieren, Tasche, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktgrafik - winzig, scharf in jeder Größe, farblich an Ihre Palette angepasst.

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

SO WIE EIN SHOP FUNKTIONIEREN SOLLTE

1. Responsive - Layouts von 320 bis 1440 px geprüft mit null horizontaler Überlauf bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript - Tasche, Filtern, Sortieren, mobiles Menü und Scroll-Erscheinungen 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 gesamte Seite neu lackiert 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 beginnt 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 färbt sich entsprechend um.
4. Hochladen - Ziehen Sie den Ordner auf Netlify Drop, GitHub Pages oder jeden statischen Host - er ist in unter fünf Minuten live.

WARUM KÄUFER DAS WÄHLEN

• Was du siehst, ist das, was du bekommst: Die Live-Demo läuft exakt denselben Code wie du herunterlädst - dieselben Dateien, dasselbe Verhalten.
• Vor dem Release verifiziert: Von 360 bis 1440 px getestet, kein Overflow, keine kaputten Bilder und keine Konsolenfehler.
• Dein 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 - zahle einmal und der ZIP liegt 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 oben in style.css enthält jede Farbe, Schrift und Radien, die auf der Seite verwendet werden.

Was kann ich damit tun?
MIT-Lizenz. Verwenden Sie es für Kundenprojekte, verkaufen Sie damit, behalten Sie alles, was Sie berechnen. Attribution wird geschätzt, ist 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