Branding

Passe das Erscheinungsbild deines Studios an.

Übersicht

Branding-Elemente

ElementWo sichtbar
LogoHeader, E-Mails, Rechnungen
PrimärfarbeButtons, Links, Akzente
Studio-NameÜberall
Dark ModeGesamte Admin-Oberfläche

Logo

Anforderungen

EigenschaftWert
DateigrößeMax. 2 MB
FormateJPG, PNG, SVG
Empfohlen400x400px, transparent

Hochladen

  1. Gehe zu Einstellungen → Allgemein
  2. Im Bereich "Logo"
  3. Klicke "Logo hochladen" oder Drag & Drop
  4. Vorschau prüfen
  5. Speichern

Verwendung

Das Logo erscheint:

  • Im Header der Admin-Oberfläche
  • In E-Mails (je nach Einstellung)
  • Auf Rechnungen
  • Auf der öffentlichen Studio-Seite
  • In Widgets

Tipps

  • Transparent: PNG mit transparentem Hintergrund
  • Kontrast: Funktioniert auf hellem UND dunklem Hintergrund
  • Einfach: Erkennbar auch in klein

Primärfarbe

Was wird eingefärbt?

  • Primäre Buttons
  • Links
  • Fokus-States
  • Icons
  • Progress-Bars
  • Badges

Auswählen

  1. Gehe zu Einstellungen → Allgemein
  2. Bei "Theme" oder "Primärfarbe"
  3. Farbwähler nutzen oder Hex-Code eingeben
  4. Speichern

Standard-Farbe

Bookicorn nutzt standardmäßig Lime-Grün (#84CC16).

Empfehlungen

FarbeWirkung
BlauVertrauen, Professionalität
GrünNatur, Gesundheit, Fitness
OrangeEnergie, Dynamik
LilaPremium, Kreativität
TürkisFrische, Balance

Kontrast beachten

Stelle sicher, dass:

  • Text auf Buttons lesbar ist (weiß oder schwarz)
  • Farbe nicht zu hell ist
  • Farbe zu deiner Branche passt

Dark Mode

Aktivieren

  1. Gehe zu Einstellungen → Allgemein
  2. Toggle "Dark Mode"
  3. Sofort aktiv

Was ändert sich?

ElementLightDark
HintergrundWeißDunkelgrau
TextSchwarzWeiß
CardsHellgrauDunkelgrau
BordersHellgrauDunkelgrau

Für Kunden?

Dark Mode gilt nur für Admin-Oberfläche. Kunden-Dashboard hat eigene Einstellungen.


Studio-Informationen

Name

Der Studio-Name erscheint:

  • In der Navigation
  • In E-Mails (Absender, Footer)
  • Auf Rechnungen
  • Öffentliche Seiten

Beschreibung

Kurze Studio-Beschreibung für:

  • SEO (Meta-Description)
  • Öffentliche Seite
  • Marketing

URL-Slug

Deine öffentliche Studio-URL:

https://app.bookicorn.net/s/dein-slug

Regeln:

  • Nur Kleinbuchstaben
  • Keine Leerzeichen (Bindestriche erlaubt)
  • Einzigartig

Terminologie

Trainer-Begriff anpassen

Statt "Trainer" kannst du verwenden:

  • Kursleiter
  • Instruktor
  • Coach
  • Therapeut
  • Lehrer
  • Custom

Wo wirkt sich das aus?

  • Navigation: "Trainer" → "Kursleiter"
  • E-Mails: "Dein Trainer" → "Dein Kursleiter"
  • Buchungen: Trainer-Anzeige
  • Filter: Trainer-Filter

Einrichten

  1. Gehe zu Einstellungen → Allgemein
  2. Bei "Terminologie"
  3. Wähle vordefinierte Option oder Custom
  4. Speichern

Kursplan-Ansichten

Verfügbare Ansichten

AnsichtBeschreibung
WocheKlassische Kalender-Woche
TagEinzelner Tag im Detail
MonatMonatsübersicht
AgendaListenansicht

Konfigurieren

  1. Gehe zu Einstellungen → Allgemein
  2. Bei "Kursplan-Ansichten"
  3. Aktiviere gewünschte Ansichten
  4. Wähle Standard-Ansicht
  5. Speichern

Mindestens eine Ansicht muss aktiv sein.

Filter-Optionen

Aktiviere/Deaktiviere Filter im Kursplan:

  • Trainer-Filter
  • Status-Filter
  • Schwierigkeits-Filter
  • etc.

Öffentliche Seite

URL

Deine Studio-Seite ist erreichbar unter:

https://app.bookicorn.net/s/[dein-slug]

Inhalte

Auf der öffentlichen Seite erscheinen:

  • Logo und Name
  • Beschreibung
  • Kursplan
  • Credit-Pakete
  • Trainer
  • Bilder (Galerie)
  • FAQs
  • Kontakt

Tipp: Inhalte werden unter Einstellungen → Studio-Inhalte gepflegt.


Widgets

Branding in Widgets

Eingebettete Widgets übernehmen:

  • Primärfarbe
  • Logo (optional)
  • Studio-Name

Anpassen

Im Widget Builder können zusätzlich:

  • Container-Breite
  • Hintergrundfarbe
  • Border-Radius
  • Padding

eingestellt werden.


Best Practices

Konsistenz

  • Nutze gleiche Farben wie auf deiner Website
  • Logo sollte überall gleich aussehen
  • Einheitliche Sprache (Terminologie)

Professionalität

  • Hochauflösendes Logo
  • Passende Farbwahl
  • Vollständige Kontaktdaten

Mobile

  • Logo erkennbar auch klein
  • Farben funktionieren auf allen Geräten

Nächste Schritte

Fragen oder Feedback?

Wir helfen dir gerne weiter. Kontaktiere unser Support-Team.