Branding

Personaliza la apariencia de tu estudio.

Vision general

Elementos de branding

ElementoDonde se muestra
LogoEncabezado, emails, facturas
Color principalBotones, enlaces, acentos
Nombre del estudioEn todas partes
Modo oscuroToda la interfaz de admin

Logo

Requisitos

PropiedadValor
Tamano de archivoMax. 2 MB
FormatosJPG, PNG, SVG
Recomendado400x400px, transparente

Subir

  1. Ve a Ajustes → General
  2. En la seccion "Logo"
  3. Haz clic en "Subir logo" o arrastra y suelta
  4. Revisa la vista previa
  5. 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

  1. Ve a Ajustes → General
  2. En "Tema" o "Color principal"
  3. Usa el selector de color o introduce un codigo hex
  4. Guarda

Color por defecto

Bookicorn usa Lime Green (#84CC16) por defecto.

Recomendaciones

ColorEfecto
AzulConfianza, profesionalismo
VerdeNaturaleza, salud, fitness
NaranjaEnergia, dinamismo
MoradoPremium, creatividad
Verde azuladoFrescura, 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

  1. Ve a Ajustes → General
  2. Activa "Modo oscuro"
  3. Activo inmediatamente

Que cambia?

ElementoClaroOscuro
FondoBlancoGris oscuro
TextoNegroBlanco
TarjetasGris claroGris oscuro
BordesGris claroGris 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

  1. Ve a Ajustes → General
  2. En "Terminologia"
  3. Elige una opcion predefinida o personalizada
  4. Guarda

Vistas del horario

Vistas disponibles

VistaDescripcion
SemanaSemana de calendario clasica
DiaDia individual en detalle
MesVista general mensual
AgendaVista de lista

Configurar

  1. Ve a Ajustes → General
  2. En "Vistas del horario"
  3. Activa las vistas deseadas
  4. Elige la vista por defecto
  5. 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

Proximos pasos

Fragen oder Feedback?

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