{"data":{"type":"carousel","slides":[{"title":"Cover","bg_sample":"#1a1a2e","accent_color":"#e6b800","overlay_color":"#0f0f1a","overlay_opacity":0.6,"html_content":"
Growth Blueprint
Scale Your
Small Business
Online
3 actionable strategies to turn attention into revenue
","bg_image":"https://images.pexels.com/photos/7752816/pexels-photo-7752816.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"},{"title":"Tip 1","bg_sample":"#16213e","accent_color":"#e6b800","overlay_color":"#0b1424","overlay_opacity":0.55,"html_content":"
01
Strategy 1
Own Your Local
Search Presence
Claim and optimize your Google Business Profile. Consistent NAP, posts, and reviews boost local rankings and trust.
","bg_image":"https://images.pexels.com/photos/31395489/pexels-photo-31395489.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"},{"title":"Tip 2","bg_sample":"#1a1a2e","accent_color":"#e6b800","overlay_color":"#0f0f1a","overlay_opacity":0.6,"html_content":"
02
Strategy 2
Repurpose Once,
Post Everywhere
One core piece of content becomes 5+ formats. Saves time and builds consistent brand presence across platforms.
","bg_image":"https://images.pexels.com/photos/8473285/pexels-photo-8473285.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"},{"title":"Tip 3","bg_sample":"#16213e","accent_color":"#e6b800","overlay_color":"#0b1424","overlay_opacity":0.55,"html_content":"
03
Strategy 3
Build a List,
Don't Rent Attention
Email and SMS lists are your most valuable asset. Start with a lead magnet and nurture with value-first sequences.
","bg_image":"https://images.pexels.com/photos/29052901/pexels-photo-29052901.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"},{"title":"CTA","bg_sample":"#1a1a2e","accent_color":"#e6b800","overlay_color":"#0f0f1a","overlay_opacity":0.65,"html_content":"
Let's Grow
Follow for
More
Daily insights to help small businesses scale smarter.
@vianexu_com
@vianexu_com
","bg_image":"https://images.pexels.com/photos/8837261/pexels-photo-8837261.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":"Make 5 slides containing 3 important tips to make small companies grow online. use business images as background and remember to create contrast between text and background images. first slide will be the title and last will have CTA to follow the profile. the name is @vianexu_com"},{"role":"assistant","content":"Here's the creative carousel with 5 slides — from a bold title slide, through three actionable tips, to a strong CTA. Each slide uses business imagery with high text contrast.\n\n**A minimal, high-contrast carousel that turns business imagery into clean, readable slides — each tip feels like a command, not just advice.**"}],"undoStack":[]}