Inicio
Iniciar sesión

Personalización Visual y Marca

Cómo personalizar el logotipo, la paleta cromática con contraste accesible WCAG y el estilo de layout de tu tienda web.

Personalización Visual y Marca 🎨

En la pestaña Marca y Estilos (/admin/business) puedes personalizar la estética visual de tu tienda digital para que refleje fielmente la imagen de tu negocio.


1. Cargar el Logotipo

  1. Accede a ConfiguraciónMarca y Estilos.
  2. Sube el logotipo oficial de tu negocio.
  3. Se recomienda un archivo en formato PNG o SVG con fondo transparente y buena resolución para que se vea nítido en pantallas móviles de alta densidad.

2. Paleta de Colores y Verificación WCAG

Puedes personalizar los tonos principales de tu interfaz:

  • Color de Marca (Acento): El tono distintivo que se aplicará a botones de acción, destacados y badges.
  • Validación de Contraste Automática: FlowWap evalúa en tiempo real que las combinaciones de color cumplan con los estándares internacionales de accesibilidad WCAG AA (ratio mínimo de 4.5:1).
  • Botón Auto-corregir: Si tu color seleccionado tiene poco contraste sobre fondos oscuros o claros, puedes presionar Auto-corregir para que el sistema ajuste suavemente la luminosidad sin perder tu tonalidad corporativa.

3. Selector de Layouts y Estilos

Elige la disposición visual que mejor se adapte al tipo de productos que comercializas:

  • Classic: Diseño equilibrado para todo tipo de tiendas y comercios minoristas.
  • Bold: Elementos visuales destacados con bordes redondeados y tarjetas amplias.
  • Minimal: Enfoque sobrio y elegante con tipografías limpias.
  • Premium: Acabados oscuros de lujo con acentos dorados o metalizados.
  • Brutalist: Estilo contemporáneo con alto contraste, bordes gruesos y tipografías industriales.

💡 Consejo para tu Negocio

Usa el visor interactivo para comprobar cómo se verá tu catálogo tanto en modo claro como en modo oscuro antes de guardar tus cambios.