Personaliza tu marca

Las superficies orientadas al cliente de Jonot — la pantalla de la cola, el quiosco y la página de turno del cliente en su propio teléfono — se pueden retematizar para que coincidan con la marca de tu organización en lugar del aspecto predeterminado de Jonot. La marca se aplica por organización y se propaga en vivo a cada dispositivo emparejado sin necesidad de un nuevo despliegue.

El siguiente clip muestra las mismas tres superficies alternando entre varias identidades de marca distintas — el logotipo, los colores, las tipografías y el radio de esquina cambian todos a la vez, mientras el producto subyacente permanece exactamente igual.

Qué puedes personalizar

Abre Ajustes → Marca en el panel de administración:

Logotipo — una URL de imagen alojada. Aparece en el pie de la página de turno del cliente y del quiosco, y —en la pantalla— encima del encabezado “Ahora atendiendo”.
Tamaño del logotipo — un multiplicador de tamaño (0,8–1,6×, 1,0 por defecto) que agranda o reduce tu logotipo en las pantallas de cliente, quiosco y pantalla de cola.
Colores primario y secundario — los dos colores centrales de marca usados en botones, encabezados y acentos.
Color de acento — un color de apoyo para resaltados secundarios.
Color del destello de llamada — el color del destello a pantalla completa que muestra la pantalla cuando se llama a un turno (consulta Sonidos de notificación para el comportamiento del propio destello).
Colores de texto, fondo, superficie y borde — el resto de la paleta que mantiene cada pantalla legible frente a los colores de marca elegidos.
Radio de las esquinas — de nítido (0) a totalmente redondeado, aplicado de forma coherente a tarjetas, botones y paneles.
Tipografías de la marca — una pila de hasta tres tipografías, cada una servida por Google Fonts, aplicadas en orden de reserva: la primera tipografía es la principal, y las siguientes cubren los caracteres que a las anteriores les falten. Reordena la pila con los controles de subir/bajar, y asigna a cualquier tipografía un filtro opcional de sistema de escritura (latino, griego, japonés, coreano, chino, …) para acotar el selector a tipografías que cubran los sistemas de escritura que necesitan tus idiomas activados. Un indicador de cobertura señala cualquier sistema de escritura que tus tipografías elegidas no cubran. Deja la pila vacía para volver a la predeterminada de Jonot (Inter). Cada tipografía se carga bajo demanda para las superficies que la necesitan.
Escala tipográfica — un multiplicador de tamaño (0,85–1,5×) para organizaciones que quieran texto más grande o más compacto en todas partes.

El panel de administración muestra una vista previa en vivo de las pantallas de pantalla de cola, quiosco y turno del cliente mientras editas, para que veas el efecto de cada cambio antes de guardar.

Subir tu logotipo

Jonot renderiza exactamente lo que subes — no hay recorte ni relleno automático. Si quieres margen de respiro alrededor de tu marca, incorpora ese espacio en el propio archivo de imagen.

Fondo transparente. Un logotipo con un fondo sólido mostrará ese fondo como un recuadro en cada superficie.
Los diseños horizontales o cuadrados funcionan mejor. Un logotipo ancho, apaisado — o una marca cuadrada — se escala limpiamente en el pie de página y en el hero de la pantalla. Evita diseños muy altos y verticales; se reducirán a una franja estrecha para caber en el ancho disponible.
Formato: PNG, JPEG o WebP. Las subidas en SVG se rechazan.
Tamaño: 1 MB como máximo.
Resolución: al menos 400×160 px (o la proporción equivalente para una marca cuadrada) para que el logotipo se mantenga nítido en los tamaños mayores que permite el control de tamaño del logotipo.

Usa el control Tamaño del logotipo (0,8–1,6×, 1,0 por defecto) para ajustar cuán grande aparece tu logotipo una vez subido — la vista previa en vivo refleja el cambio de inmediato.

Cómo se propagan los cambios

Los cambios de marca guardados se envían a cada pantalla, quiosco y página de turno de cliente abierta de tu organización que estén emparejados, a través del mismo canal en vivo usado para las actualizaciones de la cola — no hay caché que borrar ni actualización de app que esperar. Un cliente con una página de turno ya abierta ve el nuevo aspecto aplicado sin recargar.

Alcance para toda la organización

La marca se establece a nivel de organización y se aplica a todas las ubicaciones. Actualmente no existe una anulación por ubicación — todas las ubicaciones de una organización comparten una única identidad de marca.

Guías relacionadas

Personaliza la pantalla — anulaciones de texto de la pantalla y el destello de aviso de llamada.
Sonidos de notificación — el color del destello de aviso de llamada vive en la misma página de ajustes de marca.