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-Struktur, Meta-Tags, Open Graph und ClothingStore + ItemList JSON-LD.
• style.css - Ein :root-Farbblock flockt die gesamte Seite um. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filtern, Sortieren, Tasche, On-Scroll-Einblendung.
• img/ - Generierte SVG-Produktkunst - winzig, scharf in jeder Größe, mit deiner Palette recoloriert.

MIT-Lizenz – nutzbar für Kundenprojekte, Umbenennen, als Teil deines eigenen Builds weiterverkaufen.

GEBAUT, WIE EIN SHOP SCHALTEN SOLL

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-Einblendungen 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 gesamte Seite färbt sich neu aus einem einzigen kommentierten :root-Block am oberen Rand von style.css.

JETZT IN WENIGER ALS FÜNF MINUTEN VERWENDET

1. Entpacken und Öffnen - Doppelklick auf index.html - läuft direkt vom Desktop, kein Server oder npm-Installationen.
2. Geben Sie Ihre Daten ein - script.js startet mit einem kleinen CONFIG-Block: Support-E-Mail und Ihre eigenen Details, 30 Sekunden.
3. Umbenennen - Ändern Sie den Markentext in der Kopfzeile und die Farbtokens in style.css - die Seite färbt sich darum herum.
4. Upload - Ziehen Sie den Ordner auf Netlify Drop, GitHub Pages oder jeden statischen Host - er ist in weniger als fünf Minuten live.

WARUM Käufern DAS PASSIERT

• Was du siehst, ist was du bekommst: Die Live-Demo läuft exakt denselben Code, den du herunterlädst - dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung geprüft: Von 360 bis 1440 px getestet, kein Überlauf, kein defektes Bild und keine Konsolenfehler.
• Dein Verkauf: MIT-Lizenz - nutze es für Kundenprojekte oder verkaufe es als Teil deines eigenen Builds.
• Sofortiger Download: Checkout, Lieferung und Neukäufe werden für dich abgewickelt - einmal bezahlen und das Zip-Archiv ist sofort in deiner Bibliothek.

FAQ

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

Was kann ich damit tun?
MIT-Lizenz. Für Kundenprojekte verwenden, mit ihm verkaufen, alles behalten, wozu du berechtigst bist. Eine Attribution ist geschätzt, aber nicht erforderlich.

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

Wie bekomme ich es