Ein vollständiger, responsiver Schaufenster-Shop: semantisches HTML, ein kommentiertes Designsystem in CSS, Vanilla JavaScript, generierte Produktgrafik und vollständiges SEO-Markup. Keine Frameworks, 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 - Ein :root-Palettenblock, der die gesamte Seite neu malt. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filtering, Sortierung, Tasche, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktgrafik – winzig, scharf in jeder Größe, neu gefärbt nach Ihrer Palette.

MIT-Lizenz – nutzen Sie es in Kundenprojekten, branden Sie es um, verkaufen Sie es als Teil Ihres eigenen Builds.

GEBOREN, WIE EIN SHOP FUNKTIONIEREN SOLLTE

1. Responsiv – Layouts geprüft von 320 bis 1440 px mit null horizontalem Overflow bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript – Tasche, Filtering, Sorting, Mobile-Navigation und Scroll-Reveals in einem kleinen Skript – keine Bibliotheken, kein Build-Schritt.
3. SEO-ready – Semantische Markup-Struktur, Meta-Tags, Open Graph und strukturierte Daten JSON-LD im Seitenkopf.
4. Eine-Palette-Rebranding – Die gesamte Seite malt sich neu anhand eines einzigen kommentierten :root-Blocks am oberen Rand von style.css.

LIVE IN WENIGER ALS FÜNF MINUTEN

1. Daten entpacken und öffnen – Doppelklick auf index.html – läuft direkt vom Desktop, 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. Branding – Ändern Sie den Marken-Text in der Kopfzeile und die Farbtokens in style.css – die Seite färbt sich entsprechend 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 AUSWÄHLEN

• Was Sie sehen, ist was Sie bekommen: Die Live-Demo läuft exakt denselben Code, den Sie herunterladen – dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung geprüft: Von 360 bis 1440 px getestet, kein Overflow, keine defekten Bilder und keine Konsolenfehler.
• Ihr zum Weiterverkauf: MIT-Lizenz – verwenden Sie es in Kundenprojekten oder verkaufen Sie es als Teil Ihres eigenen Builds.
• Sofortiger Download: Checkout, Lieferung und erneute Downloads werden für Sie abgewickelt – einmal bezahlen und das ZIP ist sofort in Ihrer Bibliothek.

FAQ

Brauche ich ein Build-Tool?
Nein. Entpacken, index.html öffnen, es läuft. Den 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, Schrift und jeden Radius, der auf der Seite verwendet wird.

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

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

Wie bekomme ich das