Administrar el branding

Cómo personalizar tu cuenta para que refleje tu marca.

Haz que tu cuenta de Joy se sienta tuya. Personaliza el nombre de tu cuenta, agrega tu logotipo, define tus colores y elige banners para áreas como tu página de inicio de sesión y los perfiles de usuario.

Puedes administrar el aspecto de tu cuenta desde la página Branding del Centro de gestión.

Cambiar el aspecto de tu cuenta

Para cambiar el aspecto de tu cuenta, sigue estos pasos.

Abre el Centro de gestión y haz clic en Branding.

Se abre la página Branding.

Edita los campos y las opciones.

Encontrarás la descripción de cada uno en la lista de campos y opciones.

Revisa tus cambios en la Vista previa en vivo.

Puedes cambiar de vista para ver cómo se ven tus cambios en distintas partes de Joy.

Haz clic en Aplicar.

Tus cambios se guardan y se aplican en toda tu cuenta. Las personas que ya iniciaron sesión en Joy verán los cambios cuando actualicen la página o vuelvan a iniciar sesión.

Para deshacer los cambios que no guardaste, haz clic en el ícono Descartar cambios.

Cambiar una imagen de banner

Puedes definir un banner predeterminado que se use en toda tu cuenta o personalizarlo para cada área.

Para cambiar tu imagen de banner predeterminada, sigue estos pasos.

Abre el Centro de gestión y haz clic en Branding.

Se abre la página Branding.

En la sección Imágenes de cuenta, haz clic en Editar banner en la imagen Banner predeterminado.

Se abre la ventana Editar banner.

Elige un banner.

Elige uno de los degradados predefinidos o haz clic en Subir para usar tu propia imagen. Puedes subir una imagen PNG, JPEG o WEBP de hasta 5 MB. Mantén los detalles importantes cerca del centro para que no se recorten.

Si subes una imagen, haz clic en Ajustar o Rellenar en la sección Configuración de imagen.

  • Ajustar: Muestra la imagen completa, pero si no llena el banner, es posible que veas espacio vacío a su alrededor. Puedes elegir un Color de fondo para ese espacio vacío.
  • Rellenar: Cubre todo el banner, pero es posible que se recorten los bordes de la imagen.

La Vista previa muestra la imagen con el estilo que elegiste.

Haz clic en Aplicar.

La ventana se cierra y la página muestra tus cambios.

Vuelve a hacer clic en Aplicar.

Tus cambios se guardan y se ven en toda tu cuenta. Las personas que ya iniciaron sesión en Joy verán los cambios cuando actualicen la página o vuelvan a iniciar sesión.

Para personalizar el banner de un área específica, activa esa área en Valores predeterminados de imagen adicionales y sigue los mismos pasos con el banner de esa área.

Para volver rápidamente a un degradado, haz clic en el ícono Restablecer a degradado en el banner.

Obtener una vista previa de tu branding

Usa la Vista previa en vivo para ver cómo se verán tus cambios antes de aplicarlos. Puedes cambiar lo que muestra la vista previa de dos maneras:

  • Claro y Oscuro: Cambia entre el tema claro y el oscuro. Los usuarios pueden elegir cualquiera de los dos temas en Joy, así que comprueba que tus logotipos y colores funcionen bien en ambos.
  • Usuario, Acceso, Recurso y KC: Mira cómo se ve todo en el perfil de un usuario (Usuario), en la página de inicio de sesión (Acceso), en un archivo, FlexDoc o enlace (Recurso) o en el Centro de conocimiento (KC).

Campos y opciones de branding

La página Branding se organiza en tres secciones.

Identidad

  • Nombre de cuenta: El nombre de tu organización. Aparece en la parte superior del menú principal.

  • Logotipo: El logotipo de tu organización. Aparece en la parte superior del menú principal y en la página de inicio de sesión. Puedes subir dos versiones:

    • Claro: El logotipo para el tema claro, que se muestra sobre fondos claros.
    • Oscuro: El logotipo para el tema oscuro, que se muestra sobre fondos oscuros.

    Haz clic en un espacio de logotipo vacío para subir un logotipo, o haz clic en Cambiar para reemplazarlo. Si subes solo una versión, Joy la usa en ambos temas. Para obtener los mejores resultados, usa una imagen cuadrada, idealmente de 512 × 512 píxeles. Puedes subir un archivo PNG, JPEG o WEBP de hasta 1 MB.

Imágenes de cuenta

  • Banner predeterminado: La imagen predeterminada que aparece en la parte superior de las páginas y los paneles de toda tu cuenta.
  • Valores predeterminados de imagen adicionales: Interruptores que definen banners predeterminados distintos para áreas específicas de Joy. Las áreas desactivadas usan el Banner predeterminado.
    • Banners de recursos: La imagen predeterminada que aparece en la parte superior de los archivos, FlexDocs y enlaces. Puedes cambiarla para un recurso concreto, como un archivo o un FlexDoc, en su configuración.
    • Banners de biblioteca y carpetas: La imagen predeterminada que aparece en la parte superior del Centro de conocimiento y de sus carpetas. Puedes cambiarla para una carpeta concreta en su configuración.
    • Página de inicio de sesión: La imagen que aparece en la página de inicio de sesión.
    • Banners de usuario: La imagen predeterminada que aparece en la parte superior de los perfiles de usuario. Puedes cambiarla para un usuario concreto en su configuración.

Colores

  • Primario: El color principal de tu marca. Joy lo usa en toda la aplicación para elementos como botones e interruptores. Para definirlo, usa el selector de color o ingresa un valor hexadecimal. En algunos navegadores también puedes usar el cuentagotas: haz clic en el ícono del cuentagotas y luego haz clic en cualquier parte de la pantalla para tomar ese color.
  • Valores de muestras: Joy genera automáticamente esta paleta de colores a partir de tu color primario.
    • Hex y RGB: Usa el interruptor para ver los códigos de color en cualquiera de los dos formatos, como #5E3099 o rgb(94, 48, 153).
    • automático: Las muestras marcadas como automático se definen automáticamente y no se pueden editar.
    • AA supera o AA no supera: La calificación de accesibilidad de la muestra Primario. Indica si el texto sobre ese color es fácil de leer y en qué medida el color cumple las Pautas de Accesibilidad para el Contenido Web (WCAG) en cuanto a contraste y legibilidad.
  • Vista previa del degradado del banner: Una vista previa del degradado que Joy crea a partir de tu color primario. Joy usa este degradado en cualquier banner al que no le hayas asignado un degradado predefinido ni tu propia imagen.