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
- Accede a Configuración → Marca y Estilos.
- Sube el logotipo oficial de tu negocio.
- 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.