Ein vollständiger, responsiver Storefront: semantisches HTML, ein kommentiertes Designsystem 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, Meta-Tags, Open Graph und ClothingStore + ItemList JSON-LD.
• style.css - Ein :root-Farbblock malt die gesamte Seite neu. Mobile first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filtern, Sortieren, Tasche, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktkunst - winzig, scharf in jeder Größe, entsprechend Ihrer Farbpalette eingefärbt.

MIT-Lizenz - verwenden Sie es in Kundenprojekten, branden Sie es neu, verkaufen Sie es als Teil Ihres eigenen Builds.

SO WIE EIN SHOP SICH VERHALTEN SOLLTE

1. Responsiv - 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-Reveals in einem kleinen Skript - keine Bibliotheken, kein Build-Schritt.
3. SEO-bereit - Semantisches Markup, Meta-Tags, Open Graph und strukturierte Daten JSON-LD im Seitenkopf.
4. Eine-Palette-Branding - Die ganze Seite wird aus einem einzigen kommentierten :root-Block oben in style.css neu eingefärbt.

LIVE IN WENIGER ALS FÜNF MINUTEN

1. Entpacken und öffnen - Double-Click auf index.html - es 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. Branding - Ändern Sie den Markentext im Header und die Farbtöne in style.css - die Seite färbt sich 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 WÄ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 verifiziert: Getestet von 360 bis 1440 px ohne Überlauf, ohne kaputte Bilder und ohne Konsolenfehler.
• Dein Eigentum zum Weiterverkauf: MIT-Lizenz - nutze es in Kundenprojekten oder verkaufe es als Teil deines eigenen Builds.
• Baldiger Download: Checkout, Lieferung und erneute Downloads werden für dich erledigt - Bezahle einmal und das ZIP liegt 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, Schriftart und jeden Radius, der auf der Seite verwendet wird.

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

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

Wie bekomme ich das