Branding
Passe das Erscheinungsbild deines Studios an.
Übersicht
Branding-Elemente
| Element | Wo sichtbar |
|---|---|
| Logo | Header, E-Mails, Rechnungen |
| Primärfarbe | Buttons, Links, Akzente |
| Studio-Name | Überall |
| Dark Mode | Gesamte Admin-Oberfläche |
Logo
Anforderungen
| Eigenschaft | Wert |
|---|---|
| Dateigröße | Max. 2 MB |
| Formate | JPG, PNG, SVG |
| Empfohlen | 400x400px, transparent |
Hochladen
- Gehe zu Einstellungen → Allgemein
- Im Bereich "Logo"
- Klicke "Logo hochladen" oder Drag & Drop
- Vorschau prüfen
- 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
- Gehe zu Einstellungen → Allgemein
- Bei "Theme" oder "Primärfarbe"
- Farbwähler nutzen oder Hex-Code eingeben
- Speichern
Standard-Farbe
Bookicorn nutzt standardmäßig Lime-Grün (#84CC16).
Empfehlungen
| Farbe | Wirkung |
|---|---|
| Blau | Vertrauen, Professionalität |
| Grün | Natur, Gesundheit, Fitness |
| Orange | Energie, Dynamik |
| Lila | Premium, Kreativität |
| Türkis | Frische, 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
- Gehe zu Einstellungen → Allgemein
- Toggle "Dark Mode"
- Sofort aktiv
Was ändert sich?
| Element | Light | Dark |
|---|---|---|
| Hintergrund | Weiß | Dunkelgrau |
| Text | Schwarz | Weiß |
| Cards | Hellgrau | Dunkelgrau |
| Borders | Hellgrau | Dunkelgrau |
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
- Gehe zu Einstellungen → Allgemein
- Bei "Terminologie"
- Wähle vordefinierte Option oder Custom
- Speichern
Kursplan-Ansichten
Verfügbare Ansichten
| Ansicht | Beschreibung |
|---|---|
| Woche | Klassische Kalender-Woche |
| Tag | Einzelner Tag im Detail |
| Monat | Monatsübersicht |
| Agenda | Listenansicht |
Konfigurieren
- Gehe zu Einstellungen → Allgemein
- Bei "Kursplan-Ansichten"
- Aktiviere gewünschte Ansichten
- Wähle Standard-Ansicht
- 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