Branding
Personnalise l'apparence de ton studio.
Vue d'ensemble
Éléments de branding
| Élément | Où visible |
|---|---|
| Logo | En-tête, e-mails, factures |
| Couleur principale | Boutons, liens, accents |
| Nom du studio | Partout |
| Dark Mode | Toute l'interface admin |
Logo
Exigences
| Propriété | Valeur |
|---|---|
| Taille du fichier | Max. 2 Mo |
| Formats | JPG, PNG, SVG |
| Recommandé | 400x400px, transparent |
Télécharger
- Va dans Paramètres → Général
- Dans la section "Logo"
- Clique sur "Télécharger le logo" ou glisser-déposer
- Vérifier l'aperçu
- 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
- Va dans Paramètres → Général
- Pour "Thème" ou "Couleur principale"
- Utiliser le sélecteur de couleur ou saisir un code hexadécimal
- Enregistrer
Couleur par défaut
Bookicorn utilise par défaut le vert citron (#84CC16).
Recommandations
| Couleur | Effet |
|---|---|
| Bleu | Confiance, professionnalisme |
| Vert | Nature, santé, fitness |
| Orange | Énergie, dynamisme |
| Violet | Premium, créativité |
| Turquoise | Fraî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
- Va dans Paramètres → Général
- Bascule "Dark Mode"
- Actif immédiatement
Qu'est-ce qui change ?
| Élément | Clair | Sombre |
|---|---|---|
| Arrière-plan | Blanc | Gris foncé |
| Texte | Noir | Blanc |
| Cartes | Gris clair | Gris foncé |
| Bordures | Gris clair | Gris 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
- Va dans Paramètres → Général
- Pour "Terminologie"
- Choisis une option prédéfinie ou personnalisée
- Enregistrer
Vues du planning de cours
Vues disponibles
| Vue | Description |
|---|---|
| Semaine | Semaine calendaire classique |
| Jour | Journée en détail |
| Mois | Vue mensuelle |
| Agenda | Vue en liste |
Configurer
- Va dans Paramètres → Général
- Pour "Vues du planning de cours"
- Active les vues souhaitées
- Choisis la Vue par défaut
- 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