Marca de Inicio de Sesión y Dominios Personalizados

Cada tenant puede personalizar completamente la página de inicio de sesión empresarial que ven sus usuarios — logotipo, colores, fondo, título y texto de apoyo, y los destacados de funcionalidades — y servirla en un dominio personalizado. Cuando un usuario abre el dominio personalizado del tenant, la página de inicio de sesión carga automáticamente la marca de ese tenant.

Cómo funciona

La página de inicio de sesión resuelve la marca por nombre de host. Cuando una solicitud llega al dominio personalizado configurado de un tenant, Beak lo asocia con el tenant y aplica la marca de ese tenant, superpuesta sobre el valor predeterminado de la plataforma para cualquier campo que quede en blanco. Sin un dominio coincidente, se muestra la marca predeterminada de la plataforma.

La marca de un tenant se compone de dos capas, donde el valor más específico tiene prioridad:

1. El valor predeterminado de la plataforma (la línea base que hereda cada tenant)
2. Las anulaciones de marca propias del tenant

Esto significa que solo se configura lo que difiere del valor predeterminado — todo lo demás cae hacia una línea base razonable.

Configurar la marca

1. Inicie sesión en la consola de administración y abra Branding.
2. Elija el alcance:
   • Los administradores de plataforma pueden editar el valor predeterminado de la plataforma (se aplica a cada tenant que no ha anulado un campo) o cualquier tenant individual.
   • Los administradores de tenant editan únicamente su propio tenant.
3. Edite cualquiera de los campos a continuación. Una vista previa en vivo de la página de inicio de sesión se actualiza mientras escribe.
4. Haga clic en Save.

La vista previa es la propia página de inicio de sesión, renderizada al tamaño de una ventana de escritorio y escalada para que quepa junto al editor — no es una aproximación. Lo que ve es lo que obtienen sus usuarios, hasta el tipo de letra, el espaciado y los colores. Use el interruptor Light / Dark sobre ella para verificar la tarjeta de inicio de sesión en ambos modos; la franja sobre la vista previa muestra la pestaña del navegador, para que pueda confirmar su favicon y el nombre de la plataforma allí también.

Campos personalizables

Área	Qué puede configurar
Identidad	Nombre de la plataforma, una palabra destacada dentro de él (con su propio color), eslogan, etiqueta de versión, favicon en la pestaña del navegador — consulte Nombre de la plataforma y destacado
Logotipos	Dos cargas (PNG/SVG): un logotipo para fondo oscuro para el panel de inicio de sesión, y un logotipo para fondo claro para la tarjeta de inicio de sesión en modo claro — consulte Dónde aparece su marca después de iniciar sesión
Tipografía	Una fuente de texto aplicada a cada fragmento de texto en la página de inicio de sesión — consulte Fuente de texto
Hero	Título principal, una frase destacada dentro de él (con su propio color) y un subtítulo de apoyo
Tarjeta de inicio de sesión	Título y subtítulo de bienvenida
Fondo	Un degradado de dos paradas (colores de inicio/fin), opcionalmente superpuesto con una imagen de fondo completa o un video de fondo, con transparencia ajustable — consulte Transparencia del fondo
Colores	Color de énfasis/primario, color de texto, color de texto secundario
Destacados de funcionalidades	Cualquier número de tarjetas hasta seis — consulte Tarjetas de destacados de funcionalidades
Métodos de inicio de sesión	Activar/desactivar contraseña, SSO y opciones de inicio de sesión social
Enlaces	URLs de términos y privacidad, mostradas debajo de la tarjeta de inicio de sesión — consulte Enlaces de términos y privacidad

Las imágenes se pueden cargar directamente (almacenadas en línea) o referenciar por URL. Las cargas están limitadas a 2 MB; se admiten PNG, SVG, JPEG e ICO. Los videos de fondo están limitados a 8 MB; se admiten MP4, WebM, OGG y MOV.

Consejo: Deje un campo en blanco para heredar el valor predeterminado de la plataforma. Guardar un campo vacío no deja en blanco la página de inicio de sesión — recurre al valor predeterminado. Las tarjetas de destacados de funcionalidades son la excepción: son una lista a la que se agregan y elimina elementos, por lo que una lista vacía realmente significa "sin tarjetas".

Tarjetas de destacados de funcionalidades

Los destacados de funcionalidades son las tarjetas apiladas debajo del título principal en el panel de inicio de sesión. Son una lista — agregue tarjetas, elimínelas y edite cada una de forma independiente.

En Branding > Feature Highlights:

• Add Feature añade una nueva tarjeta en blanco. Puede tener hasta seis; el botón se deshabilita al alcanzar el límite.
• Remove elimina esa tarjeta. Se permite eliminar todas las tarjetas — el panel de inicio de sesión muestra entonces solo el título y el subtítulo.
• Cada tarjeta tiene un Icon, un Title y una Description. Elija el icono de la lista (soporte, seguridad, nube, automatización, etc.); se muestra junto al título de la tarjeta en la página de inicio de sesión.

La vista previa en vivo se actualiza mientras edita, por lo que la lista de tarjetas que ve es exactamente lo que obtendrán los usuarios.

Nota: Dejar en blanco el título de una tarjeta no la elimina — use Remove. Una tarjeta que no tiene ni título ni descripción se omite cuando se renderiza la página de inicio de sesión.

Los tenants que nunca han editado sus tarjetas de funcionalidades siguen mostrando los cuatro destacados predeterminados. La primera vez que agregue, elimine o edite una tarjeta, los cuatro actuales se capturan como su lista de inicio, por lo que no se pierde nada.

Las dos líneas de una tarjeta toman su color de su paleta, no de uno fijo:

• Title — usa el Text Color que establezca en Background.
• Description — usa el Secondary Text Color.

Configure ambos para que las tarjetas permanezcan legibles sobre su fondo.

---

Nombre de la plataforma y destacado

Platform Name se muestra en el panel de inicio de sesión debajo de su logotipo, encima del eslogan. Highlighted Text tiñe parte de él en Highlighted Color — introduzca una subcadena del nombre de la plataforma exactamente como aparece, incluidas las mayúsculas; una frase que no coincida deja el nombre en un solo color.

Deje Platform Name en blanco y no se dibuja ningún nombre — el panel muestra solo su logotipo y eslogan. El nombre sigue estableciendo el título de la pestaña del navegador de cualquier manera.

Fuente de texto

Branding > Platform Identity > Text Font establece una tipografía para toda la página de inicio de sesión — el título, las tarjetas de funcionalidades, la tarjeta de inicio de sesión y el pie de página la siguen. Elija de la lista proporcionada; la vista previa en vivo se vuelve a renderizar con la fuente seleccionada para que pueda comparar antes de guardar. Dejarlo sin establecer conserva el valor predeterminado (Inter).

Transparencia del fondo

El degradado siempre se pinta primero. Una imagen o video de fondo, cuando se carga uno, se sitúa sobre él — por lo tanto, Background Transparency controla cuánto del degradado se ve a través:

• 100% — solo la imagen o el video, como antes.
• Valores más bajos — el contenido multimedia se mezcla con los colores de su degradado.
• 0% — solo el degradado.

El control deslizante está deshabilitado hasta que se carga una imagen o video. Una imagen y un video son mutuamente excluyentes: elimine uno para cargar el otro.

Nota: Un video de fondo se descarga en cada visita a la página de inicio de sesión, por lo que un archivo grande ralentiza la primera carga (caché fría). Manténgalo tan pequeño como lo permita el diseño.

Enlaces de términos y privacidad

Terms URL y Privacy URL se renderizan como Terms of Service y Privacy Policy debajo de la tarjeta de inicio de sesión. Configure uno, ambos o ninguno — cada uno aparece de forma independiente y no se muestra nada cuando ambos están en blanco.

Cada uno debe ser una dirección https:// o una ruta en el propio dominio de inicio de sesión (por ejemplo, /privacy-policy). Cualquier otro valor — incluido http:// sin cifrar — se ignora y no se dibuja ningún enlace, porque la página de inicio de sesión se sirve antes de que un usuario haya iniciado sesión.

---

Establecer un dominio personalizado

1. Abra el tenant (Platform Administration > Tenants) o use el asistente de configuración del tenant.
2. En el campo Custom Domain, introduzca el dominio completamente calificado (p. ej., login.acme.com).
3. Guarde. Beak muestra el destino CNAME al que debe apuntar su dominio.
4. Cree un registro CNAME en su proveedor de DNS apuntando su dominio personalizado al destino mostrado.
5. Una vez que el DNS se propague y se emita el certificado, el estado SSL del dominio cambia de Pending a Active.

Cuando los usuarios visiten el dominio personalizado, la página de inicio de sesión se carga automáticamente con la marca de ese tenant — no se requiere configuración adicional.

Inicio de sesión en un dominio personalizado

Un dominio personalizado es la puerta de entrada de una organización, por lo que la página de inicio de sesión lo trata como tal. Cuando alguien introduce su dirección de correo electrónico allí, Beak la busca únicamente dentro del tenant propietario del dominio:

• Sin selector de organización. En la página de inicio de sesión compartida de Beak, a una dirección que pertenece a más de un tenant se le pregunta a cuál iniciar sesión. En un dominio personalizado esa pregunta ya está respondida por el dominio en sí, por lo que el usuario va directamente a su contraseña o proveedor SSO.
• Otros tenants nunca se listan. Una persona que también tiene una cuenta en otro lugar en Beak no ve ningún rastro de ella aquí. Su página de inicio de sesión nunca revela dónde más está registrada esa dirección.
• Una dirección sin cuenta en este tenant no puede iniciar sesión aquí. La página indica que no se encontró ninguna cuenta, en lugar de ofrecer un tenant diferente. Los usuarios con cuentas en varios tenants acceden a cada uno a través de su propio dominio, o a través de la página de inicio de sesión compartida de Beak.

Esto se aplica a un dominio establecido en una empresa así como a uno establecido en un tenant — el dominio de una empresa se resuelve al tenant que es propietario de la empresa.

Nota: La página de inicio de sesión compartida de la plataforma no cambia. Sigue preguntando a qué organización iniciar sesión cuando una dirección pertenece a más de una, porque ningún dominio ha tomado esa decisión allí.

Cómo se direccionan las aplicaciones en un dominio personalizado

Un dominio personalizado hace más que personalizar la marca de la página de inicio de sesión: las aplicaciones lo siguen automáticamente. No hay nada que configurar por aplicación.

Cada aplicación de Beak se sirve como una ruta — /aistudio/, /aihub/, /itsm/ — por lo que un único nombre de host lleva toda la cartera. Establecer el dominio una vez mueve cada producto a él:

	Beak AI Studio	Beak Hub
Predeterminado de la plataforma	https://platform.beakops.com/aistudio/	https://platform.beakops.com/aihub/
Con beak.acme.com	https://beak.acme.com/aistudio/	https://beak.acme.com/aihub/

Solo el host cambia. Cada aplicación conserva la ruta que la identifica, que es lo que permite que un dominio las sirva a todas — y es por eso que no se necesita ninguna configuración por aplicación.

Qué dominio usa una aplicación

Beak elige el dominio más específico disponible para la persona que inicia sesión:

• El dominio de la empresa — el custom_domain en la empresa del usuario, si tiene uno. Cuando un tenant tiene varias empresas en diferentes dominios, los usuarios de cada empresa obtienen el suyo propio.
• El dominio del tenant — se usa cuando la empresa no tiene un dominio propio.
• El host de la plataforma — se usa cuando no hay ninguno establecido. Este es el valor predeterminado para la mayoría de los tenants, y nada cambia para ellos.

Dado que la empresa es una propiedad del usuario, dos personas en el mismo tenant pueden ser enviadas a dominios diferentes — cada una al que es propietario su propia empresa.

El cierre de sesión regresa al mismo dominio

Cerrar sesión en cualquier producto sigue el mismo orden. Alguien que inició sesión en el dominio de su empresa es devuelto a esa página de inicio de sesión, no a la del tenant ni a la propia del producto — por lo que la marca con la que llegó es la marca con la que se va.

Los productos deciden adónde enviar a un usuario al cerrar sesión a partir de un valor que Beak devuelve con la respuesta de cierre de sesión, en lugar de una lista de hosts integrada en el producto. Eso es lo que permite que un dominio de su propiedad funcione aquí: el conjunto de destinos válidos es por cliente, por lo que ningún producto podría reconocer el suyo de antemano.

Nota: Un producto debe ser suficientemente nuevo para leer ese valor. Uno más antiguo recurre a su propia página de cierre de sesión, que es el comportamiento que tiene hoy — nada se rompe, el usuario simplemente llega a un lugar con menos personalización de marca.

Aplicaciones que conservan su propio nombre de host

Algunos productos se sirven en la raíz de un nombre de host propio en lugar de bajo una ruta — Beak ELM, Beak FinOps y Beak M365 Lite. No tienen ruta que los distinga, y la raíz de un dominio personalizado ya es la página de inicio de sesión, por lo que estos conservan su propia dirección en cada tenant. No se ven afectados por un dominio personalizado.

Nota: Un dominio personalizado cambia únicamente el enlace. El dominio también debe enrutar las rutas de las aplicaciones, exactamente como lo hace el host de la plataforma. Hasta que ese enrutamiento esté en su lugar, la dirección se resuelve a la página de inicio de sesión en lugar de a la aplicación — el enlace parece funcionar, pero se sirve la página incorrecta. Confirme que una aplicación se abre en el dominio antes de implementarlo para los usuarios.

Dónde aparece su marca después de iniciar sesión

La personalización de marca no se detiene en la página de inicio de sesión.

• La tarjeta de inicio de sesión lleva su logotipo. La tarjeta en sí muestra el logotipo en cada tamaño de pantalla, elegido para adaptarse a la superficie clara u oscura propia de la tarjeta. Ambas variantes se establecen en Branding > Custom Logos: el logotipo para fondo claro se usa en la tarjeta en modo claro, el logotipo para fondo oscuro en el panel de inicio de sesión y en la tarjeta en modo oscuro. Cargue ambos para que la marca permanezca legible de cualquier manera — con solo uno cargado, ese se usa en ambas superficies, y sin ninguno se muestra el logotipo predeterminado de Beak.
• El selector de módulo nombra su empresa. Después de iniciar sesión, el encabezado en la pantalla de selección de módulo etiqueta la sesión con la empresa propietaria del dominio desde el que llegó el usuario — la misma empresa cuyo logotipo y colores están viendo. Cuando un dominio no está vinculado a una empresa, se muestra en su lugar el nombre del tenant.

Botones de inicio de sesión en un dominio de empresa

El nombre de host que selecciona la marca de una empresa también selecciona los proveedores de identidad ofrecidos en su tarjeta de inicio de sesión. Cuando una empresa tiene su propio SSO configurado, sus usuarios obtienen un botón Continue with … y nunca escriben una dirección de correo electrónico ni una contraseña. Consulte SSO de Empresa y Botones de Inicio de Sesión.

Notas

• La personalización de marca se aplica a la página de inicio de sesión empresarial; el inicio de sesión de la consola de administración usa la misma configuración de identidad predeterminada de la plataforma.
• El CSS personalizado no se sirve a la página de inicio de sesión pública (está intencionalmente excluido por seguridad).
• Los cambios se recogen en la próxima carga de página; la respuesta de marca pública se almacena en caché brevemente (aproximadamente un minuto) en el edge.