Ein vollständiger, responsiver Storefront: semantisches HTML, ein kommentiertes Designsystem in CSS, Vanilla JavaScript, generierte Produktgrafiken 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 - Eine :root-Palette, die den gesamten Site-Look neu malt. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filtern, Sortieren, Bag, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktgrafiken - winzig, scharf in jeder Größe, mit deiner Palette recoloriert.

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

GEBOREN, WIE EIN SHOP FUNKTIONIEREN SOLL

1. Responsiv - Layouts geprüft von 320 bis 1440 px mit zero horizontalen Überlauf bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript - Bag, 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 Seiten-Head.
4. Ein-Farben-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. Entpacken und Öffnen - Doppelklick auf index.html - läuft direkt vom Desktop, kein Server oder npm-Installationen.
2. Gib deine Daten ein - script.js beginnt mit einem kleinen CONFIG-Block: Support-E-Mail und deine eigenen Daten, 30 Sekunden.
3. Neu gestalten - Ändere den Branding-Text im Header und die Farbtokens in style.css - die Seite malt sich um sie herum neu.
4. Hochladen - Ziehe 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 man sieht, ist was man bekommt: Die Live-Demo läuft mit dem exakt heruntergeladenen Code - dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung geprüft: Von 360 bis 1440 px getestet, kein Überlauf, keine kaputten Bilder und keine Konsolenfehler.
• Deins zu verkaufen: MIT-Lizenz - Nutze es für Kundenprojekte oder vertreibe es als Teil deines eigenen Builds.
• Sofortiger Download: Checkout, Lieferung und erneute Downloads werden für dich abgewickelt - zahle einmal und das ZIP befindet sich 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, Schriftart und Radius, die auf der Seite verwendet werden.

Was kann ich damit machen?
MIT-Lizenz. Nutze es für Kundenprojekte, verkaufe damit, behalte alles, was du berechnest. Attribution ist willkommen, aber nicht vorgeschrieben.

Wo bearbeite ich den Text?
Alle Texte sind reines HTML in index.html. INSTALL.md listet zuerst jedes Block, das sich lohnt zu ändern.

Wie bekomme ich das?