1. Extração de paleta para tema Tailwind
Desenvolvedor Front-endContexto
Um desenvolvedor precisa aplicar a identidade visual de uma nova campanha de marketing, cuja imagem principal está hospedada no servidor de mídia da empresa.
Problema
Extrair as cores dominantes da imagem e convertê-las manualmente em variáveis do Tailwind CSS consome muito tempo.
Como usar
Insere a URL da imagem da campanha no campo de entrada, define o tamanho da paleta como 6 e define o nome do pacote como 'campanha-verao'.
{
"imageUrl": "https://exemplo.com/campanha-verao.jpg",
"paletteSize": 6,
"exportPackageName": "campanha-verao"
}Resultado
O desenvolvedor obtém a visualização das cores, as taxas de contraste e baixa o arquivo de configuração do Tailwind pronto para colar no projeto.