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, Meta-Tags, Open Graph und ClothingStore + ItemList JSON-LD.
• style.css - Ein :root-Palettenblock färbt die gesamte Site neu. 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, mit deiner Palette recoloured.

MIT-lizenziert - nutze es in Kundenprojekten, passe es neu an, verkaufe es als Teil deines eigenen Builds.

SO WIE EIN SHOP VERHALTEN SOLL

1. Responsiv - Layouts geprüft von 320 bis 1440 px mit null horizontalem Überlauf bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript - Tasche, Filtern, Sortieren, mobiles Menü 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. Eine-Palette Rebrand - Die ganze Seite wird aus einem einzelnen kommentierten :root-Block oben in style.css neu lackiert.

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. Geben Sie Ihre Daten ein - script.js beginnt mit einem kleinen CONFIG-Block: Support-E-Mail und Ihre Daten, 30 Sekunden.
3. Neu Branding - Ändern Sie den Markentext im Header und die Farb-Tokens in style.css - die Seite fügt sich um diese Änderungen herum neu.
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 AUSWÄHLEN

• Was du siehst, ist was du bekommst: Die Live-Demo läuft exakt mit dem Code, den du herunterlädst – dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung geprüft: Von 360 bis 1440 px getestet, kein Überlauf, keine defekten Bilder und keine Konsolenfehler.
• Dein Eigentum zum Verkauf: MIT-Lizenz – nutze es in Kundenprojekten oder verkaufe es als Teil deines eigenen Builds.
• Sofortige Download-Option: Checkout, Bereitstellung und erneute Downloads werden für dich erledigt – zahle einmal und das Zip ist sofort in deiner Bibliothek.

FAQ

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

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

Was kann ich damit tun?
MIT-Lizenz. Nutze es für Kundenprojekte, verkaufe damit, behalte alles, was du berechnest. Eine Attribution ist willkommen, 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