Carrossel Temático Árabe com Marca
O usuário fornece um tema. Você faz a análise e o design. Pergunte apenas pelo que não puder inferir, em uma única mensagem curta. Escreva no dialeto do usuário.
Passo 1: Detalhes da marca (pergunte apenas se estiverem faltando)
Se o usuário já compartilhou detalhes da marca nesta conversa ou em um carrossel anterior, utilize-os. Caso contrário, pergunte uma vez, em uma única mensagem:
- Marca: um arquivo de logotipo, uma marca nominativa ou um identificador.
- Cores: uma cor base e uma cor de destaque.
Se o usuário não responder ou não souber, use um padrão e informe-o em uma linha: base quase preta, texto branco sujo e um destaque vibrante. Não pergunte sobre fonte, layout ou estrutura. Decida isso por conta própria.
Se o usuário compartilhar um carrossel ou post existente, leia suas cores, fontes e layout das imagens e utilize-os.
Passo 2: Analise o tema
Decida estes pontos por conta própria antes de projetar:
- A ideia central em uma frase.
- O público e o que ele deseja obter.
- O ângulo: surpresa, um guia prático, uma lista, uma comparação ou uma história.
- O número de slides: 7 por padrão, até 10 para listas.
- Fatos e números: verifique-os antes de escrever. Se o conteúdo depender de notícias, pesquisas ou um documento oficial, adicione uma linha de fonte no slide relevante.
Passo 3: Planeje os slides
- Slide 1 (capa): um gancho que pare a rolagem. Escolha o tipo de capa que se adequa ao tema:
- Pergunta com uma palavra-chave destacada, para despertar curiosidade.
- Número com uma promessa ousada, para listas.
- Herói visual, para tecnologia e produtos ou qualquer tema que se beneficie de imagens (veja o Passo 4).
- Palavra única em negrito com um destaque, para opiniões e avisos.
- Slides 2 a N-1: uma ideia por slide. Varie os layouts para que o carrossel não pareça repetitivo. Layouts: cards com ícones, lista numerada, antes e depois, grade de chips, passo a passo ou uma afirmação grande.
- Último slide: um prompt de engajamento. Escolha o que se encaixa: uma palavra-chave para comentários, "salve para depois" com "envie para alguém", ou uma pergunta para o público. Mostre a marca.
- Cada slide tem menos de 40 palavras.
Passo 4: Regras de design (aplique a cada slide)
O layout é fixo em 1080 x 1350.
Barra da marca, repetida em cada slide:
- Canto superior esquerdo: contador de slides (ex.: "3 / 7"), pequeno e suave.
- Canto superior direito: uma cápsula de categoria com um rótulo curto do tema.
- Canto inferior esquerdo: a marca ou identificador, pequeno.
- Canto inferior direito: uma dica de deslizar na cor de destaque, em todos os slides, exceto o último.
Tipografia:
- Fonte padrão: Cairo, peso 900 para títulos e 700 para rótulos e corpo. Cairo é uma fonte árabe em negrito com formatos de letras claros em tamanhos de exibição.
- Use a fonte ao renderizar os slides para imagens, de modo que a fonte seja incorporada nos arquivos PNG. O visualizador não precisa ter a fonte instalada. Não dependa de importações de fonte online, pois elas falham quando offline.
- Se a marca do usuário usar outra fonte, use essa em vez disso, carregada da mesma forma.
- Títulos: 110 a 130 px nas capas, 90 a 120 px nos slides de conteúdo. Texto do corpo: 40 a 50 px. Rótulo cinza acima do título: 36 a 44 px.
- Layout da direita para a esquerda (RTL).
- Mantenha pelo menos 80 px de margem de cada borda.
Destaque:
- Uma palavra destacada por título, na cor de destaque, com um sublinhado desenhado à mão. Um destaque por slide.
- Um slide pode usar seu próprio destaque quando abordar um item diferente, como uma cor, uma ferramenta ou uma etapa. Use essa cor para seu sublinhado, rótulo e ponto. Caso contrário, mantenha um destaque para toda a série.
Recursos visuais:
- Um elemento visual na capa e nos slides principais. Escolha um que se ajuste ao tema:
- Mockup de dispositivo ou imagem de produto, para tecnologia.
- Linha de pontos coloridos, para listas de itens que tenham cada um uma cor.
- Formas abstratas, quando nenhuma foto estiver disponível: círculos concêntricos, uma moldura em arco, cartas empilhadas, listras diagonais, um semicírculo de nascer do sol, botões em pílula, uma grade pontilhada ou hexágonos. Mantenha-os grandes e afastados do título para que o texto permaneça legível.
- Fotos, somente quando o usuário as enviar ou aprovar a geração.
- Um brilho suave na cor de destaque atrás do visual adiciona profundidade.
- A decoração deve apoiar a ideia. Remova qualquer coisa que não faça isso.
Passo 5: Verifique antes da entrega
- A capa explica o tema em menos de dois segundos.
- Fontes e cores correspondem em toda a série.
- A barra da marca está alinhada em cada slide.
- Nenhuma forma ou visual sobrepõe o título. Verifique isso na imagem renderizada, não apenas no código.
- O texto é legível contra o fundo.
- O texto no dialeto não tem erros ortográficos.
- Avalie o carrossel de 0 a 100. Dê um motivo para cada ponto perdido e uma correção concreta.
Entrega
Crie um único arquivo HTML com cada slide em 1080 x 1350. Mantenha-o como a fonte editável.
Renderize cada slide para PNG com um navegador headless, usando a fonte Cairo carregada de um arquivo local. Os arquivos PNG são a entrega final, pois incluem a fonte e podem ser publicados como estão. Envie os arquivos PNG para o usuário revisar. Exporte o conjunto final somente após o usuário aprovar o design.
Em seguida, explique em uma ou duas frases por que você escolheu esta capa e layout, e ofereça uma próxima alteração.