1. Extracción de paleta para landing page de campaña
Diseñador Web UIContexto
Un diseñador necesita crear una landing page basada en la imagen principal de campaña que el cliente subió a su servidor temporal.
Problema
Extraer los colores exactos de la imagen remota y generar las variables CSS y Tailwind sin descargar ni procesar manualmente el archivo.
Cómo usarlo
Introduce la URL de la imagen de campaña en el campo 'imageUrl', define el tamaño de la paleta en 6 y asigna el nombre 'campana-hero' al paquete.
{
"imageUrl": "https://example.com/campana-hero.jpg",
"paletteSize": 6,
"exportPackageName": "campana-hero"
}Resultado
Se genera una vista previa de los 6 colores dominantes con sus relaciones de contraste y un paquete descargable con los archivos CSS, Tailwind y JSON listos para integrar.