Branding
Pas het uiterlijk van je studio aan.
Overzicht
Branding-elementen
| Element | Waar zichtbaar |
|---|---|
| Logo | Header, e-mails, facturen |
| Primaire kleur | Knoppen, links, accenten |
| Studionaam | Overal |
| Dark mode | Volledige adminomgeving |
Logo
Vereisten
| Eigenschap | Waarde |
|---|---|
| Bestandsgrootte | Max. 2 MB |
| Formaten | JPG, PNG, SVG |
| Aanbevolen | 400x400px, transparant |
Uploaden
- Ga naar Instellingen → Algemeen
- In het gedeelte "Logo"
- Klik op "Logo uploaden" of sleep het bestand erin
- Voorbeeld controleren
- Opslaan
Gebruik
Het logo verschijnt:
- In de header van de adminomgeving
- In e-mails (afhankelijk van de instelling)
- Op facturen
- Op de openbare studiopagina
- In widgets
Tips
- Transparant: PNG met transparante achtergrond
- Contrast: werkt op zowel een lichte als een donkere achtergrond
- Eenvoudig: ook in het klein herkenbaar
Primaire kleur
Wat wordt ingekleurd?
- Primaire knoppen
- Links
- Focus-states
- Iconen
- Voortgangsbalken
- Badges
Kiezen
- Ga naar Instellingen → Algemeen
- Bij "Thema" of "Primaire kleur"
- Gebruik de kleurenkiezer of voer een hexcode in
- Opslaan
Standaardkleur
Bookicorn gebruikt standaard limoengroen (#84CC16).
Aanbevelingen
| Kleur | Effect |
|---|---|
| Blauw | Vertrouwen, professionaliteit |
| Groen | Natuur, gezondheid, fitness |
| Oranje | Energie, dynamiek |
| Paars | Premium, creativiteit |
| Turquoise | Frisheid, balans |
Let op contrast
Zorg ervoor dat:
- Tekst op knoppen leesbaar is (wit of zwart)
- De kleur niet te licht is
- De kleur bij je branche past
Dark mode
Activeren
- Ga naar Instellingen → Algemeen
- Schakel "Dark mode" in
- Direct actief
Wat verandert er?
| Element | Light | Dark |
|---|---|---|
| Achtergrond | Wit | Donkergrijs |
| Tekst | Zwart | Wit |
| Cards | Lichtgrijs | Donkergrijs |
| Randen | Lichtgrijs | Donkergrijs |
Voor klanten?
Dark mode geldt alleen voor de adminomgeving. Het klantendashboard heeft eigen instellingen.
Studio-informatie
Naam
De studionaam verschijnt:
- In de navigatie
- In e-mails (afzender, footer)
- Op facturen
- Openbare pagina's
Beschrijving
Korte studiobeschrijving voor:
- SEO (meta-description)
- Openbare pagina
- Marketing
URL-slug
Je openbare studio-URL:
https://jouw-slug.bookicorn.net
Regels:
- Alleen kleine letters
- Geen spaties (koppeltekens toegestaan)
- Uniek
Terminologie
Trainer-begrip aanpassen
In plaats van "Trainer" kun je gebruiken:
- Lesleider
- Instructeur
- Coach
- Therapeut
- Leraar
- Eigen
Waar heeft dit effect op?
- Navigatie: "Trainer" → "Lesleider"
- E-mails: "Jouw trainer" → "Jouw lesleider"
- Boekingen: trainerweergave
- Filters: trainerfilter
Instellen
- Ga naar Instellingen → Algemeen
- Bij "Terminologie"
- Kies een vooraf gedefinieerde optie of Eigen
- Opslaan
Lesroosterweergaven
Beschikbare weergaven
| Weergave | Beschrijving |
|---|---|
| Week | Klassiek kalenderoverzicht per week |
| Dag | Één dag in detail |
| Maand | Maandoverzicht |
| Agenda | Lijstweergave |
Configureren
- Ga naar Instellingen → Algemeen
- Bij "Lesroosterweergaven"
- Activeer de gewenste weergaven
- Kies de standaardweergave
- Opslaan
Er moet minstens één weergave actief blijven.
Filteropties
Activeer/deactiveer filters in het lesrooster:
- Trainerfilter
- Statusfilter
- Moeilijkheidsgraadfilter
- enzovoort
Openbare pagina
URL
Je studiopagina is bereikbaar via:
https://[jouw-slug].bookicorn.net
Met de addon Eigen domein kun je in plaats daarvan een eigen adres gebruiken, bijvoorbeeld boeken.jouw-studio.nl.
Inhoud
Op de openbare pagina verschijnen:
- Logo en naam
- Beschrijving
- Lesrooster
- Tegoedpakketten
- Trainers
- Afbeeldingen (galerij)
- Veelgestelde vragen
- Contact
Tip: Inhoud beheer je onder Instellingen → Mijn boekingspagina.
Widgets
Branding in widgets
Ingesloten widgets nemen over:
- Primaire kleur
- Logo (optioneel)
- Studionaam
Aanpassen
In de Widget Builder kun je bovendien instellen:
- Containerbreedte
- Achtergrondkleur
- Randafronding
- Padding
Best practices
Consistentie
- Gebruik dezelfde kleuren als op je website
- Het logo moet overal hetzelfde uiterlijk hebben
- Eenduidig taalgebruik (terminologie)
Professionaliteit
- Logo met hoge resolutie
- Passende kleurkeuze
- Volledige contactgegevens
Mobiel
- Logo ook in het klein herkenbaar
- Kleuren werken op alle apparaten