Personaliza tu marca

Puedes adaptar la pantalla de la cola, el quiosco y la página del turno a la marca de tu organización. La marca se aplica a toda la organización. Los cambios llegan en tiempo real a cada dispositivo emparejado sin volver a desplegar las apps.

El siguiente vídeo muestra las tres apps con distintas marcas. El logotipo, los colores, las tipografías y las esquinas cambian al mismo tiempo, pero el producto funciona 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 — se usa para estados al pasar el cursor y anillos de enfoque interactivos.
Color de resaltado — se usa para iconos, etiquetas y estados, nunca para botones ni enlaces.
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 cuando alguna de las apps la necesita.
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 muestra la imagen tal como la subes, sin recortarla ni añadir espacio. Si quieres dejar margen alrededor del logotipo, inclúyelo en el archivo.

Fondo transparente. Un logotipo con un fondo sólido mostrará ese fondo como un recuadro en cada app.
Los diseños horizontales o cuadrados funcionan mejor. Un logotipo ancho o cuadrado se adapta bien al pie de página y al encabezado principal de la pantalla. Evita los diseños muy altos: se reducirán mucho 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.