Tutorial: Cómo personalizar la identidad visual de tu MicroSitio en biio
La sección Diseño General es el lugar donde puedes definir la identidad visual de tu MicroSitio biio. Aquí podrás ajustar colores, agregar tu logo, configurar una imagen de fondo y personalizar detalles gráficos que harán que tu MicroSitio represente correctamente tu empresa, emprendimiento o marca personal.
Un MicroSitio bien configurado transmite más profesionalismo, confianza y coherencia visual, algo clave cuando un cliente visita tu perfil.
1. Configuración de colores 🎨
En esta sección puedes definir los colores principales de tu MicroSitio. La recomendación general es usar colores que combinen con tu logo. Regla simple: menos es más. Pocos colores bien elegidos generan mejores resultados.
Color Principal (Bordes / Links)
Se utiliza en elementos destacados como:
- bordes
- enlaces
- detalles visuales importantes
Recomendación: usar el color principal de tu marca.
Color Header (Fondo)
Corresponde a la parte superior del MicroSitio, donde aparece el encabezado junto al logo.
Elegí un color que mantenga equilibrio con tu identidad visual.
Color Fondo Página
Define el fondo general del MicroSitio.
Puede ser claro para una apariencia limpia o más oscuro para un estilo elegante.
Color Texto Principal
Define el color del texto.
Debe tener buen contraste con el fondo para asegurar legibilidad.
Color Texto Botón
Controla el color del texto dentro de los botones, por ejemplo:
- Llamar
- Ver promoción
- Contactar
Un buen contraste mejora la visibilidad y el uso.
Color Sombra Botón
Agrega una sombra debajo de los botones.
Este detalle ayuda a destacarlos y aumentar los clics.
2. Logo e imagen de fondo 🖼️
Además de los colores, puedes sumar elementos visuales que refuercen la identidad de tu marca.
Cómo subir tus imágenes
- Subí tu imagen a: https://www.image2url.com/es/file-to-url
- Copiá el enlace generado
- Pegalo en el campo correspondiente dentro de biio
Logo URL
Aquí debes pegar el enlace de tu logo.
Recomendaciones:
- formato PNG
- fondo transparente (preferentemente)
- buena calidad
El logo aparecerá en la parte superior del MicroSitio y facilitará el reconocimiento de tu marca.
Icono de Pestaña (Favicon)
Es el pequeño icono que aparece en la pestaña del navegador.
Aunque es un detalle menor, aporta profesionalismo.
Imagen de Fondo
Permite agregar una imagen en la parte superior del MicroSitio.
Es opcional, pero suma presencia visual.
Puedes usar:
- foto de tu negocio
- imagen representativa del servicio
- fondo corporativo
Altura del Fondo
Define qué tan alto será el espacio de la imagen.
Ejemplos:
100vh: ocupa toda la pantalla del celular- valores más bajos: diseño más compacto
Resultado final
Una vez guardados los cambios, tu MicroSitio biio tendrá una identidad visual completamente personalizada.
Esto permite que tu perfil:
- se vea más profesional
- represente mejor tu marca
- genere mayor confianza
Una buena identidad visual hace que tu MicroSitio no sea solo un contacto, sino una verdadera presentación digital de tu negocio.




Comentarios
Publicar un comentario