Eine komplette, responsive 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

Einen Ordner, keine Build-Tools:

• index.html - Semantische Markup-Struktur, Meta-Tags, Open Graph und ClothingStore + ItemList JSON-LD.
• style.css - Ein :root‑Palette Block färbt die gesamte Seite neu. Mobile-First, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filterung, Sortierung, Tasche, Auf-Scrollen zeigen.
• img/ - Generierte SVG‑Produktgrafik – winzig, scharf in jeder Größe, mit deiner Palette recoloured.

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

NACH DEM MUSTER, HOW A STORE BEHAVES

1. Responsive - Layouts geprüft von 320 bis 1440 px mit null Horizontaloverflow bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript - Tasche, Filterung, Sortierung, 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. Ein-Farbschema Rebranding - Die ganze Seite wird aus einem einzigen kommentierten :root‑Block oben in style.css neu eingefärbt.

LIVE IN WENIGER ALS FÜNF MINUTEN

1. Entpacken und Öffnen - Doppelklick auf index.html - läuft direkt vom Desktop aus, 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. Umbrand - Ändern Sie den Markentext im Header 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 – es 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 den Code, den Sie herunterladen – dieselben Dateien, dasselbe Verhalten.
• Vor dem Release verifiziert: Von 360 bis 1440 px getestet, kein Overflow, keine defekten Bilder und keine Konsolenfehler.
• Ihrerseits zu verkaufen: MIT-Lizenz – verwenden Sie es in Kundenprojekten oder verkaufen es als Teil Ihres eigenen Builds.
• Sofortiger Download: Checkout, Lieferung und erneute Downloads werden für Sie abgewickelt – zahlen Sie einmal und der ZIP ist sofort in Ihrer 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 am oberen Rand von style.css enthält jede Farbe, Schrift und jeden Radius, der auf der Seite verwendet wird.

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

Wo bearbeite ich den Text?
Alle Texte sind reiner HTML in index.html. INSTALL.md listet zuerst jedes Block, der am meisten geändert wird.

Wie bekomme ich das