{"data":{"type":"carousel","slides":[{"title":"Cover - 5 Ways to Use Instagram","bg_sample":"#0D0D0D","accent_color":"#F5F5F5","overlay_color":"#0D0D0D","overlay_opacity":0.55,"html_content":"
\"\"
5
Strategy Guide 2026
5 Ways to
Use Instagram
Correctly
Engage & Grow
","bg_image":"https://images.pexels.com/photos/8837498/pexels-photo-8837498.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"},{"title":"Slide 2 - Optimize Profile","bg_sample":"#0D0D0D","accent_color":"#F5F5F5","image_query":null,"overlay_color":"#0D0D0D","overlay_opacity":0,"html_content":"
01
01
Optimize Your
Profile
Your bio is your digital handshake. Make every character count with a clear value proposition.
Keyword-rich bio
Link in bio strategy
Consistent profile image
Story highlights structure
Step 01
"},{"title":"Slide 3 - Content Pillars","bg_sample":"#0D0D0D","accent_color":"#F5F5F5","image_query":null,"overlay_color":"#0D0D0D","overlay_opacity":0,"html_content":"
02
02
Content Pillars
That Convert
Structure your content around 3 core pillars to build authority and community.
Value
Educational posts & tips
Connection
Behind-the-scenes & stories
Conversion
Strategic CTAs & offers
Step 02
"},{"title":"Slide 4 - Engagement Strategy","bg_sample":"#0D0D0D","accent_color":"#F5F5F5","image_query":null,"overlay_color":"#0D0D0D","overlay_opacity":0,"html_content":"
03
03
Engagement
That Builds Trust
Stop scrolling. Start conversing. Real engagement beats vanity metrics every time.
5min
Daily Reply
3x
More Reach
10+
Comments/Day
Step 03
"},{"title":"Slide 5 - Stories & Reels","bg_sample":"#0D0D0D","accent_color":"#F5F5F5","image_query":null,"overlay_color":"#0D0D0D","overlay_opacity":0,"html_content":"
04
04
Master Stories
& Reels
Short-form video and ephemeral content are your growth engines. Use them intentionally.
Reels Education
Stories Polls
Behind Scenes
Quick Tips
Step 04
"},{"title":"Slide 6 - CTA Follow & Engage","bg_sample":"#0D0D0D","accent_color":"#F5F5F5","overlay_color":"#0D0D0D","overlay_opacity":0.5,"html_content":"
\"\"
05
Ready to
Grow?
Follow for more strategic insights. Engage daily. Build your community with intention.
Follow Now
Engage Daily
","bg_image":"https://images.pexels.com/photos/1368484/pexels-photo-1368484.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"}]},"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 ways to use Instagram correctly to engaage and grow your business. first slide as cover and last as CTA do follow and engage. make professional and beautiful"},{"role":"assistant","content":"Here's a professional, high-contrast Instagram carousel design for your business growth strategy.\n\n**Bold, editorial layout with oversized numbers and clean sans-serif typography for maximum impact.**"}],"undoStack":[]}