Ein vollständiger, responsiver Storefront: semantisches HTML, ein kommentiertes Designsystem in CSS, Vanilla 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-Palette-Block malt die gesamte Seite neu. Mobile-First, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filtern, Sortieren, Bag, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktkunst - klein, scharf in jeder Größe, mit deiner Palette recoloriert.

MIT-Lizenz - Nutze es in Kundenprojekten, brand es um, verkaufe es als Teil deines eigenen Builds.

SO WIRD ES GEMACHT, WIE EIN SHOP ES BRAUCHT

1. Responsiv - Layouts geprüft von 320 bis 1440 px mit null horizontalOverflow bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript - Bag, Filtern, Sortieren, Mobile-Navigation und Scroll-Reveals in einem kleinen Skript - keine Bibliotheken, kein Build-Schritt.
3. SEO-ready - Semantische Markup-Struktur, Meta-Tags, Open Graph und strukturierte Daten JSON-LD im Seitenkopf.
4. Eine-Palette-Branding - Die ganze Seite wird neu gezeichnet 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 passt sich um diese an.
4. Upload - 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 du siehst, ist was du bekommst: Die Live-Demo läuft mit genau dem Code, den du herunterlädst - dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung geprüft: Von 360 bis 1440 px getestet, kein Overflow, keine defekten Bilder und keine Konsolenfehler.
• Deiner Verkauf: MIT-Lizenz - nutze es in Kundenprojekten oder verkaufe es als Teil deines eigenen Builds.
• Sofortiger Download: Checkout, Lieferung und erneuter Download werden für dich erledigt - Einmal bezahlen und der Zip liegt sofort in deiner Bibliothek.

FAQ

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

Kann ich die Farben ändern?
Ja - der :root-Block am oberen Rand von style.css enthält jede Farbe, Schriftart und Radius, die auf der Seite verwendet werden.

Was kann ich damit tun?
MIT-Lizenz. Für Kundenprojekte verwenden, damit verkaufen, alles, was du berechnest, behalten. Attribution ist erwünscht, aber nicht erforderlich.

Wo bearbeite ich den Text?
Alle Texte sind reines HTML in index.html. INSTALL.md listet jeden Block auf, den man zuerst ändern sollte.

Wie bekomme ich das