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 ERHALTEN

Ein Ordner, kein Build-Tool:

• index.html - Semantisches Markup, Meta-Tags, Open Graph und ClothingStore + ItemList JSON-LD.
• style.css - Ein :root-Palettenblock, der die gesamte Seite neu malt. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filtern, Sortieren, Tasche, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktkunst - winzig, scharf in jeder Größe, entsprechend deiner Palette neu eingefärbt.

MIT-Lizenz - nutzbar in Kundenprojekten, umbenennen, als Teil deines eigenen Builds verkaufen.

SO WIRD EIN STORE GEMACHT, DER FUNKTIONIERT

1. Responsive - Layouts von 320 bis 1440 px geprüft, kein horizontaler Überlauf bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript - Tasche, Filtern, Sortieren, mobile Navigation 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 Seitenkopf.
4. One-Palette-Branding - Die gesamte Seite malt sich neu aus einem einzigen kommentierten :root-Block oben in style.css.

LIVE IN WENIGER ALS FÜNF MINUTEN

1. ZIP entpacken und öffnen - Doppelklick auf index.html - läuft direkt vom Desktop, kein Server oder npm-Installation.
2. Geben Sie Ihre Daten ein - script.js beginnt mit einem kleinen CONFIG-Block: Support-E-Mail und Ihre eigenen Details, 30 Sekunden.
3. Umbrandieren - Ändern Sie den Marken-Text im Kopfbereich und die Farbtokens in style.css - die Seite malt sich um sie herum neu.
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 WÄHLEN

• Was du siehst, ist, was du bekommst: Die Live-Demo läuft denselben Code wie der Download - dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung verifiziert: Getestet von 360 bis 1440 px ohne Overflow, ohne kaputte Bilder und ohne Konsolenfehler.
• Dein Eigentum zum Verkaufen: 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 - bezahle einmal und die ZIP befindet sich sofort in deiner Bibliothek.

FAQ

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

Kann ich die Farben ändern?
Ja - der :root-Block ganz oben in style.css enthält jede Farbe, Schrift und jeden Radius, die auf der Seite verwendet werden.

Was kann ich damit tun?
MIT-Lizenz. Für Kundenprojekte verwenden, damit verkaufen, alles behalten, was Sie berechnen. Attribution ist willkommen, aber nicht erforderlich.

Wo bearbeite ich den Text?
Alle Texte sind reines HTML in index.html. INSTALL.md listet zuerst jedes Block, der geändert werden sollte.

Wie bekomme ich das?