Einen Shop gestalten

Beginne mit einem System oder einem Rezept, dann dreh an den Reglern. Jede Änderung ist eine echte Theme-Einstellung.

Systeme

Ein System ist ein vollständiges, stimmiges Design: Schrift, Farbe, Abstände, Radien, Buttons, Bildbehandlung, Layouts und Funktionen. EverStorefront liefert drei — Foundry, Ledger und Signal — und jedes Projekt startet mit einem davon oder mit einem Design aus deiner Bibliothek.

Das Musterbuch

Das Musterbuch ist die indizierte, durchsuchbare Bandbreite: Rezepte (ein System, angepasst an eine Branche und eine Stimmung), Paletten und Schriftpaare. Filtere nach Branche, Stimmung, Basissystem; wende alles mit einem Klick auf ein Projekt an; speichere Eigenes in der Bibliothek.

Das Panel

Öffne Design in einem Projekt. Links die Gruppen, rechts die Live-Vorschau — Start, Kollektion, Produkt und Warenkorb, Desktop oder Handy, und Vorher / Nachher gegen den Shop, wie er heute ist.

• Schrift — Familien für Überschriften und Fließtext (47 geprüfte Familien, zuletzt genutzte bleiben), Skala, Stärke und Laufweite der Überschriften, Zeilenhöhe des Textes.
• Farbe — Palette oder jede Rolle von Hand: Grund, Fläche, Text, gedämpft, Akzent, Rahmen.
• Form — Ecken für Bedienelemente, Karten, Bilder und Buttons, mit exakten Werten.
• Buttons — Größe, Schreibweise, Sekundärstil.
• Flächen — Kartenstil, Schatten, Rahmenstärke, Trennlinienstärke, Abschnittsabstand.
• Layout — je drei Varianten für Kopfzeile, Hero, Produktkarten, vorgestellte Kollektion, Produktseite und Fußzeile.
• Funktionen — Warenkorb-Schublade, Suchvorschläge, Filter, Schnell hinzufügen, Farbmuster, fixierter Warenkorb-Button, Untermenüs (Dropdown oder Mega-Menü).
• Startseite — welche Abschnitte erscheinen und in welcher Reihenfolge, inklusive mehrspaltig, Kundenstimmen, Logoleiste und FAQ.

Jeder Regler schreibt eine echte Theme-Einstellung, sodass der Händler dieselben Dinge später im Shopify-Editor ändern kann.

Vergleichen

Vorher / Nachher stellt die Live-Startseite des Shops neben das neue Design, unter einem ziehbaren Teiler, der beide Seiten gemeinsam scrollt. Zu finden auf der Design-Seite, der Ausprobieren-Seite und in Freigabe-Links.