Branding
Personalizza l'aspetto del tuo studio.
Panoramica
Elementi di branding
| Elemento | Dove visibile |
|---|---|
| Logo | Header, email, fatture |
| Colore primario | Pulsanti, link, accenti |
| Nome studio | Ovunque |
| Modalita scura | Intera interfaccia amministratore |
Logo
Requisiti
| Proprieta | Valore |
|---|---|
| Dimensione file | Max. 2 MB |
| Formati | JPG, PNG, SVG |
| Consigliato | 400x400px, trasparente |
Caricamento
- Vai su Impostazioni → Generali
- Nella sezione "Logo"
- Clicca "Carica logo" o trascina e rilascia
- Controlla l'anteprima
- Salva
Utilizzo
Il logo appare:
- Nell'header dell'interfaccia amministratore
- Nelle email (a seconda delle impostazioni)
- Sulle fatture
- Sulla pagina pubblica dello studio
- Nei widget
Suggerimenti
- Trasparente: PNG con sfondo trasparente
- Contrasto: Funziona sia su sfondi chiari CHE scuri
- Semplice: Riconoscibile anche in piccole dimensioni
Colore primario
Cosa viene colorato?
- Pulsanti primari
- Link
- Stati di focus
- Icone
- Barre di progresso
- Badge
Selezionare un colore
- Vai su Impostazioni → Generali
- Sotto "Tema" o "Colore primario"
- Usa il selettore colore o inserisci un codice hex
- Salva
Colore predefinito
Bookicorn utilizza Lime Green (#84CC16) come predefinito.
Raccomandazioni
| Colore | Effetto |
|---|---|
| Blu | Fiducia, professionalita |
| Verde | Natura, salute, fitness |
| Arancione | Energia, dinamismo |
| Viola | Premium, creativita |
| Teal | Freschezza, equilibrio |
Attenzione al contrasto
Assicurati che:
- Il testo sui pulsanti sia leggibile (bianco o nero)
- Il colore non sia troppo chiaro
- Il colore sia adatto al tuo settore
Modalita scura
Attivazione
- Vai su Impostazioni → Generali
- Attiva "Modalita scura"
- Attiva immediatamente
Cosa cambia?
| Elemento | Chiaro | Scuro |
|---|---|---|
| Sfondo | Bianco | Grigio scuro |
| Testo | Nero | Bianco |
| Schede | Grigio chiaro | Grigio scuro |
| Bordi | Grigio chiaro | Grigio scuro |
Per i clienti?
La modalita scura si applica solo all'interfaccia amministratore. Il Dashboard clienti ha le proprie impostazioni.
Informazioni dello studio
Nome
Il nome dello studio appare:
- Nella navigazione
- Nelle email (mittente, footer)
- Sulle fatture
- Sulle pagine pubbliche
Descrizione
Breve descrizione dello studio per:
- SEO (meta description)
- Pagina pubblica
- Marketing
URL Slug
Il tuo URL pubblico dello studio:
https://app.bookicorn.net/s/your-slug
Regole:
- Solo lettere minuscole
- Nessuno spazio (trattini consentiti)
- Deve essere univoco
Terminologia
Personalizzare l'etichetta istruttore
Invece di "Trainer" puoi usare:
- Istruttore
- Coach
- Terapista
- Insegnante
- Personalizzato
Dove ha effetto?
- Navigazione: "Trainer" → "Istruttore"
- Email: "Il tuo trainer" → "Il tuo istruttore"
- Prenotazioni: Visualizzazione istruttore
- Filtri: Filtro istruttore
Configurazione
- Vai su Impostazioni → Generali
- Sotto "Terminologia"
- Scegli un'opzione predefinita o Personalizzata
- Salva
Viste del programma
Viste disponibili
| Vista | Descrizione |
|---|---|
| Settimana | Settimana di calendario classica |
| Giorno | Singolo giorno in dettaglio |
| Mese | Panoramica mensile |
| Agenda | Vista a lista |
Configurazione
- Vai su Impostazioni → Generali
- Sotto "Viste del programma"
- Attiva le viste desiderate
- Scegli la vista predefinita
- Salva
Almeno una vista deve essere attiva.
Opzioni filtro
Attiva/disattiva i filtri nel programma:
- Filtro istruttore
- Filtro stato
- Filtro difficolta
- ecc.
Pagina pubblica
URL
La tua pagina studio e accessibile su:
https://app.bookicorn.net/s/[your-slug]
Contenuto
La pagina pubblica mostra:
- Logo e nome
- Descrizione
- Programma
- Pacchetti crediti
- Istruttori
- Immagini (galleria)
- FAQ
- Contatto
Suggerimento: Il contenuto viene gestito sotto Impostazioni → Contenuto studio.
Widget
Branding nei widget
I widget integrati ereditano:
- Colore primario
- Logo (opzionale)
- Nome studio
Personalizzazione
Nel Widget Builder puoi inoltre configurare:
- Larghezza del contenitore
- Colore di sfondo
- Raggio dei bordi
- Padding
Migliori pratiche
Coerenza
- Usa gli stessi colori del tuo sito web
- Il logo dovrebbe avere lo stesso aspetto ovunque
- Linguaggio coerente (terminologia)
Professionalita
- Logo ad alta risoluzione
- Scelta dei colori appropriata
- Dati di contatto completi
Mobile
- Logo riconoscibile anche in piccole dimensioni
- I colori funzionano su tutti i dispositivi