Eine komplette, responsive Storefront: semantisches HTML, ein kommentiertes Design-System in CSS, Vanilla JavaScript, generierte Produktkunst 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-Paletten-Block repaintet die gesamte Seite. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filterung, Sortierung, Bag, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktkunst – winzig, scharf in jeder Größe, farblich entsprechend deiner Palette umgefärbt.

MIT-Lizenz – Nutze es in Kundenprojekten, brand es neu, verkaufe es als Teil deines eigenen Builds.

SO WESENTLICH WIE EIN SHOP VERHALTEN SOLLTE

1. Responsiv – Layouts geprüft von 320 bis 1440 px 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. Eine-Palette-Rebranding – Die gesamte Seite wird aus einem einzigen kommentierten :root-Block oben in style.css neu eingefärbt.

LIVE IN WENIGER ALS FÜNF MINUTEN

1. Dekomprimieren und Öffnen – Doppelklick auf index.html – läuft direkt vom Desktop, kein Server oder npm-Installationen.
2. Geben Sie Ihre Daten ein – script.js beginnt mit einem kleinen CONFIG-Block: Support-E-Mail und Ihre eigenen Daten, 30 Sekunden.
3. Rebranding – Ändern Sie den Markentext im Header 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 irgendeinen 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 denselben Code, den du herunterlädst – dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung geprüft: Getestet von 360 bis 1440 px ohne Overflows, ohne kaputte Bilder und ohne Konsolenfehler.
• Dein Verkauf: MIT-Lizenz – nutze sie in Kundenprojekten oder verkaufe sie als Teil deines eigenen Builds.
• Sofortiger Download: Checkout, Lieferung und erneute Downloads werden für dich abgewickelt – zahle einmal und die Zip-Datei ist sofort in deiner Bibliothek.

FAQ

Ich brauche ein Build-Tool?
Nein. Entpacken, index.html öffnen, läuft. Den 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, Schrift und Radius, die auf der Seite verwendet werden.

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

Wo bearbeite ich den Text?
Alle Texte sind reines HTML in index.html. INSTALL.md listet jeden Block auf, den man zuerst ändern sollte.

Wie bekomme ich das