Branding

Personnalise l'apparence de ton studio.

Vue d'ensemble

Éléments de branding

ÉlémentOù visible
LogoEn-tête, e-mails, factures
Couleur principaleBoutons, liens, accents
Nom du studioPartout
Dark ModeToute l'interface admin

Logo

Exigences

PropriétéValeur
Taille du fichierMax. 2 Mo
FormatsJPG, PNG, SVG
Recommandé400x400px, transparent

Télécharger

  1. Va dans Paramètres → Général
  2. Dans la section "Logo"
  3. Clique sur "Télécharger le logo" ou glisser-déposer
  4. Vérifier l'aperçu
  5. Enregistrer

Utilisation

Le logo apparaît :

  • Dans l'en-tête de l'interface admin
  • Dans les e-mails (selon les paramètres)
  • Sur les factures
  • Sur la page publique du studio
  • Dans les widgets

Conseils

  • Transparent : PNG avec fond transparent
  • Contraste : Fonctionne sur fond clair ET sombre
  • Simple : Reconnaissable même en petit

Couleur principale

Qu'est-ce qui est coloré ?

  • Boutons principaux
  • Liens
  • États de focus
  • Icônes
  • Barres de progression
  • Badges

Sélectionner

  1. Va dans Paramètres → Général
  2. Pour "Thème" ou "Couleur principale"
  3. Utiliser le sélecteur de couleur ou saisir un code hexadécimal
  4. Enregistrer

Couleur par défaut

Bookicorn utilise par défaut le vert citron (#84CC16).

Recommandations

CouleurEffet
BleuConfiance, professionnalisme
VertNature, santé, fitness
OrangeÉnergie, dynamisme
VioletPremium, créativité
TurquoiseFraîcheur, équilibre

Attention au contraste

Assure-toi que :

  • Le texte sur les boutons est lisible (blanc ou noir)
  • La couleur n'est pas trop claire
  • La couleur correspond à ton secteur

Dark Mode

Activer

  1. Va dans Paramètres → Général
  2. Bascule "Dark Mode"
  3. Actif immédiatement

Qu'est-ce qui change ?

ÉlémentClairSombre
Arrière-planBlancGris foncé
TexteNoirBlanc
CartesGris clairGris foncé
BorduresGris clairGris foncé

Pour les clients ?

Le Dark Mode s'applique uniquement à l'interface admin. Le tableau de bord clients a ses propres paramètres.


Informations du studio

Nom

Le nom du studio apparaît :

  • Dans la navigation
  • Dans les e-mails (expéditeur, pied de page)
  • Sur les factures
  • Pages publiques

Description

Brève description du studio pour :

  • SEO (méta-description)
  • Page publique
  • Marketing

URL Slug

Ton URL publique du studio :

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

Règles :

  • Uniquement en minuscules
  • Pas d'espaces (tirets autorisés)
  • Unique

Terminologie

Personnaliser le terme "Coach"

Au lieu de "Coach", tu peux utiliser :

  • Animateur
  • Instructeur
  • Coach
  • Thérapeute
  • Professeur
  • Personnalisé

Où cela s'applique-t-il ?

  • Navigation : "Coach" → "Animateur"
  • E-mails : "Ton coach" → "Ton animateur"
  • Réservations : Affichage du coach
  • Filtres : Filtre coach

Configuration

  1. Va dans Paramètres → Général
  2. Pour "Terminologie"
  3. Choisis une option prédéfinie ou personnalisée
  4. Enregistrer

Vues du planning de cours

Vues disponibles

VueDescription
SemaineSemaine calendaire classique
JourJournée en détail
MoisVue mensuelle
AgendaVue en liste

Configurer

  1. Va dans Paramètres → Général
  2. Pour "Vues du planning de cours"
  3. Active les vues souhaitées
  4. Choisis la Vue par défaut
  5. Enregistrer

Au moins une vue doit être active.

Options de filtre

Active / désactive les filtres dans le planning :

  • Filtre coach
  • Filtre statut
  • Filtre difficulté
  • etc.

Page publique

URL

Ta page studio est accessible à :

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

Contenu

Sur la page publique apparaissent :

  • Logo et nom
  • Description
  • Planning de cours
  • Packs de crédits
  • Coachs
  • Images (galerie)
  • FAQ
  • Contact

Astuce : Les contenus sont gérés sous Paramètres → Contenus du studio.


Widgets

Branding dans les widgets

Les widgets intégrés reprennent :

  • La couleur principale
  • Le logo (optionnel)
  • Le nom du studio

Personnaliser

Dans le Widget Builder, tu peux en plus configurer :

  • Largeur du conteneur
  • Couleur d'arrière-plan
  • Border-radius
  • Padding

Bonnes pratiques

Cohérence

  • Utilise les mêmes couleurs que sur ton site web
  • Le logo doit avoir la même apparence partout
  • Langage cohérent (terminologie)

Professionnalisme

  • Logo en haute résolution
  • Choix de couleurs adapté
  • Coordonnées complètes

Mobile

  • Logo reconnaissable même en petit
  • Les couleurs fonctionnent sur tous les appareils

Prochaines étapes

Fragen oder Feedback?

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