Storefront-Aufbau und Design

Wie definiere ich Brand-Farben anhand eines Bildes oder vordefinierter Paletten?

Nutzen Sie den Bereich „Erscheinungsbild & Brand Identity“ zur Farbauswahl, prüfen Sie die Vorschau und sichern Sie die Palette für Ihre Designs.

Zuletzt aktualisiert:

Wo passe ich Farben an?

Navigieren Sie zu Einstellungen > Erscheinungsbild & Brand Identity. Dieser Bereich steuert Farbpaletten und Designtools. Das Hochladen von Logos und die Änderung des Shopnamens erfolgen hingegen in den allgemeinen Branding-Einstellungen; trotz ähnlicher Begriffe handelt es sich um separate Konfigurationsseiten.

Schritte zur Auswahl einer Farbpalette

  1. Öffnen Sie die Farbextraktion aus einem Bild, wenn Sie ein Logo oder ein Moodboard vorliegen haben.
  2. Laden Sie PNG-, JPG- oder WebP-Dateien hoch (maximal 10 MB gemäß Systemvorgabe).
  3. Prüfen Sie die extrahierten Farbtöne und deren Verteilung vor dem Speichern.
  4. Alternativ können Sie eine vorkonfigurierte Palette wählen oder Farbwerte manuell anpassen.
  5. Kontrollieren Sie die Vorschau und speichern Sie die Einstellungen über den bereitgestellten Workflow.
Die Design-Einstellungen in Joolyoo bieten Farbextraktion, fertige Paletten und Direktlinks zu den Designtools.
Die Design-Einstellungen in Joolyoo bieten Farbextraktion, fertige Paletten und Direktlinks zu den Designtools. Die Screenshots stammen aus der arabischen Mollkom-Oberfläche. Schaltflächen und Optionen können in Ihrem Konto abweichen.

Beispiel aus der Benutzeroberfläche

Joolyoo bietet vordefinierte Farbpaletten wie „Sanftes Salbei“ und „Rosé-Lavendel“. Wählen Sie eine Palette passend zur Markenidentität und Lesbarkeit aus – nicht nur nach dem Namen. Wenn Ihre Markenfarbe sehr hell ist, eignet sie sich nicht automatisch als Hintergrund für jede Schaltfläche oder jeden Text.

Wie teste ich die Farben?

Prüfen Sie den Kontrast zwischen Text und Hintergrund sowie die Erkennbarkeit primärer Aktionen. Kontrollieren Sie Produktbilder auf der gewählten Oberfläche und testen Sie Mobilansichten sowie Sprachen mit längeren Texten. Gespeicherte Farben werden in passenden Layouts angewendet; bestehende Werbemittel werden dabei nicht automatisch neu gerendert.

Wann nutze ich die übrigen Design-Werkzeuge?

Öffnen Sie den Theme Store, um eine Vorlage auszuwählen, den Editor zur Anpassung von Layout und Abschnitten oder den automatischen Designer für katalogbasierte Entwürfe. Das Speichern des Brandings ist unabhängig von der Veröffentlichung einer neuen Storefront-Version.