{"data":{"type":"carousel","slides":[{"title":"Cover: 3 Tips to Grow Small Companies Online","bg_sample":"#0b0c10","accent_color":"#f4a261","overlay_color":"#0b0c10","overlay_opacity":0.6,"html_content":"
\"\"
01
growth series

3 tips to grow
small companies
online

No fluff. Just action.
@vianexu_com
","bg_image":"https://images.pexels.com/photos/32106638/pexels-photo-32106638.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"},{"title":"Tip 1: Niche Down to Stand Out","bg_sample":"#0b0c10","accent_color":"#f4a261","overlay_color":"#0b0c10","overlay_opacity":0,"html_content":"
01
tip one

Niche down to
stand out

Small companies win by being specific, not generic. A narrow audience + deep value beats broad reach every time.

@vianexu_com
","bg_image":"https://images.pexels.com/photos/2268543/pexels-photo-2268543.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"},{"title":"Tip 2: Content That Educates & Sells","bg_sample":"#0b0c10","accent_color":"#f4a261","overlay_color":"#0b0c10","overlay_opacity":0,"html_content":"
02
tip two

Educate &
sell seamlessly

Give away your best knowledge for free. Trust built through value converts followers into loyal customers.






@vianexu_com
","bg_image":"https://images.pexels.com/photos/8168567/pexels-photo-8168567.png?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"},{"title":"Tip 3: Systems Over Hustle","bg_sample":"#0b0c10","accent_color":"#f4a261","overlay_color":"#0b0c10","overlay_opacity":0,"html_content":"
03
tip three

Systems over
hustle

Automate what you can. Document your workflows. Small teams scale when they stop trading time for money.

@vianexu_com
","bg_image":"https://images.pexels.com/photos/8168566/pexels-photo-8168566.png?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"},{"title":"CTA: Follow for More Growth Tips","bg_sample":"#0b0c10","accent_color":"#f4a261","overlay_color":"#0b0c10","overlay_opacity":0.55,"html_content":"
\"\"
FOLLOW
next level

ready to grow
for real?

@vianexu_com
daily systems & strategy
↓
","bg_image":"https://images.pexels.com/photos/31396700/pexels-photo-31396700.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. 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 a 5-slide carousel with high editorial weight, built for small business growth advice and a strong follow CTA.\n\n\n\n**Design notes:** The carousel uses a dark, editorial palette with warm amber accents for high contrast. Each tip slide has a unique geometric backdrop (circle, dots, triangle) while keeping the layout consistent. The cover pulls a muted stock image with a strong overlay, and the final CTA uses a direct follow prompt with a subtle arrow and large decorative “FOLLOW” mark."}],"undoStack":[]}