Ein vollständiger, responsiver Storefront: semantisches HTML, ein kommentiertes Designsystem in CSS, Vanilla JavaScript, erzeugte Produktgrafiken und vollständiges SEO-Markup. Kein Framework, kein Build-Schritt, kein Lizenzschlüssel.

WAS DU BEKOMMST

Ein Ordner, keine Build-Tools:

• index.html - Semantische Markup-Struktur, Meta-Tags, Open Graph und ClothingStore + ItemList JSON-LD.
• style.css - Ein :root-Farbpalette-Block, der die gesamte Seite neu färbt. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filtern, Sortieren, Tasche, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktgrafik - winzig, scharf in jeder Größe, farblich angepasst an deine Palette.

MIT lizenziert – nutze es in Kundenprojekten, brand es um, verkaufe es als Teil deines eigenen Builds.

SO GEHT ES, WIE EIN SHOP SOLLTE

1. Reaktionsfähig - Layouts geprüft von 320 bis 1440 px mit nullem horizontalen Overflow bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript - Tasche, Filtern, Sortieren, 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. Eine-Palette Rebrand - Die ganze Seite färbt sich neu anhand eines einzigen kommentierten :root-Blocks zuoberst 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-Installation.
2. Deine Details eintragen - script.js beginnt mit einem kleinen CONFIG-Block: Support-E-Mail und deine eigenen Details, 30 Sekunden.
3. Rebrand - Ändere den Markentext im Header und die Farbtokens in style.css - die Seite färbt sich um.
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 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 getestet: Von 360 bis 1440 px getestet, kein Overflow, keine kaputten Bilder und keine Konsolenfehler.
• Dein Eigentum 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-Archiv ist sofort in deiner Bibliothek.

FAQ

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

Kann ich die Farben ändern?
Ja - der :root-Block am oberen Rand von style.css enthält jede Farbe, Schriftart 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 verrechnest. Attribution wird geschätzt, aber nicht benötigt.

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