¿Cómo funciona la Identidad visual en Jimani?

Respuesta

En Identidad visual configuras en un solo lugar el logotipo, los ocho colores, el redondeo de esquinas y el tipo de letra de tu negocio. Tus widgets usan esta identidad visual, salvo que en un widget elijas colores propios. A la derecha ves una Vista previa de tu Sitio web, Widget, Correo y Ticket.

Dónde encontrarlo

Ajustes > Tu negocio > Identidad visual (/Huisstijl)

Explicación

Primero cambia algo y mira después la vista previa de la derecha; solo con Guardar (abajo a la derecha) lo dejas fijado. Puedes empezar con una identidad visual ya preparada, o dejar que se recojan los colores y las letras de tu propio sitio web. Jimani comprueba entonces que los colores se lean bien según WCAG 2.1 AA. Hay una guía paso a paso aparte en ¿Cómo configuro mi logotipo, mis colores y mi tipo de letra?.

Botones y ajustes

Nombre	Qué hace	Cuándo lo usas	Atención
Elige un estilo	Treinta identidades visuales ya preparadas, por ejemplo Bistró cálido, Verde fresco, Negro y oro, Mar, Pastel y Noche. Un toque rellena los ocho colores, el redondeo de esquinas y el tipo de letra.	Si quieres un estilo cuidado rápido.	Guardar lo haces tú; la vista previa de la derecha cambia al instante.
Logotipo / Elegir logo	Sube tu logotipo (png, jpg, webp o gif, máximo 5 MB). Es el mismo logotipo que en los datos de tu empresa: lo ves en tus widgets, correos y tickets.	Una sola vez, o si tu logotipo cambia.	El logotipo se guarda al instante. Pone "Aún no hay logo." mientras no haya ninguno.
De tu web: Sitio web	La dirección de tu sitio web, por ejemplo www.tunegocio.com.	Para Obtener de mi web.	El campo viene rellenado con la dirección del sitio web de los datos de tu empresa.
Obtener de mi web	Lee los colores y las letras de tu sitio web y crea con ellos una identidad visual legible.	Si ya tienes un sitio web con un estilo propio.	Consume crédito de IA. Primero ves el resultado en la vista previa. Si Jimani no encuentra colores utilizables, salen de tu logotipo o recibes un estándar cuidado para tu tipo de negocio.
Color principal	El color de los botones, la fecha y la hora elegidas, y los acentos.	Siempre, es tu color de marca más importante.	Un cuadro de color con el código (por ejemplo #8C2F1B) al lado.
Texto sobre el color principal	El texto y los iconos sobre un botón del color principal.	Normalmente blanco o negro.	-
Fondo	El fondo de las pantallas.	-	-
Tarjeta	Cuadros, tarjetas y campos de entrada sobre ese fondo.	-	-
Texto	Títulos y texto normal.	-	-
Borde	Bordes y líneas de separación.	-	-
Desactivado	Lo que (todavía) no se puede elegir.	-	WCAG no exige aquí ningún contraste.
Error	Mensajes de error y un campo mal rellenado.	-	-
Redondeo de esquinas	Lo redondas que son las esquinas de botones y cuadros, en píxeles (0 es recto, como máximo 24).	Para un estilo marcado o, al contrario, suave.	Con los botones menos y más o escribiendo.
Tipo de letra	Elige un tipo de letra de una lista.	-	Solo letras que funcionan en cualquier dispositivo y no se descargan de Google.
Hacer legible	Aparece si una pareja de colores tiene poco contraste (con "contraste x:1, necesario y:1"). Jimani propone entonces un color ("Propuesta: ...").	En cuanto haya un aviso.	Si todo está bien, ves "Todos los colores se leen bien (WCAG AA)."
Vista previa	A la derecha, una elección entre Sitio web, Widget, Correo y Ticket.	Para ver dónde reaparece la identidad visual.	La vista previa cambia con cada modificación, también antes de Guardar.
Sitio web	Vista previa de la cabecera de tu sitio con el menú (Carta, Sobre nosotros, Contacto) y la portada con un botón.	-	-
Widget	Vista previa de un widget de reservas con horas, un campo con mensaje de error y el botón Reservar.	-	-
Correo	Vista previa de un correo de confirmación: una tarjeta con una franja del color principal, el logotipo (o el nombre) encima.	-	-
Ticket	Vista previa de un ticket de caja: logotipo en tonos de gris y nombre de tu negocio.	-	Una impresora de tickets imprime en blanco y negro, así que los colores de marca no salen en el ticket.
Aplicar a todos los widgets	Vuelve a poner en la identidad visual los widgets con colores propios.	Si quieres dar a todos los widgets el mismo estilo.	Primero recibes la pregunta "¿Hacer que todos los widgets sigan la identidad visual?" con Sí y No. Los colores propios de los widgets se conservan pero ya no se usan; por widget puedes volver a elegir colores propios más adelante. Solo se ve si uno o más widgets tienen colores propios.
Anterior / Guardar	Anterior vuelve a Ajustes; Guardar conserva la identidad visual.	Guardar tras cada serie de cambios.	Ves "Guardado" cuando ha ido bien.

Mensajes

Aviso	Qué significa	Qué haces
{0} widget(s) aún usan colores propios y no siguen esta identidad visual.	Uno o más widgets tienen en Cambiar de color la opción Colores propios en Sí.	Elige Aplicar a todos los widgets, o déjalos así.
Los colores de tu sitio web están listos. Revisa la vista previa y elige Guardar.	Obtener de mi web ha funcionado.	Comprueba la vista previa y elige Guardar.
En tu sitio web no encontramos colores utilizables. Los colores ahora salen de tu logotipo. Revisa la vista previa y elige Guardar.	El sitio web no dio colores utilizables.	Comprueba la vista previa y elige Guardar, o elige tú los colores.
Solo una imagen (png, jpg, gif o webp) de como máximo 5 MB.	El logotipo no es una imagen o es demasiado grande.	Elige otro archivo.
No se ha podido guardar. Inténtalo de nuevo.	El guardado ha fallado.	Inténtalo de nuevo.

Artículos relacionados

¿Cómo configuro mi logotipo, mis colores y mi tipo de letra?, ¿Cómo funciona Mi sitio web en Jimani?, ¿Es accesible el widget de Jimani para personas con discapacidad?

Palabras clave: identidad visual, logotipo, colores, tipo de letra, colores de marca, redondeo de esquinas, obtener de mi web, colores del widget

Última revisión: 2026-10-16

Traducido de la base de conocimientos en neerlandés; prevalece la versión neerlandesa.