Eine komplette, responsive 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, keine Build-Tools:

• index.html - Semantische Markup-Struktur, Meta-Tags, Open Graph und ClothingStore + ItemList JSON-LD.
• style.css - Ein :root-Farbpalette-Blöckchen füllt die gesamte Seite neu. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filterung, Sortierung, Warenkorb, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktgrafik - winzig, scharf in jeder Größe, farblich angepasst an Ihre Farbpalette.

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

SO WIE EIN SHOP AUSZUHEN HABEN SOLL

1. Responsiv - Layouts von 320 bis 1440 px getestet, kein horizontaler Überlauf bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript - Warenkorb, Filterung, Sortierung, mobiler Nav 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 Kopf der Seite.
4. One-Palette-Branding - Die gesamte Seite erneuert sich aus einem einzigen kommentierten :root-Block am Anfang von style.css.

LIVE IN WENIGER ALS FÜNF MINUTEN

1. Dekomprimieren 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 Marken-Text im Header und die Farbtokens in style.css - die Seite passt sich um sie herum an.
4. Upload - 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 WÄHLEN

• Was Sie sehen, ist was Sie bekommen: Die Live-Demo läuft mit exakt demselben Code, den Sie herunterladen - dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung verifiziert: Getestet von 360 bis 1440 px mit keinem Überlauf, keinen defekten Bildern und keinen Konsolenfehlern.
• Ihr Eigentum zum 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 liegt sofort in Ihrer 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 hält jede Farbe, Schrift und Randradius, die auf der Seite verwendet wird.

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

Wo bearbeite ich den Text?
Alle Texte sind reines HTML in index.html. INSTALL.md führt auf, welcher Block zuerst geändert werden sollte.

Wie bekomme ich die