{"data":{"type":"carousel","slides":[{"title":"Cover – Minimum Respectable Kit","bg_sample":"#0d0d0d","accent_color":"#facc15","overlay_color":"#0d0d0d","overlay_opacity":0.55,"html_content":"
01
● essential
The minimum kit
for a
respectable brand
5 items that separate amateur from professional
"},{"title":"Slide 2 – Modern Website","bg_sample":"#0d0d0d","accent_color":"#facc15","overlay_color":null,"overlay_opacity":null,"html_content":"
01/05
01
⌂
Well-made
and modern
website
It's not a digital business card.
It's your 24/7 store. Responsive, fast,
with a strong visual identity.
✓ Mobile first
✓ Loads in 2s
✓ Design that sells
"},{"title":"Slide 3 – Professional Email","bg_sample":"#0d0d0d","accent_color":"#facc15","overlay_color":null,"overlay_opacity":null,"html_content":"
02/05
02
@
Professional email
(not @gmail)
No @gmail.com or @hotmail.com.
Your domain in the email conveys
authority and care for the brand.
✓ @yourdomain.com
✓ Organized inbox
✓ Standardized visual signature
"},{"title":"Slide 4 – Functional Social Media","bg_sample":"#0d0d0d","accent_color":"#facc15","overlay_color":null,"overlay_opacity":null,"html_content":"
03/05
03
✦
Social media
that work
Posting isn't enough. You need strategy,
visual consistency, and content that
generates real connection.
✓ Curated feed with identity
✓ Content that educates or inspires
✓ Sustainable minimum frequency
"},{"title":"CTA Final – Vianexu","bg_sample":"#0d0d0d","accent_color":"#facc15","overlay_color":"#0d0d0d","overlay_opacity":0.6,"html_content":"
Let's
build it?Your minimum kit starts here
Follow @vianexu_ocm
Visual strategist for brands that
want to be taken seriously online.
FollowContact
"}]},"chatHistory":[{"role":"system","content":"Você é um diretor de arte sênior especializado em conteúdo visual para Instagram. Cria carrosseis com design PROFISSIONAL e ORIGINAL — não templates genéricos.\n\nFORMATO DE RESPOSTA:\nComentário criativo curto (1-2 frases) + bloco JSON.\n\nESTRUTURA JSON:\n{\n \"type\": \"single\" | \"carousel\",\n \"slides\": [\n {\n \"title\": \"string curto (para metadados)\",\n \"bg_sample\": \"#hexcolor (cor dominante do slide, para miniatura)\",\n \"accent_color\": \"#hex\",\n \"image_query\": \"termos em inglês para foto stock (OPCIONAL)\",\n \"overlay_color\": \"#hex\",\n \"overlay_opacity\": 0.0-1.0,\n \"html_content\": \"HTML COMPLETO do interior do slide\"\n }\n ]\n}\n\nREGRAS PARA html_content:\n• O slide tem EXATAMENTE 360×450px (formato 4:5 portrait do Instagram 2026). html_content ocupa esse espaço.\n• Use position:absolute para posicionamento criativo e livre\n• Pode usar qualquer CSS inline: gradientes, clip-path, pseudo-elements via style tags internos, transforms, mix-blend-mode, backdrop-filter\n• Tipografia com CONTRASTE EXTREMO de tamanhos (ex: 8px ao lado de 72px)\n• Elementos decorativos: linhas, formas geométricas, bordas parciais, grids, padrões SVG inline\n• ZERO emojis no conteúdo visual\n• Fontes Google Fonts via @import no style tag (ex: Bebas Neue, DM Sans, Playfair Display, Oswald, Space Mono, Clash Display, etc)\n• Cada slide deve ter identidade visual coesa com os outros MAS com composição única\n\nEXEMPLOS DE TÉCNICAS AVANÇADAS:\n- Número enorme como elemento decorativo de fundo (opacity baixa)\n- Texto rotacionado (-90deg) como elemento lateral\n- Linha diagonal como divisor\n- Círculo/elipse como shape decorativo\n- Grid de pontos em SVG como textura de fundo\n- Gradiente de texto (-webkit-background-clip: text)\n- Bordas com traço duplo ou parcial\n- Overlay com mix-blend-mode\n- Tipografia condensed + bold em contraste com body light\n\nIMAGENS STOCK:\n• image_query: termos em inglês (Pexels/Pixabay)\n• Use em: cover com foto de impacto, CTA final\n• Com imagem: overlay_opacity entre 0.45-0.65\n• Sem imagem: html_content define próprio background via CSS\n\nPALETA E FONTE:\n• Define UMA paleta no início, usa em todos os slides\n• Mesma família tipográfica em todos\n• Nunca mistura claro e escuro no mesmo carrossel\n\nCARROSSEL: cover impactante → conteúdo → CTA poderoso. Mínimo 4 slides, máximo 8.\n\nREGRA CRÍTICA PARA EDIÇÕES:\nSe o utilizador pedir uma EDIÇÃO em slides existentes (ex: \"muda a cor\", \"aumenta contraste\", \"troca fonte\"):\n• PRESERVA o html_content de CADA slide EXATAMENTE como está — apenas aplica a mudança pedida\n• NÃO regenera o design do zero — isso destrói edições manuais do utilizador\n• Só altere o que for explicitamente pedido (ex: se pedir contraste, só muda os valores de cor/filter)\n• Se o pedido for criar slides novos (não edição), aí sim gera html_content original"},{"role":"user","content":"5 slides sobre coisas que voce deve ter ter numa numasa minimamente respeitavel. site bem feito e moderno, emai profissional, midias socias que funcionaam. ultimo slide: cta do vianexu para follow o perfil e entrar em contato se quise avancar"},{"role":"assistant","content":"Carrossel que lista os 5 itens essenciais de uma marca mínima respeitável no digital, com linguagem direta e design de alto contraste."},{"role":"user","content":"make all texts in English"},{"role":"assistant","content":"Aqui está o carrossel completo com todos os textos traduzidos para o inglês, mantendo o design original intacto:"}],"undoStack":["{\"type\":\"carousel\",\"slides\":[{\"title\":\"Cover – Kit Mínimo Respeitável\",\"bg_sample\":\"#0d0d0d\",\"accent_color\":\"#facc15\",\"overlay_color\":\"#0d0d0d\",\"overlay_opacity\":0.55,\"html_content\":\"
01
● essencial
O kit mínimo
de uma marca
respeitável
5 itens que separam o amador do profissional
\",\"bg_image\":\"https://images.pexels.com/photos/5552789/pexels-photo-5552789.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940\"},{\"title\":\"Slide 2 – Site Moderno\",\"bg_sample\":\"#0d0d0d\",\"accent_color\":\"#facc15\",\"image_query\":null,\"overlay_color\":null,\"overlay_opacity\":null,\"html_content\":\"
01/05
01
⌂
Site bem feito
e moderno



Não é um cartão de visitas digital.
É a sua loja 24h. Responsivo, rápido,
com identidade visual forte.
✓ Mobile first
✓ Carregamento em 2s
✓ Design que vende
\"},{\"title\":\"Slide 3 – Email Profissional\",\"bg_sample\":\"#0d0d0d\",\"accent_color\":\"#facc15\",\"image_query\":null,\"overlay_color\":null,\"overlay_opacity\":null,\"html_content\":\"
02/05
02
@
Email profissional
(não @gmail)
Nada de @gmail.com ou @hotmail.com.
Seu domínio no email transmite
autoridade e cuidado com a marca.
✓ @seudominio.com
✓ Caixa de entrada organizada
✓ Assinatura visual padronizada
\"},{\"title\":\"Slide 4 – Mídias Sociais Funcionais\",\"bg_sample\":\"#0d0d0d\",\"accent_color\":\"#facc15\",\"image_query\":null,\"overlay_color\":null,\"overlay_opacity\":null,\"html_content\":\"
03/05
03
✦
Mídias sociais
que funcionam
Não basta postar. Precisa de estratégia,
consistência visual e conteúdo que
gere conexão real com o público.
✓ Feed curado com identidade
✓ Conteúdo que educa ou inspira
✓ Frequência mínima sustentável
\"},{\"title\":\"CTA Final – Vianexu\",\"bg_sample\":\"#0d0d0d\",\"accent_color\":\"#facc15\",\"overlay_color\":\"#0d0d0d\",\"overlay_opacity\":0.6,\"html_content\":\"
Vamos
construir?Seu kit mínimo começa aqui
Siga @vianexu_ocm
Estrategista visual para marcas que
querem ser levadas a sério no digital.
SeguirContato
\",\"bg_image\":\"https://images.pexels.com/photos/13012666/pexels-photo-13012666.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940\"}]}"]}