Branding - Historial de revisiones

Bruiz: Bruiz trasladó la página BorradoresIA/Branding a Branding sin dejar una redirección: rehecha

2026-07-07T12:29:32Z

Bruiz trasladó la página BorradoresIA/Branding a Branding sin dejar una redirección: rehecha

← Revisión anterior	Revisión del 14:29 7 jul 2026
(Sin diferencias)

Bruiz: /* Branding de una organización */

2026-07-07T12:29:02Z

Branding de una organización

← Revisión anterior		Revisión del 14:29 7 jul 2026
Línea 7:		Línea 7:

	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.		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.

	~~Esta página está dirigida a usuarios con permisos de gestión keyuser o permisos equivalentes sobre organizaciones.~~

	__TOC__		__TOC__
Línea 15:		Línea 13:
	'''Importante'''		'''Importante'''

	El branding es una funcionalidad opcional y debe estar habilitada para la organización. Los cambios realizados ~~pueden afectar~~ a la experiencia visual de todos los usuarios que accedan a Cloud kiconex mediante esa organización o dominio configurado.		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.
	</div>		</div>

Línea 51:		Línea 49:
	Antes de configurar el branding, revise:		Antes de configurar el branding, revise:

	* Que la organización existe en la plataforma.
	* Que el usuario dispone de permisos suficientes para editar la organización.
	* Que la funcionalidad de branding está habilitada para esa organización.		* Que la funcionalidad de branding está habilitada para esa organización.
	* Que, si se va a utilizar dominio propio, el dominio está operativo.		* Que, si se va a utilizar dominio propio, el dominio está operativo.
Línea 70:		Línea 66:
	[[Archivo:Branding - 001.png\|centro\|miniaturadeimagen\|800x800px\|Vista general de una organización.]]		[[Archivo:Branding - 001.png\|centro\|miniaturadeimagen\|800x800px\|Vista general de una organización.]]

	~~<!-- Pendiente de revisión visual: captura perteneciente a una interfaz anterior. El flujo de configuración sigue vigente en plataforma. -->~~

	== Editar una organización ==		== Editar una organización ==
Línea 85:		Línea 81:
	[[Archivo:Branding - 003.png\|centro\|miniaturadeimagen\|800x800px\|Acceso a edición desde la vista de organización.]]		[[Archivo:Branding - 003.png\|centro\|miniaturadeimagen\|800x800px\|Acceso a edición desde la vista de organización.]]
	[[Archivo:Branding - 004.png\|centro\|miniaturadeimagen\|800x800px\|Acceso a edición desde el menú de acciones.]]		[[Archivo:Branding - 004.png\|centro\|miniaturadeimagen\|800x800px\|Acceso a edición desde el menú de acciones.]]

	~~<!-- Pendiente de revisión visual: capturas pertenecientes a una interfaz anterior. El flujo de configuración sigue vigente en plataforma. -->~~

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

	La edición de una organización ~~puede incluir varias~~ pestañas.		La edición de una organización incluye las siguientes pestañas.

	=== General ===		=== General ===
Línea 125:		Línea 118:

	[[Archivo:Branding - 005.png\|centro\|miniaturadeimagen\|800x800px\|Acceso a la pestaña Estilos.]]		[[Archivo:Branding - 005.png\|centro\|miniaturadeimagen\|800x800px\|Acceso a la pestaña Estilos.]]

	~~<!-- Pendiente de revisión visual: captura perteneciente a una interfaz anterior. El flujo de configuración sigue vigente en plataforma. -->~~

	== Pestaña Estilos ==		== Pestaña Estilos ==

Línea 144:		Línea 134:

	[[Archivo:Branding - 012a.png\|centro\|miniaturadeimagen\|800x800px\|Numeración de secciones de configuración de estilos generales.]]		[[Archivo:Branding - 012a.png\|centro\|miniaturadeimagen\|800x800px\|Numeración de secciones de configuración de estilos generales.]]

	~~<!-- Pendiente de revisión visual: captura perteneciente a una interfaz anterior. El flujo de configuración sigue vigente en plataforma. -->~~

	Campos principales:		Campos principales:
Línea 162:		Línea 150:
	# '''Color submenu''': color del submenú lateral desplegable.		# '''Color submenu''': color del submenú lateral desplegable.
	# '''Color fuente menu''': color del texto del submenú lateral.		# '''Color fuente menu''': color del texto del submenú lateral.

	~~Mantenga nombres de campos tal como aparecen en la plataforma para facilitar la identificación durante la configuración.~~

	== Imágenes de marca ==		== Imágenes de marca ==
Línea 170:		Línea 156:

	[[Archivo:Branding - 013.png\|centro\|miniaturadeimagen\|800x800px\|Configuración de imágenes de marca en branding.]]		[[Archivo:Branding - 013.png\|centro\|miniaturadeimagen\|800x800px\|Configuración de imágenes de marca en branding.]]

	~~<!-- Pendiente de revisión visual: captura perteneciente a una interfaz anterior. El flujo de configuración sigue vigente en plataforma. -->~~

	Campos principales:		Campos principales:
Línea 183:		Línea 167:
	== Previsualizar cambios ==		== Previsualizar cambios ==

	Antes de guardar o aplicar cambios, utilice la opción de previsualización ~~cuando esté disponible~~.		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.		La previsualización permite comprobar cómo se muestran colores, logotipos y otros elementos visuales antes de afectar a la organización.
Línea 189:		Línea 173:
	[[Archivo:Branding - 014.png\|centro\|miniaturadeimagen\|800x800px\|Botón de previsualización del branding.]]		[[Archivo:Branding - 014.png\|centro\|miniaturadeimagen\|800x800px\|Botón de previsualización del branding.]]

	~~<!-- Pendiente de revisión visual: captura perteneciente a una interfaz anterior. El flujo de configuración sigue vigente en plataforma. -->~~

			'''Previsualización recomendada'''
	<div style="border-left:5px solid #fc3; background:#fff4ce; padding:12px 16px; margin:16px 0;">		<div style="border-left:5px solid #fc3; background:#fff4ce; padding:12px 16px; margin:16px 0;">
	~~'''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.		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.
	</div>		</div>
Línea 204:		Línea 186:

	[[Archivo:Branding - 009.png\|centro\|miniaturadeimagen\|800x800px\|Personalización de la página principal o pantalla de inicio de sesión.]]		[[Archivo:Branding - 009.png\|centro\|miniaturadeimagen\|800x800px\|Personalización de la página principal o pantalla de inicio de sesión.]]

	~~<!-- Pendiente de revisión visual: captura perteneciente a una interfaz anterior. El flujo de configuración sigue vigente en plataforma. -->~~

	Campos principales:		Campos principales:
Línea 218:		Línea 198:

	[[Archivo:Branding - 016.png\|centro\|miniaturadeimagen\|800x800px\|Leyenda de la página de inicio de sesión.]]		[[Archivo:Branding - 016.png\|centro\|miniaturadeimagen\|800x800px\|Leyenda de la página de inicio de sesión.]]

	~~<!-- Pendiente de revisión visual: captura perteneciente a una interfaz anterior. El flujo de configuración sigue vigente en plataforma. -->~~

	== Recomendaciones ==		== Recomendaciones ==

Línea 239:		Línea 216:
	* [[Access\|Acceso a Cloud kiconex]].		* [[Access\|Acceso a Cloud kiconex]].
	* [[Permissions\|Permisos]].		* [[Permissions\|Permisos]].

	~~<!-- Nota de mantenimiento documental:~~
	~~Las capturas actuales están obsoletas visualmente, pero el flujo de configuración sigue vigente en plataforma. Sustituir las imágenes cuando existan capturas actualizadas.~~
	~~-->~~

Kiconex: Reescritura de Branding manteniendo flujo actual y capturas existentes

2026-07-07T12:21:42Z

Reescritura de Branding manteniendo flujo actual y capturas existentes

Página nueva

{{MenuKeyuser}}
{{DISPLAYTITLE:Branding de una organización}}

= 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.

Esta página está dirigida a usuarios con permisos de gestión keyuser o permisos equivalentes sobre organizaciones.

__TOC__

<div style="border-left:5px solid #fc3; background:#fff4ce; padding:12px 16px; margin:16px 0;">
'''Importante'''

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

== 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 organización existe en la plataforma.
* Que el usuario dispone de permisos suficientes para editar la organización.
* 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.

[[Archivo:Branding - 001.png|centro|miniaturadeimagen|800x800px|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:

# Abrir la organización y pulsar el icono de edición.
# Hacer clic derecho sobre la organización y seleccionar '''Editar'''.
# Abrir el menú de acciones de la organización y seleccionar '''Editar'''.

[[Archivo:Branding - 002.png|centro|miniaturadeimagen|800x800px|Buscar una organización.]]
[[Archivo:Branding - 003.png|centro|miniaturadeimagen|800x800px|Acceso a edición desde la vista de organización.]]
[[Archivo:Branding - 004.png|centro|miniaturadeimagen|800x800px|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 puede incluir varias 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.

[[Archivo:Branding - 005.png|centro|miniaturadeimagen|800x800px|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.

[[Archivo:Branding - 012a.png|centro|miniaturadeimagen|800x800px|Numeración de secciones de configuración de estilos generales.]]



Campos principales:

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

Mantenga nombres de campos tal como aparecen en la plataforma para facilitar la identificación durante la configuración.

== Imágenes de marca ==

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

[[Archivo:Branding - 013.png|centro|miniaturadeimagen|800x800px|Configuración de imágenes de marca en branding.]]



Campos principales:

# '''Logo de la barra de navegación''': imagen utilizada como logotipo principal en la barra de navegación.
# '''Logo barra navegación minimizado''': imagen utilizada cuando la navegación lateral se muestra en formato reducido.
# '''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 cuando esté disponible.

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

[[Archivo:Branding - 014.png|centro|miniaturadeimagen|800x800px|Botón de previsualización del branding.]]



<div style="border-left:5px solid #fc3; background:#fff4ce; padding:12px 16px; margin:16px 0;">
'''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.
</div>

== 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.

[[Archivo:Branding - 009.png|centro|miniaturadeimagen|800x800px|Personalización de la página principal o pantalla de inicio de sesión.]]



Campos principales:

# '''Botón iniciar sesión''': color del botón de inicio de sesión.
# '''Botón iniciar sesión hover''': color del botón al situar el cursor sobre él.
# '''Fuente botón iniciar sesión''': color del texto del botón de inicio de sesión.
# '''Logo página de inicio sesión''': logotipo mostrado en la página de inicio de sesión.
# '''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.

[[Archivo:Branding - 016.png|centro|miniaturadeimagen|800x800px|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 ==

* [[keyuser:Main|Inicio Keyuser]].
* [[keyuser:KiCore|Core]].
* [[keyuser:Usuarios|Usuarios]].
* [[Access|Acceso a Cloud kiconex]].
* [[Permissions|Permisos]].