Ein vollständiger, responsiver Storefront: semantisches HTML, ein kommentiertes Design-System in CSS, Vanilla JavaScript, generierte Produktkunst und vollständiges SEO-Markup. Keine Frameworks, kein Build-Schritt, kein Lizenzschlüssel.

WAS SIE BEKOMMEN

Ein Ordner, keine Build-Tools:

• index.html - Semantische Markup-Struktur, Meta-Tags, Open Graph und ClothingStore + ItemList JSON-LD.
• style.css - Ein :root-Farbblock repaintet die gesamte Seite. Mobile-first, kein Framework.
• script.js - 4 KB reines JS: Navigation, Filtern, Sortieren, Einkaufskorb, Aufdecken 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 um, verkaufen Sie es als Teil Ihres eigenen Builds.

GEMACHT, WIE EIN SHOP SICH VERHALTEN SOLLTE

1. Responsiv – Layouts geprüft von 320 bis 1440 px mit null horizontaler Überlauf bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript – Einkaufskorb, Filtern, Sortieren, 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 gesamte Seite wird aus einem einzelnen kommentierten :root-Block oben in style.css neu eingefärbt.

LEBEN IN WENIGER ALS FÜNF MINUTEN

1. Entpacken und öffnen – Doppelklick auf index.html – läuft direkt vom Desktop, kein Server oder npm-Installationen.
2. Geben Sie Ihre Details ein – script.js beginnt mit einem kleinen CONFIG-Block: Support-E-Mail und Ihre eigenen Angaben, 30 Sekunden.
3. Branding – Ändern Sie den Markentext in der Kopfzeile 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 – er 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 exakt denselben Code, den Sie herunterladen – dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung geprüft: Von 360 bis 1440 px getestet, kein Überlauf, keine defekten Bilder und keine Konsolenfehler.
• Ihr Produkt 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-Datei ist sofort in Ihrer Bibliothek.

FAQ

Brauche ich ein Build-Tool?
Nein. Entpacken, index.html öffnen, es läuft. Den Ordner auf GitHub Pages, Netlify Drop oder jeden Shared Host hochladen.

Kann ich die Farben ändern?
Ja – der :root-Block ganz oben in style.css enthält alle Farben, Schriftarten und Radien, die auf der Seite verwendet werden.

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

Wo bearbeite ich den Text?
Alle Texte sind einfacher HTML-Code in index.html. INSTALL.md listet zuerst jedes Block auf, den es wert ist geändert zu werden.

Wie erhalte ich das