Branding
Personaliza la apariencia de tu estudio.
Vision general
Elementos de branding
| Elemento | Donde se muestra |
|---|---|
| Logo | Encabezado, emails, facturas |
| Color principal | Botones, enlaces, acentos |
| Nombre del estudio | En todas partes |
| Modo oscuro | Toda la interfaz de admin |
Logo
Requisitos
| Propiedad | Valor |
|---|---|
| Tamano de archivo | Max. 2 MB |
| Formatos | JPG, PNG, SVG |
| Recomendado | 400x400px, transparente |
Subir
- Ve a Ajustes → General
- En la seccion "Logo"
- Haz clic en "Subir logo" o arrastra y suelta
- Revisa la vista previa
- Guarda
Uso
El logo aparece:
- En el encabezado de la interfaz de admin
- En emails (segun los ajustes)
- En facturas
- En la pagina publica del estudio
- En widgets
Consejos
- Transparente: PNG con fondo transparente
- Contraste: Funciona tanto en fondos claros COMO oscuros
- Simple: Reconocible incluso en tamanos pequenos
Color principal
Que se colorea?
- Botones principales
- Enlaces
- Estados de foco
- Iconos
- Barras de progreso
- Insignias
Seleccionar un color
- Ve a Ajustes → General
- En "Tema" o "Color principal"
- Usa el selector de color o introduce un codigo hex
- Guarda
Color por defecto
Bookicorn usa Lime Green (#84CC16) por defecto.
Recomendaciones
| Color | Efecto |
|---|---|
| Azul | Confianza, profesionalismo |
| Verde | Naturaleza, salud, fitness |
| Naranja | Energia, dinamismo |
| Morado | Premium, creatividad |
| Verde azulado | Frescura, equilibrio |
Cuidado con el contraste
Asegurate de que:
- El texto en los botones sea legible (blanco o negro)
- El color no sea demasiado claro
- El color sea adecuado para tu sector
Modo oscuro
Activar
- Ve a Ajustes → General
- Activa "Modo oscuro"
- Activo inmediatamente
Que cambia?
| Elemento | Claro | Oscuro |
|---|---|---|
| Fondo | Blanco | Gris oscuro |
| Texto | Negro | Blanco |
| Tarjetas | Gris claro | Gris oscuro |
| Bordes | Gris claro | Gris oscuro |
Para clientes?
El modo oscuro solo se aplica a la interfaz de admin. El Dashboard del cliente tiene sus propios ajustes.
Informacion del estudio
Nombre
El nombre del estudio aparece:
- En la navegacion
- En emails (remitente, pie de pagina)
- En facturas
- En paginas publicas
Descripcion
Descripcion corta del estudio para:
- SEO (meta description)
- Pagina publica
- Marketing
URL Slug
La URL publica de tu estudio:
https://app.bookicorn.net/s/tu-slug
Reglas:
- Solo letras minusculas
- Sin espacios (se permiten guiones)
- Debe ser unico
Terminologia
Personalizar la etiqueta de instructor
En lugar de "Instructor" puedes usar:
- Instructor
- Coach
- Terapeuta
- Profesor
- Personalizado
Donde tiene efecto?
- Navegacion: "Instructor" → "Coach"
- Emails: "Tu instructor" → "Tu coach"
- Reservas: Visualizacion del instructor
- Filtros: Filtro de instructor
Configurar
- Ve a Ajustes → General
- En "Terminologia"
- Elige una opcion predefinida o personalizada
- Guarda
Vistas del horario
Vistas disponibles
| Vista | Descripcion |
|---|---|
| Semana | Semana de calendario clasica |
| Dia | Dia individual en detalle |
| Mes | Vista general mensual |
| Agenda | Vista de lista |
Configurar
- Ve a Ajustes → General
- En "Vistas del horario"
- Activa las vistas deseadas
- Elige la vista por defecto
- Guarda
Al menos una vista debe estar activa.
Opciones de filtro
Activa/desactiva filtros en el horario:
- Filtro de instructor
- Filtro de estado
- Filtro de dificultad
- etc.
Pagina publica
URL
La pagina de tu estudio es accesible en:
https://app.bookicorn.net/s/[tu-slug]
Contenido
La pagina publica muestra:
- Logo y nombre
- Descripcion
- Horario
- Paquetes de creditos
- Instructores
- Imagenes (galeria)
- FAQs
- Contacto
Consejo: El contenido se gestiona en Ajustes → Contenido del estudio.
Widgets
Branding en widgets
Los widgets integrados heredan:
- Color principal
- Logo (opcional)
- Nombre del estudio
Personalizar
En el Constructor de widgets puedes ademas configurar:
- Ancho del contenedor
- Color de fondo
- Radio de borde
- Padding
Buenas practicas
Consistencia
- Usa los mismos colores que en tu pagina web
- El logo debe verse igual en todas partes
- Lenguaje consistente (terminologia)
Profesionalismo
- Logo de alta resolucion
- Eleccion de color adecuada
- Datos de contacto completos
Movil
- Logo reconocible incluso en tamanos pequenos
- Los colores funcionan en todos los dispositivos