Ein kompletter, responsiver Storefront: semantisches HTML, ein kommentiertes Designsystem in CSS, Vanilla JavaScript, generierte Produktgrafik 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 Palette Block streicht die gesamte Website neu. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filtern, Sortieren, Tasche, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktkunst - winzig, bei jeder Größe scharf, mit deiner Palette neu eingefärbt.

MIT-lizenziert - Nutze es in Kundenprojekten, rebrand es, verkaufe es als Teil deiner eigenen Build.

SO WIE EIN LADEN SICH VERHALTEN SOLLT

1. Responsive - Layouts von 320 bis 1440 px geprüft mit null horizontaler Überlauf bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript - Tasche, Filtern, Sortieren, mobile Navigation und Scroll-Ver reveal 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 Rebranding - Die ganze Seite färbt sich neu aus einem einzigen kommentierten :root-Block zuoberst in style.css.

LIVE IN WENIGER ALS FÜNF MINUTEN

1. Entpacken und Öffnen - Doppelklick auf index.html - es läuft direkt vom Desktop aus, kein Server oder npm-Installation.
2. Gib deine Daten ein - script.js beginnt mit einem kleinen CONFIG-Block: Support-E-Mail und deine eigenen Daten, 30 Sekunden.
3. Rebrand - Ändere den Marken-Text im Header und die Farbtokens in style.css - die Seite färbt sich um.
4. Upload - Ziehe den Ordner per Netlify Drop, GitHub Pages oder jedem statischen Host hoch - 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 mit dem exakt heruntergeladenen Code - dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung verifiziert: Getestet von 360 bis 1440 px ohne Überlauf, ohne defekte Bilder und ohne Konsolenfehler.
• Deins zu verkaufen: MIT-Lizenz - nutze es in Kundenprojekten oder verkaufe es als Teil deiner eigenen Build.
• Sofortiger Download: Checkout, Lieferung und erneute Downloads werden für dich abgewickelt - zahle einmal und der Zip liegt sofort in deiner Bibliothek.

FAQ

Brauche ich ein Build-Tool?
Nein. Entzippen, 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 am oberen Rand von style.css enthält jede verwendete Farbe, Schrift und Radius.

Was kann ich damit tun?
MIT-Lizenz. Nutze es für Kundenprojekte, verkaufe damit, behalte alles, wofür du abrechnest. Eine Attribution ist wünschenswert, aber nicht erforderlich.

Wo bearbeite ich den Text?
Der gesamte Text ist reines HTML in index.html. INSTALL.md listet zuerst jeden Block auf, den es wert ist geändert zu werden.

Wie bekomme ich das