Personalización visual
Tres colores principales, un logo y listo: Palladium es intencionalmente minimalista para seguir siendo legible y accesible.
Bandera
- Fondo del banner — color del modal.
- Texto — título, descripción, etiquetas de categorías.
- Botón aceptar — color de fondo del botón primario. El texto del botón se ajusta automáticamente (negro o blanco) según la luminosidad de tu color, para garantizar una relación WCAG AA.
Contraste automático: si tu color de botón es demasiado claro, Palladium cambia la etiqueta a negro. Ves este comportamiento en vivo en el editor, a la derecha de cada campo de color (insignia AA / Fail).
Logo
Dos opciones:
- Pegar una URL alojada en tu CDN (ideal en producción).
- Subir un archivo — convertido en
data:image/...;base64,...y almacenado en la base. Limitado a 200 KB.
Formatos aceptados: PNG, JPG, SVG, WebP. El logo se renderiza a max-height:36px / max-width:140px en el banner.
Empujar más
Para modificaciones avanzadas (estructura HTML, animaciones, fuentes), bifurca palladium.js y alójalo bajo tu dominio. La estructura del archivo está documentada en comentarios en la parte superior del script.