Vector, Harbor y Plaza conservan sus nombres, identificadores y temas de checkout.
Solo sus iconos usan los SVG suministrados en branding/new-icons/.
| Pasarela | Fuente suministrada | Checkout | Consola |
|---|---|---|---|
| Vector (compatibilidad con Stripe) | branding/new-icons/selfhst--stripe.svg |
apps/checkout/providers/vector/logo.svg |
apps/console/app/assets/images/gateways/vector.svg |
| Harbor (compatibilidad con PayPal) | branding/new-icons/uim--paypal.svg |
apps/checkout/providers/harbor/logo.svg |
apps/console/app/assets/images/gateways/harbor.svg |
| Plaza (compatibilidad con Mercado Pago) | branding/new-icons/thesvg-color--mercado-pago.svg |
apps/checkout/providers/plaza/logo.svg |
apps/console/app/assets/images/gateways/plaza.svg |
#Contrato de assets
- Conservar el dibujo, los colores y las proporciones de los SVG suministrados.
- Cada aplicación mantiene una copia local idéntica; ninguna importa recursos de la otra.
- Renderizar los iconos mediante una imagen y mantener el nombre en texto HTML al lado.
- Las imágenes decorativas usan
alt=""cuando el texto adyacente identifica la pasarela. - Conservar los nombres, ids, rutas, temas y comportamiento de las pasarelas.
- Verificar iconos pequeños y grandes en fondos claros/oscuros y en móvil.
npm run brand:checkcompara las copias con las fuentes suministradas y protege los nombres y namespaces independientes del runtime.
#Arte anterior
Los paquetes PNG bajo branding/vector/, branding/harbor/ y branding/plaza/
se conservan como referencia histórica. Ya no son los iconos del runtime.