Branding

De wiki.kiconex

Gestión librerías ▾

Gestión keyuser ▾

Gestión de activos ▾

Canal support ▾


Branding de una organización

El branding permite personalizar la apariencia de Cloud kiconex para una organización cuando esta funcionalidad está habilitada para el proyecto.

La configuración de branding puede modificar elementos visuales como colores, logotipos, favicon, página de inicio de sesión y otros componentes gráficos asociados a la organización.

Importante

El branding es una funcionalidad opcional y debe estar habilitada para la organización. Los cambios realizados afectan a la experiencia visual de todos los usuarios que accedan a Cloud kiconex mediante esa organización o dominio configurado.

Qué es el branding

El branding es la gestión de los elementos visuales que identifican una marca dentro de una plataforma.

Puede incluir:

  • Logotipo.
  • Colores corporativos.
  • Favicon.
  • Imagen de fondo de la página de inicio.
  • Nombre y descripción mostrados en el navegador.
  • Aspecto visual de cabecera, menú lateral y botones principales.

En Cloud kiconex, el branding permite adaptar la apariencia de la plataforma para una organización concreta, siempre que la funcionalidad esté habilitada.

Para qué sirve en Cloud kiconex

El branding permite que una organización utilice Cloud kiconex con una identidad visual propia.

Puede utilizarse para:

  • Mostrar logotipos propios en la interfaz.
  • Personalizar colores de cabecera, menús y botones.
  • Configurar la apariencia de la página de inicio de sesión.
  • Asociar la personalización visual a un dominio configurado.
  • Ofrecer una experiencia visual coherente con la marca de la organización.

La personalización visual no modifica por sí sola los permisos, instalaciones, usuarios, grupos, planes ni datos técnicos de la organización.

Antes de empezar

Antes de configurar el branding, revise:

  • Que la funcionalidad de branding está habilitada para esa organización.
  • Que, si se va a utilizar dominio propio, el dominio está operativo.
  • Que la configuración técnica del dominio ha sido realizada o validada por kiconex.
  • Que se dispone de los elementos gráficos que se van a utilizar.

Cuando el branding utiliza un dominio propio, la configuración del dominio, servidor, certificados o parámetros asociados debe ser gestionada o validada por kiconex antes de darlo por operativo.

Acceder a la organización

Para configurar el branding, primero debe accederse a la organización correspondiente.

Los usuarios keyuser pueden acceder a la gestión de organizaciones desde el menú de configuración correspondiente.

La vista general de una organización puede mostrar información sobre usuarios, grupos, instalaciones, dominios y estilos disponibles.

Vista general de una organización.


Editar una organización

Para modificar el branding, abra la edición de la organización.

Según la vista disponible, puede acceder a la edición de una organización mediante una de estas opciones:

  1. Abrir la organización y pulsar el icono de edición.
  2. Hacer clic derecho sobre la organización y seleccionar Editar.
  3. Abrir el menú de acciones de la organización y seleccionar Editar.
Buscar una organización.
Acceso a edición desde la vista de organización.
Acceso a edición desde el menú de acciones.

Pestañas de configuración de la organización

La edición de una organización incluye las siguientes pestañas.

General

La pestaña General permite revisar o editar datos básicos de la organización, como nombre, imagen o descripción, según permisos y configuración.

Recursos de la organización

La pestaña Recursos de la organización muestra los recursos asociados a la organización.

Puede incluir información relacionada con:

  • Instalaciones.
  • Usuarios.
  • Grupos.
  • Disponibilidad de creación o uso de recursos.
  • Privilegios asociados a esos recursos.

Miembros

La pestaña Miembros muestra los usuarios que pertenecen a la organización.

También puede indicar qué usuarios tienen rol de administración o permisos especiales dentro de la organización.

Dominios

La pestaña Dominios permite revisar o configurar los dominios asociados al branding de la organización, cuando esta funcionalidad está habilitada.

El uso de dominio propio puede requerir configuración técnica adicional y validación por parte de kiconex.

Estilos

La pestaña Estilos permite configurar los elementos visuales del branding.

Acceso a la pestaña Estilos.

Pestaña Estilos

La pestaña Estilos permite personalizar la apariencia de la organización.

Puede dividirse en dos apartados principales:

  • General.
  • Página principal.

Estilos generales

El apartado General permite configurar nombre, descripción y colores principales de la interfaz.

La siguiente imagen muestra la numeración de las secciones de configuración visual.

Numeración de secciones de configuración de estilos generales.

Campos principales:

  1. Nombre: nombre mostrado en la pestaña del navegador.
  2. Descripción: descripción asociada a la página en el navegador.
  3. Cabecera: color de la barra de cabecera.
  4. Cabecera hover: color de la cabecera cuando se muestra en estado flotante o interactivo, según la interfaz.
  5. Color fuente cabecera: color del texto de la cabecera.
  6. Color fuente menú cabecera: color del texto del menú de cabecera.
  7. Menú de usuario: color aplicado al desplegable del menú de usuario.
  8. Barra lateral: color del menú lateral.
  9. Barra lateral hover: color del menú lateral al situar el cursor sobre sus elementos.
  10. Barra lateral activa: color de la marca o estado activo en el menú lateral.
  11. Color fuente barra lateral: color del texto del menú lateral.
  12. Color submenu: color del submenú lateral desplegable.
  13. Color fuente menu: color del texto del submenú lateral.

Imágenes de marca

El branding también permite configurar imágenes asociadas a la organización.

Configuración de imágenes de marca en branding.

Campos principales:

  1. Logo de la barra de navegación: imagen utilizada como logotipo principal en la barra de navegación.
  2. Logo barra navegación minimizado: imagen utilizada cuando la navegación lateral se muestra en formato reducido.
  3. Favicon: icono mostrado en la pestaña del navegador.

Utilice imágenes optimizadas y adaptadas al uso previsto. Evite subir imágenes con baja resolución, márgenes innecesarios o fondos que dificulten su lectura sobre los colores configurados.

Previsualizar cambios

Antes de guardar o aplicar cambios, utilice la opción de previsualización.

La previsualización permite comprobar cómo se muestran colores, logotipos y otros elementos visuales antes de afectar a la organización.

Botón de previsualización del branding.


Previsualización recomendada

Previsualice los cambios antes de guardarlos o aplicarlos. Una combinación incorrecta de colores puede dificultar la lectura de menús, botones o textos para todos los usuarios de la organización.

Página principal

El apartado Página principal permite personalizar la pantalla de inicio de sesión asociada al branding.

Esta pantalla es la que ve el usuario antes de iniciar sesión en Cloud kiconex mediante el dominio configurado.

Personalización de la página principal o pantalla de inicio de sesión.

Campos principales:

  1. Botón iniciar sesión: color del botón de inicio de sesión.
  2. Botón iniciar sesión hover: color del botón al situar el cursor sobre él.
  3. Fuente botón iniciar sesión: color del texto del botón de inicio de sesión.
  4. Logo página de inicio sesión: logotipo mostrado en la página de inicio de sesión.
  5. Imagen fondo página inicio sesión: imagen de fondo de la página de inicio de sesión.

La siguiente imagen muestra un ejemplo de correspondencia visual entre campos y elementos de la pantalla de inicio.

Leyenda de la página de inicio de sesión.

Recomendaciones

  • Configure el branding únicamente cuando la funcionalidad esté habilitada para la organización.
  • Valide el dominio propio antes de comunicarlo a usuarios finales.
  • Utilice colores con contraste suficiente para facilitar la lectura.
  • Compruebe la visualización con menú lateral expandido y minimizado.
  • Revise la página de inicio de sesión antes de publicar cambios.
  • No utilice imágenes con datos internos, marcas no autorizadas o baja calidad visual.
  • Previsualice los cambios antes de guardarlos.
  • Documente los cambios realizados para futuras revisiones.

Enlaces relacionados