Cómo establecer tu color de marca en una tarjeta Wallet Loyalty
El color de marca es lo segundo más visible de tu tarjeta de fidelización tras el logo. Determina el fondo del pass en Apple Wallet y la franja hero en Google Wallet, así que elegir un color que contraste con texto blanco es crítico.
Dónde cambiar el color de marca
Abre Más -> Branding en la app de comerciante. Bajo la subida de logo encontrarás el selector de color. Introduce un valor hex (ej. #2C8A4A) o usa la UI del picker. La vista previa se actualiza en vivo.
Cómo se usa el color en cada plataforma
Apple Wallet
Tu color se convierte en todo el fondo del pass. Los sellos se renderizan como círculos llenos y vacíos por encima.
Google Wallet
Tu color se convierte en la franja hero detrás del logo en la parte superior de la tarjeta. El cuerpo del pass es blanco.
Elegir un color que funcione
- Los colores medio-oscuros (luminosidad HSL 30-50%) se leen mejor porque el texto del pass es blanco.
- Evita amarillos pastel y verdes pálidos — los círculos blancos de los sellos desaparecen.
- Colores de marca de alta saturación (verde profundo, azul marino, burdeos, marrón espresso) se ven bien en fotos de marketing.
Actualizar el color
Cámbialo cuando quieras. Todos los passes existentes se actualizan vía wallet push. Prueba el nuevo color en un teléfono antes de anunciar un rebranding.
Preguntas frecuentes
¿Puedo tener colores diferentes por ubicación?
No. El color de marca es a nivel de tienda para que los clientes vean la misma tarjeta independientemente de la ubicación.
¿Por qué mi color elegido se ve un poco diferente en iPhone vs Android?
Ambas wallets aplican pequeños ajustes de legibilidad (contraste de texto, modo oscuro). El hex que estableces es la fuente; pequeñas variaciones visuales son normales.