Ein vollständiger, responsiver Storefront: semantisches HTML, ein kommentiertes Design-System 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-Paletten-Block malt die gesamte Seite neu. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filtering, Sorting, Bag, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktkunst - winzig, scharf in jeder Größe, mit deiner Farbpalette neu eingefärbt.

MIT-lizenziert - nutze es in Kundenprojekten, rebadge es, verkaufe es als Teil deines eigenen Build.

GEBEN WÜRDE, WIE EIN SHOP SICH VERHALTEN SOLL

1. Responsiv - Layouts von 320 bis 1440 px geprüft mit null horizontaler Überlauf bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript - Bag, Filtering, Sorting, 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 Seitenkopf.
4. One-Palette-Rebranding - Die gesamte Seite recolpiert sich aus einem einzigen kommentierten :root-Block am oberen Rand von style.css.

LIVE IN UNDER FIVE MINUTES

1. Entpacken und Öffnen - Doppelklick auf index.html - es 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. Umbenennen - Ändern Sie den Brand-Text 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 unter fünf Minuten live.

WARUM KÄUFER DAS AUSWÄHLEN

• Was du siehst, ist was du bekommst: Die Live-Demo läuft den exakten 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.
• Deins zum Verkauf: 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 - zahle einmal und das Zip-Paket 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, 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 wird geschätzt, aber nicht benötigt.

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

Wie bekomme ich es