Instagram Feed Template (9-Grid) - AiPro Institute\u2122 Prompt Library<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n background: #ffffff;\n padding: 2rem;\n line-height: 1.6;\n }\n\n .container {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .header {\n text-align: center;\n margin-bottom: 2rem;\n }\n\n .header h1 {\n font-size: 2.5rem;\n background: linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 800;\n margin-bottom: 0.5rem;\n }\n\n .card {\n background: white;\n border-radius: 16px;\n box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n overflow: hidden;\n }\n\n .card-header {\n background: linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);\n color: white;\n padding: 2rem;\n }\n\n .card-header h2 {\n font-size: 2rem;\n margin-bottom: 0.5rem;\n }\n\n .card-header p {\n opacity: 0.95;\n font-size: 1.1rem;\n }\n\n .meta-badges {\n display: flex;\n gap: 0.75rem;\n flex-wrap: wrap;\n margin-top: 1rem;\n }\n\n .badge {\n display: inline-block;\n padding: 0.4rem 0.9rem;\n border-radius: 20px;\n font-size: 0.85rem;\n font-weight: 600;\n }\n\n .badge-skill-advanced {\n background: #dc2626;\n color: white;\n }\n\n .badge-time {\n background: #10b981;\n color: white;\n }\n\n .badge-cost {\n background: #ef4444;\n color: white;\n }\n\n .badge-format {\n background: #8b5cf6;\n color: white;\n }\n\n .tool-compatibility {\n margin-top: 1rem;\n padding-top: 1rem;\n border-top: 1px solid rgba(255,255,255,0.2);\n }\n\n .tool-compatibility h3 {\n font-size: 0.9rem;\n margin-bottom: 0.5rem;\n opacity: 0.9;\n }\n\n .tool-badges {\n display: flex;\n gap: 0.5rem;\n flex-wrap: wrap;\n }\n\n .tool-badge {\n padding: 0.35rem 0.75rem;\n background: rgba(255,255,255,0.2);\n border: 1px solid rgba(255,255,255,0.3);\n border-radius: 15px;\n font-size: 0.8rem;\n }\n\n .tool-badge.model-agnostic {\n background: rgba(255,255,255,0.3);\n font-weight: 600;\n }\n\n .card-body {\n padding: 2rem;\n }\n\n .section {\n margin-bottom: 2.5rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n color: #7c3aed;\n margin-bottom: 1rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .section-title::before {\n content: '';\n width: 4px;\n height: 24px;\n background: linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);\n border-radius: 2px;\n }\n\n .prompt-box {\n background: #f8fafc;\n border: 2px solid #e2e8f0;\n border-radius: 12px;\n padding: 1.5rem;\n font-family: 'Courier New', monospace;\n font-size: 0.95rem;\n line-height: 1.8;\n position: relative;\n margin-bottom: 1rem;\n }\n\n .copy-button {\n position: absolute;\n top: 1rem;\n right: 1rem;\n background: linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);\n color: white;\n border: none;\n padding: 0.6rem 1.2rem;\n border-radius: 8px;\n cursor: pointer;\n font-weight: 600;\n font-size: 0.9rem;\n transition: all 0.3s ease;\n }\n\n .copy-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(124, 58, 237, 0.4);\n }\n\n .copy-button.copied {\n background: #10b981;\n }\n\n .placeholder {\n color: #f97316;\n font-weight: 600;\n }\n\n .logic-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n }\n\n .logic-item {\n background: #f0f9ff;\n padding: 1.25rem;\n border-radius: 10px;\n border-left: 4px solid #3b82f6;\n }\n\n .logic-item h4 {\n color: #1e40af;\n margin-bottom: 0.5rem;\n font-size: 1.05rem;\n }\n\n .logic-item p {\n color: #475569;\n font-size: 0.95rem;\n }\n\n .output-preview {\n background: #fefce8;\n border: 2px solid #fde047;\n border-radius: 12px;\n padding: 1.5rem;\n }\n\n .output-preview h4 {\n color: #854d0e;\n margin-bottom: 1rem;\n }\n\n .chain-strategy {\n background: linear-gradient(135deg, #fdf2f8 0%, #fae8ff 100%);\n border-radius: 12px;\n padding: 1.5rem;\n }\n\n .chain-steps {\n display: grid;\n gap: 1.5rem;\n margin-top: 1rem;\n }\n\n .chain-step {\n background: white;\n padding: 1.25rem;\n border-radius: 10px;\n border-left: 4px solid #a855f7;\n }\n\n .chain-step-header {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n margin-bottom: 0.75rem;\n }\n\n .step-number {\n background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);\n color: white;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 0.9rem;\n }\n\n .chain-step h4 {\n color: #7c3aed;\n font-size: 1.1rem;\n }\n\n .chain-step p {\n color: #475569;\n margin-bottom: 0.5rem;\n }\n\n .chain-step .example {\n background: #f8fafc;\n padding: 0.75rem;\n border-radius: 6px;\n font-size: 0.9rem;\n color: #64748b;\n margin-top: 0.5rem;\n }\n\n .hitl-tips {\n background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);\n border-radius: 12px;\n padding: 1.5rem;\n }\n\n .tips-grid {\n display: grid;\n gap: 1rem;\n margin-top: 1rem;\n }\n\n .tip-item {\n background: white;\n padding: 1rem;\n border-radius: 8px;\n border-left: 3px solid #10b981;\n }\n\n .tip-item h4 {\n color: #047857;\n font-size: 1rem;\n margin-bottom: 0.5rem;\n }\n\n .tip-item p {\n color: #475569;\n font-size: 0.9rem;\n }\n\n .tip-item .follow-up {\n background: #f0fdf4;\n padding: 0.6rem;\n border-radius: 6px;\n margin-top: 0.5rem;\n font-size: 0.85rem;\n color: #166534;\n font-style: italic;\n }\n\n .card-footer {\n background: #f8fafc;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 2rem;\n flex-wrap: wrap;\n border-top: 1px solid #e2e8f0;\n }\n\n .stat {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n color: #475569;\n font-size: 0.95rem;\n }\n\n .stat strong {\n color: #1e293b;\n }\n\n .toast {\n position: fixed;\n bottom: 2rem;\n right: 2rem;\n background: #10b981;\n color: white;\n padding: 1rem 1.5rem;\n border-radius: 8px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n display: none;\n align-items: center;\n gap: 0.5rem;\n animation: slideIn 0.3s ease;\n z-index: 1000;\n }\n\n .toast.show {\n display: flex;\n }\n\n @keyframes slideIn {\n from {\n transform: translateX(400px);\n opacity: 0;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n }\n\n @media (max-width: 768px) {\n body {\n padding: 1rem;\n }\n\n .header h1 {\n font-size: 2rem;\n }\n\n .card-header h2 {\n font-size: 1.5rem;\n }\n\n .logic-grid {\n grid-template-columns: 1fr;\n }\n\n .card-footer {\n flex-direction: column;\n gap: 1rem;\n }\n\n .copy-button {\n position: static;\n width: 100%;\n margin-top: 1rem;\n }\n\n .prompt-box {\n padding-top: 1.5rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <h1>AiPro Institute\u2122<\/h1>\n <\/div>\n\n <div class=\"card\">\n <div class=\"card-header\">\n <h2>Instagram Feed Template (9-Grid)<\/h2>\n <p>Design cohesive 3x3 Instagram grid layouts with strategic visual flow that creates stunning profile aesthetics and drives follower engagement<\/p>\n \n <div class=\"meta-badges\">\n <span class=\"badge badge-skill-advanced\">\ud83d\udd25 Advanced<\/span>\n <span class=\"badge badge-time\">\u23f1\ufe0f 8-12 minutes<\/span>\n <span class=\"badge badge-cost\">\ud83d\udc8e High Cost<\/span>\n <span class=\"badge badge-format\">\ud83d\uddbc\ufe0f Image Format<\/span>\n <\/div>\n\n <div class=\"tool-compatibility\">\n <h3>\ud83d\udee0\ufe0f Tool Compatibility<\/h3>\n <div class=\"tool-badges\">\n <span class=\"tool-badge\">Optimized for DALL-E 3<\/span>\n <span class=\"tool-badge\">Optimized for Midjourney<\/span>\n <span class=\"tool-badge\">Optimized for Canva AI<\/span>\n <span class=\"tool-badge model-agnostic\">\u2728 Model Agnostic<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card-body\">\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83d\udccb The Prompt<\/h3>\n <div class=\"prompt-box\">\n <button class=\"copy-button\" onclick=\"copyPrompt()\">\ud83d\udccb Copy Prompt<\/button>\n <div id=\"promptContent\">You are an expert Instagram visual strategist and feed designer with 10+ years of experience creating cohesive, high-engagement grid layouts for brands. Design a strategic 9-post Instagram grid (3x3 layout) that creates visual impact when viewed as a whole profile.\n\n**Brand & Account Context:**\n- Brand\/Account: <span class=\"placeholder\">[Insert Brand Name or Personal Brand Identity]<\/span>\n- Industry\/Niche: <span class=\"placeholder\">[Insert Industry - e.g., fashion, wellness, food, travel, coaching, SaaS, creative agency]<\/span>\n- Brand Personality: <span class=\"placeholder\">[Insert 3-4 brand attributes - e.g., minimalist & modern, vibrant & playful, luxurious & sophisticated, warm & authentic]<\/span>\n- Target Audience: <span class=\"placeholder\">[Insert audience demographic & psychographic]<\/span>\n- Account Goal: <span class=\"placeholder\">[Insert goal - e.g., drive sales, build community, establish thought leadership, showcase portfolio]<\/span>\n\n**Grid Strategy & Layout Pattern:**\n\n1. **Overall Grid Design Pattern:**\n - Layout Style: <span class=\"placeholder\">[Insert pattern - e.g., checkerboard (alternating content types), row-based themes (each row tells a story), diagonal flow, center focus with frame, puzzle grid (images connect), rainbow\/gradient flow, minimalist uniform, maximalist eclectic]<\/span>\n - Visual Flow Direction: <span class=\"placeholder\">[Insert flow - e.g., left to right reading flow, diagonal top-left to bottom-right, center radiating outward, vertical columns]<\/span>\n - Grid Cohesion Method: <span class=\"placeholder\">[Insert method - e.g., consistent color palette, repeating visual elements, unified lighting style, matching filters, thematic continuity]<\/span>\n\n2. **Color Palette & Visual Consistency:**\n - Primary Colors: <span class=\"placeholder\">[Insert 2-3 dominant colors that appear throughout grid]<\/span>\n - Accent Colors: <span class=\"placeholder\">[Insert 1-2 accent colors for variety]<\/span>\n - Background Tones: <span class=\"placeholder\">[Insert background approach - e.g., all white backgrounds, warm neutrals, dark moody tones, colorful gradients]<\/span>\n - Color Distribution: <span class=\"placeholder\">[Insert strategy - e.g., each row has one dominant color, colors alternate diagonally, gradient progression across grid]<\/span>\n\n3. **Content Mix & Post Types:**\n\nSpecify what each of the 9 posts should feature:\n\n**Row 1 (Top Row - First Impression):**\n- Post 1 (Top Left): <span class=\"placeholder\">[Insert content type & description - e.g., \"Lifestyle hero image: person using product in aspirational setting with warm golden lighting\"]<\/span>\n- Post 2 (Top Center): <span class=\"placeholder\">[Insert content type - e.g., \"Text-based quote graphic with brand colors on minimalist background\"]<\/span>\n- Post 3 (Top Right): <span class=\"placeholder\">[Insert content type - e.g., \"Product flat lay with complementary props, top-down view, cohesive color palette\"]<\/span>\n\n**Row 2 (Middle Row - Core Content):**\n- Post 4 (Middle Left): <span class=\"placeholder\">[Insert content type - e.g., \"Behind-the-scenes workspace shot, authentic and relatable\"]<\/span>\n- Post 5 (Center - Key Position): <span class=\"placeholder\">[Insert hero\/focal content - e.g., \"Main product hero shot or founder portrait - this is your grid focal point\"]<\/span>\n- Post 6 (Middle Right): <span class=\"placeholder\">[Insert content type - e.g., \"Customer testimonial graphic with photo and quote overlay\"]<\/span>\n\n**Row 3 (Bottom Row - Supporting Content):**\n- Post 7 (Bottom Left): <span class=\"placeholder\">[Insert content type - e.g., \"Educational infographic showing process or tips\"]<\/span>\n- Post 8 (Bottom Center): <span class=\"placeholder\">[Insert content type - e.g., \"Lifestyle detail shot, close-up with shallow depth of field\"]<\/span>\n- Post 9 (Bottom Right): <span class=\"placeholder\">[Insert content type - e.g., \"Call-to-action graphic promoting offer or engagement\"]<\/span>\n\n4. **Visual Style Guidelines:**\n - Photography Style: <span class=\"placeholder\">[Insert style - e.g., bright & airy, dark & moody, natural & organic, high-contrast editorial, soft pastel, bold saturated]<\/span>\n - Composition Rules: <span class=\"placeholder\">[Insert rules - e.g., all images follow rule of thirds, centered compositions, negative space on left\/right alternating]<\/span>\n - Typography Style (for text posts): <span class=\"placeholder\">[Insert typography - e.g., modern sans-serif bold headlines, elegant serif for luxury feel, handwritten casual fonts]<\/span>\n - Graphics Style: <span class=\"placeholder\">[Insert graphics approach - e.g., minimal geometric shapes, organic flowing elements, no graphics (photo-only), illustrated overlays]<\/span>\n\n5. **Grid Balance & Rhythm:**\n - Content Type Distribution: <span class=\"placeholder\">[Insert ratio - e.g., 5 photos + 3 graphics + 1 video cover, 6 lifestyle photos + 3 text quotes, all photos with varied compositions]<\/span>\n - Visual Weight Balance: <span class=\"placeholder\">[Insert balance - e.g., alternate heavy\/light visual weight, diagonal balance, symmetrical balance, asymmetrical dynamic balance]<\/span>\n - Breathing Room: <span class=\"placeholder\">[Insert spacing strategy - e.g., negative space posts act as visual breaks, every third post is minimal, dense content throughout]<\/span>\n\n6. **Technical Specifications:**\n - Aspect Ratio: 1:1 square (1080x1080px) for all 9 posts\n - Image Quality: High resolution, Instagram-optimized\n - Filter\/Editing Consistency: <span class=\"placeholder\">[Insert editing style - e.g., +10 brightness, +15 contrast, slight warm tint, VSCO Cam A6 preset equivalent, no filters - natural]<\/span>\n - Text Overlay Guidelines: <span class=\"placeholder\">[Insert text rules if applicable - e.g., max 3 lines of text, text always in upper third, no text on photos (graphics only)]<\/span>\n\n**Strategic Considerations:**\n\n- **Scroll-Stopping Element:** Which post(s) should have highest visual impact? <span class=\"placeholder\">[Insert - e.g., Post 2 and Post 5]<\/span>\n- **Story Thread:** Does the grid tell a narrative when viewed as a whole? <span class=\"placeholder\">[Insert - e.g., \"Yes - journey from problem to solution,\" \"No - variety showcase,\" \"Subtle progression from day to night\"]<\/span>\n- **Brand Recognition:** What visual elements make this instantly recognizable as YOUR brand? <span class=\"placeholder\">[Insert - e.g., consistent dusty rose color, geometric border on every post, founder always wearing signature color, minimalist white space]<\/span>\n\n**Style References:**\n<span class=\"placeholder\">[Insert Instagram accounts or aesthetic references - e.g., \"@glossier feed aesthetic,\" \"Kinfolk magazine editorial style,\" \"@airbnb's colorful travel grid\"]<\/span>\n\nPlease generate detailed descriptions for each of the 9 Instagram posts that:\n- Work together as a cohesive visual grid when viewed on profile\n- Each post is independently strong and engaging\n- Create intentional visual flow and rhythm across the 3x3 layout\n- Reflect brand personality and appeal to target audience\n- Balance variety with consistency\n- Follow Instagram best practices for engagement and profile aesthetics\n\nFor each post, provide: (1) Detailed visual description, (2) Key visual elements, (3) Color palette used, (4) How it connects to adjacent posts in the grid.<\/div>\n <\/div>\n <p style=\"color: #64748b; font-size: 0.9rem;\">\n \ud83d\udca1 <strong>Tip:<\/strong> Fill in the <span class=\"placeholder\">[orange placeholders]<\/span> with your specific details before using this prompt.\n <\/p>\n <\/div>\n\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83e\udde0 The Logic (Why This Prompt Works)<\/h3>\n <div class=\"logic-grid\">\n <div class=\"logic-item\">\n <h4>Instagram Visual Strategist Role<\/h4>\n <p>Establishing expertise in \"Instagram visual strategy and feed design\" ensures the AI understands grid-level thinking, not just individual post design. This activates knowledge of how posts interact visually when viewed together on a profile.<\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>Post-by-Post Specification<\/h4>\n <p>Requiring detailed content description for all 9 posts individually prevents generic \"here's a grid concept\" outputs. This forces strategic thinking about each position's role in the overall grid narrative and visual flow.<\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>Layout Pattern Strategy<\/h4>\n <p>Specifying layout patterns (checkerboard, row themes, diagonal flow) gives the grid intentional structure. Random varied posts look chaotic; strategic patterns create professional, cohesive aesthetics that grow followers.<\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>Color Palette Consistency<\/h4>\n <p>Instagram's algorithm and human psychology both favor consistent color palettes. Defining primary, accent, and background colors ensures instant brand recognition and creates that \"professional feed\" aesthetic users expect from serious accounts.<\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>Grid Balance & Rhythm Control<\/h4>\n <p>The \"Visual Weight Balance\" and \"Breathing Room\" specifications prevent feeds that feel too busy OR too boring. Strategic distribution of content density creates engaging rhythm that keeps followers scrolling through your profile.<\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>Position-Specific Strategy<\/h4>\n <p>Highlighting Post 5 (center) as \"key position\" and Row 1 as \"first impression\" ensures strategic content placement. Instagram users scan grids in predictable patterns - this prompt leverages that psychology.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83d\udc41\ufe0f Output Preview<\/h3>\n <div class=\"output-preview\">\n <h4>\ud83c\udfaf Example Result:<\/h4>\n <p style=\"margin-bottom: 1rem; color: #475569;\">\n <strong>Example Input:<\/strong> Wellness coaching brand targeting busy professionals seeking work-life balance\n <\/p>\n <p style=\"color: #475569; font-style: italic; margin-bottom: 1rem;\">\n <strong>Grid Strategy: Diagonal Flow with Alternating Content Types<\/strong><br><br>\n\n<strong>Row 1:<\/strong><br>\nPost 1: Lifestyle photo of morning journaling scene with coffee and plants, soft natural light, warm beige\/sage color palette<br>\nPost 2: Minimalist text quote \"Balance is not something you find, it's something you create\" on cream background with sage botanical illustration<br>\nPost 3: Close-up hands holding wellness planner, shallow DOF, consistent warm tones<br><br>\n\n<strong>Row 2:<\/strong><br>\nPost 4: Behind-scenes workspace, laptop with wellness content, plant in background, authentic vibe<br>\nPost 5 [CENTER HERO]: Professional portrait of coach in natural setting, genuine smile, approachable energy, warm golden hour light<br>\nPost 6: Testimonial graphic with client photo and transformational quote in brand fonts and sage\/cream colors<br><br>\n\n<strong>Row 3:<\/strong><br>\nPost 7: Educational infographic \"5 Daily Habits for Better Balance\" with icons and clean design<br>\nPost 8: Lifestyle shot of evening self-care ritual, book and tea, cozy warm lighting<br>\nPost 9: CTA graphic promoting free workshop, clear value prop, brand colors, actionable button text<br><br>\n\n<strong>Cohesion:<\/strong> Diagonal flow from Post 1 \u2192 Post 5 \u2192 Post 9 creates narrative from morning to evening wellness journey. Consistent warm beige\/sage\/cream palette. Alternating photo\/graphic pattern prevents monotony. All images have breathing room and negative space. Typography consistent across graphics. The grid tells a story of achievable, authentic wellness.\n <\/p>\n <p style=\"color: #854d0e; font-weight: 600; margin-top: 1rem;\">\n \u2705 This 9-grid specification creates a cohesive, professional Instagram aesthetic that communicates brand values at-a-glance and encourages profile follows. Each post works independently but shines when viewed as part of the complete grid.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h3 class=\"section-title\">\u26d3\ufe0f Chain Strategy (Advanced Workflow)<\/h3>\n <div class=\"chain-strategy\">\n <p style=\"color: #6b21a8; font-weight: 600; margin-bottom: 1rem;\">\n <strong>3-Step Sequential Strategy for Continuous Feed Excellence:<\/strong> Build an always-cohesive Instagram presence with rolling grid planning.\n <\/p>\n <div class=\"chain-steps\">\n <div class=\"chain-step\">\n <div class=\"chain-step-header\">\n <span class=\"step-number\">1<\/span>\n <h4>Audit Current Feed & Define Visual Identity<\/h4>\n <\/div>\n <p><strong>Prompt:<\/strong> \"Analyze my current Instagram feed aesthetic and identify: (1) Current color palette and whether it's consistent, (2) Content mix ratios (photos vs graphics vs videos), (3) Visual patterns or lack thereof, (4) What's working well visually, (5) Gaps or inconsistencies that hurt cohesion, (6) Recommended visual identity direction that aligns with my brand as <span class=\"placeholder\">[brand description]<\/span> targeting <span class=\"placeholder\">[audience]<\/span>. Provide specific color codes, style guidelines, and content distribution recommendations.\"<\/p>\n <div class=\"example\">\n <strong>Why:<\/strong> Understanding your starting point and defining clear visual identity rules ensures every grid you create builds toward a cohesive long-term brand aesthetic rather than random pretty posts.\n <\/div>\n <\/div>\n\n <div class=\"chain-step\">\n <div class=\"chain-step-header\">\n <span class=\"step-number\">2<\/span>\n <h4>Generate Strategic 9-Grid (This Prompt)<\/h4>\n <\/div>\n <p><strong>Action:<\/strong> Use the main Instagram Feed Template prompt above with visual identity rules from Step 1. Plan your next 9 posts strategically as a cohesive unit, considering how they'll look together on your profile grid.<\/p>\n <div class=\"example\">\n <strong>Why:<\/strong> Batch-planning 9 posts ensures grid cohesion. Posting one-at-a-time without grid-level planning results in chaotic feeds that hurt follower growth and brand perception.\n <\/div>\n <\/div>\n\n <div class=\"chain-step\">\n <div class=\"chain-step-header\">\n <span class=\"step-number\">3<\/span>\n <h4>Create Rolling Grid Continuity<\/h4>\n <\/div>\n <p><strong>Prompt:<\/strong> \"I've just completed this 9-post grid: <span class=\"placeholder\">[paste previous grid summary]<\/span>. Now design the NEXT 9 posts (Posts 10-18) that will create a cohesive 6x3 grid when combined with posts 7-9 from the previous grid. Maintain: (1) Same color palette and visual style, (2) Continued content mix ratios, (3) Grid pattern consistency, (4) But introduce <span class=\"placeholder\">[new theme\/campaign element]<\/span> while maintaining brand recognition. Show how posts 10-18 flow naturally from the existing grid.\"<\/p>\n <div class=\"example\">\n <strong>Why:<\/strong> This \"rolling grid\" approach ensures your ENTIRE profile remains cohesive as you continue posting, not just each individual 9-grid. Your profile aesthetic stays strong indefinitely with this systematic planning.\n <\/div>\n <\/div>\n <\/div>\n <p style=\"color: #6b21a8; font-weight: 600; margin-top: 1rem; font-size: 0.9rem;\">\n \ud83d\udca1 <strong>Pro Tip:<\/strong> Use Instagram grid planning tools (Preview App, Later, Planoly) to visualize your 9-grid before posting. What looks good in isolation might not work in grid context - always preview the layout first.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83d\udca1 Human-in-the-Loop Refinement Tips<\/h3>\n <div class=\"hitl-tips\">\n <p style=\"color: #065f46; font-weight: 600; margin-bottom: 1rem;\">\n \ud83c\udfa8 + \ud83e\udd16 = \ud83d\ude80 AI generates the foundation\u2014your strategic eye makes it exceptional. Use these refinement strategies:\n <\/p>\n <div class=\"tips-grid\">\n <div class=\"tip-item\">\n <h4>If the grid feels too uniform or boring:<\/h4>\n <p>Perfect consistency can paradoxically look flat and unengaging. Introduce strategic variety within your consistency framework.<\/p>\n <div class=\"follow-up\">\n <strong>Example refinement prompt:<\/strong> \"Maintain the color palette and overall aesthetic, but add strategic variety: Make Post 3 and Post 7 slightly bolder\/more vibrant to act as 'energy pops' in the grid. Vary composition angles more - include at least one low angle and one high angle shot. Add one unexpected element that surprises but still aligns with brand personality.\"\n <\/div>\n <\/div>\n\n <div class=\"tip-item\">\n <h4>If color palette doesn't translate well to your actual brand:<\/h4>\n <p>AI suggestions might not match your exact brand colors. Refine the palette to match your official brand guidelines while maintaining grid cohesion.<\/p>\n <div class=\"follow-up\">\n <strong>Example refinement prompt:<\/strong> \"Adjust the color palette to use my exact brand colors: Primary: <span class=\"placeholder\">[HEX code]<\/span>, Secondary: <span class=\"placeholder\">[HEX code]<\/span>, Accent: <span class=\"placeholder\">[HEX code]<\/span>. Rework the grid color distribution to feature these specific colors while maintaining visual flow and cohesion. Each color should appear at least twice across the 9 posts.\"\n <\/div>\n <\/div>\n\n <div class=\"tip-item\">\n <h4>To adapt grid for seasonal campaigns or launches:<\/h4>\n <p>Maintain brand recognition while introducing timely or promotional content without disrupting feed aesthetics.<\/p>\n <div class=\"follow-up\">\n <strong>Example refinement prompt:<\/strong> \"Adapt this grid for <span class=\"placeholder\">[seasonal event\/product launch]<\/span>: Keep the same grid pattern and 6 of the original posts. Replace Posts <span class=\"placeholder\">[2, 5, 8]<\/span> with campaign-specific content that highlights <span class=\"placeholder\">[promotion\/theme]<\/span>. The campaign posts should integrate seamlessly - use <span class=\"placeholder\">[seasonal color accent]<\/span> as a subtle thread connecting these three posts while maintaining overall brand palette.\"\n <\/div>\n <\/div>\n\n <div class=\"tip-item\">\n <h4>To test multiple grid layout options:<\/h4>\n <p>Before committing, explore 2-3 different grid pattern approaches to see which resonates best with your brand and goals.<\/p>\n <div class=\"follow-up\">\n <strong>Example refinement prompt:<\/strong> \"Create two alternative grid layouts for the same 9 pieces of content: Version A) Checkerboard pattern alternating photos and graphics, Version B) Row-based themes where each row tells a mini-story. Use identical content, color palette, and style - only change the arrangement\/pattern. Compare the visual impact and strategic storytelling of each approach.\"\n <\/div>\n <\/div>\n\n <div class=\"tip-item\">\n <h4>To ensure mobile vs desktop consistency:<\/h4>\n <p>Grids look different on mobile (where most users view) versus desktop. Text that's readable on desktop might be tiny on mobile.<\/p>\n <div class=\"follow-up\">\n <strong>Manual enhancement:<\/strong> After generating grid concepts, use Instagram's grid preview tools or mockup apps to view exactly how it appears on mobile devices. Check: (1) Is text legible on small screens? (2) Are important visual elements too small? (3) Does the pattern still read clearly at thumbnail size? Adjust any posts where key elements are lost at mobile scale.\n <\/div>\n <\/div>\n\n <div class=\"tip-item\">\n <h4>To future-proof grid as posts age off:<\/h4>\n <p>Your carefully planned 9-grid will shift as new posts are added. Plan for graceful aging of your grid design.<\/p>\n <div class=\"follow-up\">\n <strong>Strategic approach:<\/strong> When planning your 9-grid, consider what happens when Post 1 eventually drops off the visible grid. Ask: \"Will posts 2-10 still look cohesive?\" Design your grid pattern to be \"rolling-friendly\" - patterns that work for any 9-post window, not just this specific set. Avoid designs that only work with all 9 exact posts visible (like creating one large image split across 9 posts - this breaks as soon as you post #10).\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card-footer\">\n <div class=\"stat\">\u2b50 <strong>4.7<\/strong> (267 ratings)<\/div>\n <div class=\"stat\">\ud83d\udccb <strong>3,156<\/strong> copies<\/div>\n <div class=\"stat\">\ud83d\udcac <strong>143<\/strong> reviews<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"toast\" id=\"toast\">\n \u2705 Prompt copied to clipboard!\n <\/div>\n\n <script>\n function copyPrompt() {\n const promptContent = document.getElementById('promptContent').innerText;\n navigator.clipboard.writeText(promptContent).then(() => {\n const button = document.querySelector('.copy-button');\n const toast = document.getElementById('toast');\n \n button.textContent = '\u2705 Copied!';\n button.classList.add('copied');\n toast.classList.add('show');\n \n setTimeout(() => {\n button.textContent = '\ud83d\udccb Copy Prompt';\n button.classList.remove('copied');\n toast.classList.remove('show');\n }, 3000);\n });\n }\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Instagram Feed Template (9-Grid) – AiPro Institute\u2122 Prompt Library AiPro Institute\u2122 Instagram Feed Template (9-Grid) Design cohesive 3×3 Instagram grid layouts with strategic visual flow that creates stunning profile aesthetics and drives follower engagement \ud83d\udd25 Advanced \u23f1\ufe0f 8-12 minutes \ud83d\udc8e High Cost \ud83d\uddbc\ufe0f Image Format \ud83d\udee0\ufe0f Tool Compatibility Optimized for DALL-E 3 Optimized for Midjourney…<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[110,96],"tags":[],"class_list":["post-3651","post","type-post","status-publish","format-standard","hentry","category-marketing-visuals","category-visual-creation"],"acf":[],"_links":{"self":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/3651","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/comments?post=3651"}],"version-history":[{"count":4,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/3651\/revisions"}],"predecessor-version":[{"id":3655,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/3651\/revisions\/3655"}],"wp:attachment":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/media?parent=3651"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/categories?post=3651"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/tags?post=3651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Instagram Feed Template (9-Grid) - AiPro Institute\u2122 Prompt Library<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n background: #ffffff;\n padding: 2rem;\n line-height: 1.6;\n }\n\n .container {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .header {\n text-align: center;\n margin-bottom: 2rem;\n }\n\n .header h1 {\n font-size: 2.5rem;\n background: linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 800;\n margin-bottom: 0.5rem;\n }\n\n .card {\n background: white;\n border-radius: 16px;\n box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n overflow: hidden;\n }\n\n .card-header {\n background: linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);\n color: white;\n padding: 2rem;\n }\n\n .card-header h2 {\n font-size: 2rem;\n margin-bottom: 0.5rem;\n }\n\n .card-header p {\n opacity: 0.95;\n font-size: 1.1rem;\n }\n\n .meta-badges {\n display: flex;\n gap: 0.75rem;\n flex-wrap: wrap;\n margin-top: 1rem;\n }\n\n .badge {\n display: inline-block;\n padding: 0.4rem 0.9rem;\n border-radius: 20px;\n font-size: 0.85rem;\n font-weight: 600;\n }\n\n .badge-skill-advanced {\n background: #dc2626;\n color: white;\n }\n\n .badge-time {\n background: #10b981;\n color: white;\n }\n\n .badge-cost {\n background: #ef4444;\n color: white;\n }\n\n .badge-format {\n background: #8b5cf6;\n color: white;\n }\n\n .tool-compatibility {\n margin-top: 1rem;\n padding-top: 1rem;\n border-top: 1px solid rgba(255,255,255,0.2);\n }\n\n .tool-compatibility h3 {\n font-size: 0.9rem;\n margin-bottom: 0.5rem;\n opacity: 0.9;\n }\n\n .tool-badges {\n display: flex;\n gap: 0.5rem;\n flex-wrap: wrap;\n }\n\n .tool-badge {\n padding: 0.35rem 0.75rem;\n background: rgba(255,255,255,0.2);\n border: 1px solid rgba(255,255,255,0.3);\n border-radius: 15px;\n font-size: 0.8rem;\n }\n\n .tool-badge.model-agnostic {\n background: rgba(255,255,255,0.3);\n font-weight: 600;\n }\n\n .card-body {\n padding: 2rem;\n }\n\n .section {\n margin-bottom: 2.5rem;\n }\n\n .section-title {\n font-size: 1.5rem;\n color: #7c3aed;\n margin-bottom: 1rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .section-title::before {\n content: '';\n width: 4px;\n height: 24px;\n background: linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);\n border-radius: 2px;\n }\n\n .prompt-box {\n background: #f8fafc;\n border: 2px solid #e2e8f0;\n border-radius: 12px;\n padding: 1.5rem;\n font-family: 'Courier New', monospace;\n font-size: 0.95rem;\n line-height: 1.8;\n position: relative;\n margin-bottom: 1rem;\n }\n\n .copy-button {\n position: absolute;\n top: 1rem;\n right: 1rem;\n background: linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);\n color: white;\n border: none;\n padding: 0.6rem 1.2rem;\n border-radius: 8px;\n cursor: pointer;\n font-weight: 600;\n font-size: 0.9rem;\n transition: all 0.3s ease;\n }\n\n .copy-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(124, 58, 237, 0.4);\n }\n\n .copy-button.copied {\n background: #10b981;\n }\n\n .placeholder {\n color: #f97316;\n font-weight: 600;\n }\n\n .logic-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n }\n\n .logic-item {\n background: #f0f9ff;\n padding: 1.25rem;\n border-radius: 10px;\n border-left: 4px solid #3b82f6;\n }\n\n .logic-item h4 {\n color: #1e40af;\n margin-bottom: 0.5rem;\n font-size: 1.05rem;\n }\n\n .logic-item p {\n color: #475569;\n font-size: 0.95rem;\n }\n\n .output-preview {\n background: #fefce8;\n border: 2px solid #fde047;\n border-radius: 12px;\n padding: 1.5rem;\n }\n\n .output-preview h4 {\n color: #854d0e;\n margin-bottom: 1rem;\n }\n\n .chain-strategy {\n background: linear-gradient(135deg, #fdf2f8 0%, #fae8ff 100%);\n border-radius: 12px;\n padding: 1.5rem;\n }\n\n .chain-steps {\n display: grid;\n gap: 1.5rem;\n margin-top: 1rem;\n }\n\n .chain-step {\n background: white;\n padding: 1.25rem;\n border-radius: 10px;\n border-left: 4px solid #a855f7;\n }\n\n .chain-step-header {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n margin-bottom: 0.75rem;\n }\n\n .step-number {\n background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);\n color: white;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 0.9rem;\n }\n\n .chain-step h4 {\n color: #7c3aed;\n font-size: 1.1rem;\n }\n\n .chain-step p {\n color: #475569;\n margin-bottom: 0.5rem;\n }\n\n .chain-step .example {\n background: #f8fafc;\n padding: 0.75rem;\n border-radius: 6px;\n font-size: 0.9rem;\n color: #64748b;\n margin-top: 0.5rem;\n }\n\n .hitl-tips {\n background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);\n border-radius: 12px;\n padding: 1.5rem;\n }\n\n .tips-grid {\n display: grid;\n gap: 1rem;\n margin-top: 1rem;\n }\n\n .tip-item {\n background: white;\n padding: 1rem;\n border-radius: 8px;\n border-left: 3px solid #10b981;\n }\n\n .tip-item h4 {\n color: #047857;\n font-size: 1rem;\n margin-bottom: 0.5rem;\n }\n\n .tip-item p {\n color: #475569;\n font-size: 0.9rem;\n }\n\n .tip-item .follow-up {\n background: #f0fdf4;\n padding: 0.6rem;\n border-radius: 6px;\n margin-top: 0.5rem;\n font-size: 0.85rem;\n color: #166534;\n font-style: italic;\n }\n\n .card-footer {\n background: #f8fafc;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 2rem;\n flex-wrap: wrap;\n border-top: 1px solid #e2e8f0;\n }\n\n .stat {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n color: #475569;\n font-size: 0.95rem;\n }\n\n .stat strong {\n color: #1e293b;\n }\n\n .toast {\n position: fixed;\n bottom: 2rem;\n right: 2rem;\n background: #10b981;\n color: white;\n padding: 1rem 1.5rem;\n border-radius: 8px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n display: none;\n align-items: center;\n gap: 0.5rem;\n animation: slideIn 0.3s ease;\n z-index: 1000;\n }\n\n .toast.show {\n display: flex;\n }\n\n @keyframes slideIn {\n from {\n transform: translateX(400px);\n opacity: 0;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n }\n\n @media (max-width: 768px) {\n body {\n padding: 1rem;\n }\n\n .header h1 {\n font-size: 2rem;\n }\n\n .card-header h2 {\n font-size: 1.5rem;\n }\n\n .logic-grid {\n grid-template-columns: 1fr;\n }\n\n .card-footer {\n flex-direction: column;\n gap: 1rem;\n }\n\n .copy-button {\n position: static;\n width: 100%;\n margin-top: 1rem;\n }\n\n .prompt-box {\n padding-top: 1.5rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <h1>AiPro Institute\u2122<\/h1>\n <\/div>\n\n <div class=\"card\">\n <div class=\"card-header\">\n <h2>Instagram Feed Template (9-Grid)<\/h2>\n <p>Design cohesive 3x3 Instagram grid layouts with strategic visual flow that creates stunning profile aesthetics and drives follower engagement<\/p>\n \n <div class=\"meta-badges\">\n <span class=\"badge badge-skill-advanced\">\ud83d\udd25 Advanced<\/span>\n <span class=\"badge badge-time\">\u23f1\ufe0f 8-12 minutes<\/span>\n <span class=\"badge badge-cost\">\ud83d\udc8e High Cost<\/span>\n <span class=\"badge badge-format\">\ud83d\uddbc\ufe0f Image Format<\/span>\n <\/div>\n\n <div class=\"tool-compatibility\">\n <h3>\ud83d\udee0\ufe0f Tool Compatibility<\/h3>\n <div class=\"tool-badges\">\n <span class=\"tool-badge\">Optimized for DALL-E 3<\/span>\n <span class=\"tool-badge\">Optimized for Midjourney<\/span>\n <span class=\"tool-badge\">Optimized for Canva AI<\/span>\n <span class=\"tool-badge model-agnostic\">\u2728 Model Agnostic<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card-body\">\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83d\udccb The Prompt<\/h3>\n <div class=\"prompt-box\">\n <button class=\"copy-button\" onclick=\"copyPrompt()\">\ud83d\udccb Copy Prompt<\/button>\n <div id=\"promptContent\">You are an expert Instagram visual strategist and feed designer with 10+ years of experience creating cohesive, high-engagement grid layouts for brands. Design a strategic 9-post Instagram grid (3x3 layout) that creates visual impact when viewed as a whole profile.\n\n**Brand & Account Context:**\n- Brand\/Account: <span class=\"placeholder\">[Insert Brand Name or Personal Brand Identity]<\/span>\n- Industry\/Niche: <span class=\"placeholder\">[Insert Industry - e.g., fashion, wellness, food, travel, coaching, SaaS, creative agency]<\/span>\n- Brand Personality: <span class=\"placeholder\">[Insert 3-4 brand attributes - e.g., minimalist & modern, vibrant & playful, luxurious & sophisticated, warm & authentic]<\/span>\n- Target Audience: <span class=\"placeholder\">[Insert audience demographic & psychographic]<\/span>\n- Account Goal: <span class=\"placeholder\">[Insert goal - e.g., drive sales, build community, establish thought leadership, showcase portfolio]<\/span>\n\n**Grid Strategy & Layout Pattern:**\n\n1. **Overall Grid Design Pattern:**\n - Layout Style: <span class=\"placeholder\">[Insert pattern - e.g., checkerboard (alternating content types), row-based themes (each row tells a story), diagonal flow, center focus with frame, puzzle grid (images connect), rainbow\/gradient flow, minimalist uniform, maximalist eclectic]<\/span>\n - Visual Flow Direction: <span class=\"placeholder\">[Insert flow - e.g., left to right reading flow, diagonal top-left to bottom-right, center radiating outward, vertical columns]<\/span>\n - Grid Cohesion Method: <span class=\"placeholder\">[Insert method - e.g., consistent color palette, repeating visual elements, unified lighting style, matching filters, thematic continuity]<\/span>\n\n2. **Color Palette & Visual Consistency:**\n - Primary Colors: <span class=\"placeholder\">[Insert 2-3 dominant colors that appear throughout grid]<\/span>\n - Accent Colors: <span class=\"placeholder\">[Insert 1-2 accent colors for variety]<\/span>\n - Background Tones: <span class=\"placeholder\">[Insert background approach - e.g., all white backgrounds, warm neutrals, dark moody tones, colorful gradients]<\/span>\n - Color Distribution: <span class=\"placeholder\">[Insert strategy - e.g., each row has one dominant color, colors alternate diagonally, gradient progression across grid]<\/span>\n\n3. **Content Mix & Post Types:**\n\nSpecify what each of the 9 posts should feature:\n\n**Row 1 (Top Row - First Impression):**\n- Post 1 (Top Left): <span class=\"placeholder\">[Insert content type & description - e.g., \"Lifestyle hero image: person using product in aspirational setting with warm golden lighting\"]<\/span>\n- Post 2 (Top Center): <span class=\"placeholder\">[Insert content type - e.g., \"Text-based quote graphic with brand colors on minimalist background\"]<\/span>\n- Post 3 (Top Right): <span class=\"placeholder\">[Insert content type - e.g., \"Product flat lay with complementary props, top-down view, cohesive color palette\"]<\/span>\n\n**Row 2 (Middle Row - Core Content):**\n- Post 4 (Middle Left): <span class=\"placeholder\">[Insert content type - e.g., \"Behind-the-scenes workspace shot, authentic and relatable\"]<\/span>\n- Post 5 (Center - Key Position): <span class=\"placeholder\">[Insert hero\/focal content - e.g., \"Main product hero shot or founder portrait - this is your grid focal point\"]<\/span>\n- Post 6 (Middle Right): <span class=\"placeholder\">[Insert content type - e.g., \"Customer testimonial graphic with photo and quote overlay\"]<\/span>\n\n**Row 3 (Bottom Row - Supporting Content):**\n- Post 7 (Bottom Left): <span class=\"placeholder\">[Insert content type - e.g., \"Educational infographic showing process or tips\"]<\/span>\n- Post 8 (Bottom Center): <span class=\"placeholder\">[Insert content type - e.g., \"Lifestyle detail shot, close-up with shallow depth of field\"]<\/span>\n- Post 9 (Bottom Right): <span class=\"placeholder\">[Insert content type - e.g., \"Call-to-action graphic promoting offer or engagement\"]<\/span>\n\n4. **Visual Style Guidelines:**\n - Photography Style: <span class=\"placeholder\">[Insert style - e.g., bright & airy, dark & moody, natural & organic, high-contrast editorial, soft pastel, bold saturated]<\/span>\n - Composition Rules: <span class=\"placeholder\">[Insert rules - e.g., all images follow rule of thirds, centered compositions, negative space on left\/right alternating]<\/span>\n - Typography Style (for text posts): <span class=\"placeholder\">[Insert typography - e.g., modern sans-serif bold headlines, elegant serif for luxury feel, handwritten casual fonts]<\/span>\n - Graphics Style: <span class=\"placeholder\">[Insert graphics approach - e.g., minimal geometric shapes, organic flowing elements, no graphics (photo-only), illustrated overlays]<\/span>\n\n5. **Grid Balance & Rhythm:**\n - Content Type Distribution: <span class=\"placeholder\">[Insert ratio - e.g., 5 photos + 3 graphics + 1 video cover, 6 lifestyle photos + 3 text quotes, all photos with varied compositions]<\/span>\n - Visual Weight Balance: <span class=\"placeholder\">[Insert balance - e.g., alternate heavy\/light visual weight, diagonal balance, symmetrical balance, asymmetrical dynamic balance]<\/span>\n - Breathing Room: <span class=\"placeholder\">[Insert spacing strategy - e.g., negative space posts act as visual breaks, every third post is minimal, dense content throughout]<\/span>\n\n6. **Technical Specifications:**\n - Aspect Ratio: 1:1 square (1080x1080px) for all 9 posts\n - Image Quality: High resolution, Instagram-optimized\n - Filter\/Editing Consistency: <span class=\"placeholder\">[Insert editing style - e.g., +10 brightness, +15 contrast, slight warm tint, VSCO Cam A6 preset equivalent, no filters - natural]<\/span>\n - Text Overlay Guidelines: <span class=\"placeholder\">[Insert text rules if applicable - e.g., max 3 lines of text, text always in upper third, no text on photos (graphics only)]<\/span>\n\n**Strategic Considerations:**\n\n- **Scroll-Stopping Element:** Which post(s) should have highest visual impact? <span class=\"placeholder\">[Insert - e.g., Post 2 and Post 5]<\/span>\n- **Story Thread:** Does the grid tell a narrative when viewed as a whole? <span class=\"placeholder\">[Insert - e.g., \"Yes - journey from problem to solution,\" \"No - variety showcase,\" \"Subtle progression from day to night\"]<\/span>\n- **Brand Recognition:** What visual elements make this instantly recognizable as YOUR brand? <span class=\"placeholder\">[Insert - e.g., consistent dusty rose color, geometric border on every post, founder always wearing signature color, minimalist white space]<\/span>\n\n**Style References:**\n<span class=\"placeholder\">[Insert Instagram accounts or aesthetic references - e.g., \"@glossier feed aesthetic,\" \"Kinfolk magazine editorial style,\" \"@airbnb's colorful travel grid\"]<\/span>\n\nPlease generate detailed descriptions for each of the 9 Instagram posts that:\n- Work together as a cohesive visual grid when viewed on profile\n- Each post is independently strong and engaging\n- Create intentional visual flow and rhythm across the 3x3 layout\n- Reflect brand personality and appeal to target audience\n- Balance variety with consistency\n- Follow Instagram best practices for engagement and profile aesthetics\n\nFor each post, provide: (1) Detailed visual description, (2) Key visual elements, (3) Color palette used, (4) How it connects to adjacent posts in the grid.<\/div>\n <\/div>\n <p style=\"color: #64748b; font-size: 0.9rem;\">\n \ud83d\udca1 <strong>Tip:<\/strong> Fill in the <span class=\"placeholder\">[orange placeholders]<\/span> with your specific details before using this prompt.\n <\/p>\n <\/div>\n\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83e\udde0 The Logic (Why This Prompt Works)<\/h3>\n <div class=\"logic-grid\">\n <div class=\"logic-item\">\n <h4>Instagram Visual Strategist Role<\/h4>\n <p>Establishing expertise in \"Instagram visual strategy and feed design\" ensures the AI understands grid-level thinking, not just individual post design. This activates knowledge of how posts interact visually when viewed together on a profile.<\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>Post-by-Post Specification<\/h4>\n <p>Requiring detailed content description for all 9 posts individually prevents generic \"here's a grid concept\" outputs. This forces strategic thinking about each position's role in the overall grid narrative and visual flow.<\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>Layout Pattern Strategy<\/h4>\n <p>Specifying layout patterns (checkerboard, row themes, diagonal flow) gives the grid intentional structure. Random varied posts look chaotic; strategic patterns create professional, cohesive aesthetics that grow followers.<\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>Color Palette Consistency<\/h4>\n <p>Instagram's algorithm and human psychology both favor consistent color palettes. Defining primary, accent, and background colors ensures instant brand recognition and creates that \"professional feed\" aesthetic users expect from serious accounts.<\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>Grid Balance & Rhythm Control<\/h4>\n <p>The \"Visual Weight Balance\" and \"Breathing Room\" specifications prevent feeds that feel too busy OR too boring. Strategic distribution of content density creates engaging rhythm that keeps followers scrolling through your profile.<\/p>\n <\/div>\n <div class=\"logic-item\">\n <h4>Position-Specific Strategy<\/h4>\n <p>Highlighting Post 5 (center) as \"key position\" and Row 1 as \"first impression\" ensures strategic content placement. Instagram users scan grids in predictable patterns - this prompt leverages that psychology.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83d\udc41\ufe0f Output Preview<\/h3>\n <div class=\"output-preview\">\n <h4>\ud83c\udfaf Example Result:<\/h4>\n <p style=\"margin-bottom: 1rem; color: #475569;\">\n <strong>Example Input:<\/strong> Wellness coaching brand targeting busy professionals seeking work-life balance\n <\/p>\n <p style=\"color: #475569; font-style: italic; margin-bottom: 1rem;\">\n <strong>Grid Strategy: Diagonal Flow with Alternating Content Types<\/strong><br><br>\n\n<strong>Row 1:<\/strong><br>\nPost 1: Lifestyle photo of morning journaling scene with coffee and plants, soft natural light, warm beige\/sage color palette<br>\nPost 2: Minimalist text quote \"Balance is not something you find, it's something you create\" on cream background with sage botanical illustration<br>\nPost 3: Close-up hands holding wellness planner, shallow DOF, consistent warm tones<br><br>\n\n<strong>Row 2:<\/strong><br>\nPost 4: Behind-scenes workspace, laptop with wellness content, plant in background, authentic vibe<br>\nPost 5 [CENTER HERO]: Professional portrait of coach in natural setting, genuine smile, approachable energy, warm golden hour light<br>\nPost 6: Testimonial graphic with client photo and transformational quote in brand fonts and sage\/cream colors<br><br>\n\n<strong>Row 3:<\/strong><br>\nPost 7: Educational infographic \"5 Daily Habits for Better Balance\" with icons and clean design<br>\nPost 8: Lifestyle shot of evening self-care ritual, book and tea, cozy warm lighting<br>\nPost 9: CTA graphic promoting free workshop, clear value prop, brand colors, actionable button text<br><br>\n\n<strong>Cohesion:<\/strong> Diagonal flow from Post 1 \u2192 Post 5 \u2192 Post 9 creates narrative from morning to evening wellness journey. Consistent warm beige\/sage\/cream palette. Alternating photo\/graphic pattern prevents monotony. All images have breathing room and negative space. Typography consistent across graphics. The grid tells a story of achievable, authentic wellness.\n <\/p>\n <p style=\"color: #854d0e; font-weight: 600; margin-top: 1rem;\">\n \u2705 This 9-grid specification creates a cohesive, professional Instagram aesthetic that communicates brand values at-a-glance and encourages profile follows. Each post works independently but shines when viewed as part of the complete grid.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h3 class=\"section-title\">\u26d3\ufe0f Chain Strategy (Advanced Workflow)<\/h3>\n <div class=\"chain-strategy\">\n <p style=\"color: #6b21a8; font-weight: 600; margin-bottom: 1rem;\">\n <strong>3-Step Sequential Strategy for Continuous Feed Excellence:<\/strong> Build an always-cohesive Instagram presence with rolling grid planning.\n <\/p>\n <div class=\"chain-steps\">\n <div class=\"chain-step\">\n <div class=\"chain-step-header\">\n <span class=\"step-number\">1<\/span>\n <h4>Audit Current Feed & Define Visual Identity<\/h4>\n <\/div>\n <p><strong>Prompt:<\/strong> \"Analyze my current Instagram feed aesthetic and identify: (1) Current color palette and whether it's consistent, (2) Content mix ratios (photos vs graphics vs videos), (3) Visual patterns or lack thereof, (4) What's working well visually, (5) Gaps or inconsistencies that hurt cohesion, (6) Recommended visual identity direction that aligns with my brand as <span class=\"placeholder\">[brand description]<\/span> targeting <span class=\"placeholder\">[audience]<\/span>. Provide specific color codes, style guidelines, and content distribution recommendations.\"<\/p>\n <div class=\"example\">\n <strong>Why:<\/strong> Understanding your starting point and defining clear visual identity rules ensures every grid you create builds toward a cohesive long-term brand aesthetic rather than random pretty posts.\n <\/div>\n <\/div>\n\n <div class=\"chain-step\">\n <div class=\"chain-step-header\">\n <span class=\"step-number\">2<\/span>\n <h4>Generate Strategic 9-Grid (This Prompt)<\/h4>\n <\/div>\n <p><strong>Action:<\/strong> Use the main Instagram Feed Template prompt above with visual identity rules from Step 1. Plan your next 9 posts strategically as a cohesive unit, considering how they'll look together on your profile grid.<\/p>\n <div class=\"example\">\n <strong>Why:<\/strong> Batch-planning 9 posts ensures grid cohesion. Posting one-at-a-time without grid-level planning results in chaotic feeds that hurt follower growth and brand perception.\n <\/div>\n <\/div>\n\n <div class=\"chain-step\">\n <div class=\"chain-step-header\">\n <span class=\"step-number\">3<\/span>\n <h4>Create Rolling Grid Continuity<\/h4>\n <\/div>\n <p><strong>Prompt:<\/strong> \"I've just completed this 9-post grid: <span class=\"placeholder\">[paste previous grid summary]<\/span>. Now design the NEXT 9 posts (Posts 10-18) that will create a cohesive 6x3 grid when combined with posts 7-9 from the previous grid. Maintain: (1) Same color palette and visual style, (2) Continued content mix ratios, (3) Grid pattern consistency, (4) But introduce <span class=\"placeholder\">[new theme\/campaign element]<\/span> while maintaining brand recognition. Show how posts 10-18 flow naturally from the existing grid.\"<\/p>\n <div class=\"example\">\n <strong>Why:<\/strong> This \"rolling grid\" approach ensures your ENTIRE profile remains cohesive as you continue posting, not just each individual 9-grid. Your profile aesthetic stays strong indefinitely with this systematic planning.\n <\/div>\n <\/div>\n <\/div>\n <p style=\"color: #6b21a8; font-weight: 600; margin-top: 1rem; font-size: 0.9rem;\">\n \ud83d\udca1 <strong>Pro Tip:<\/strong> Use Instagram grid planning tools (Preview App, Later, Planoly) to visualize your 9-grid before posting. What looks good in isolation might not work in grid context - always preview the layout first.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83d\udca1 Human-in-the-Loop Refinement Tips<\/h3>\n <div class=\"hitl-tips\">\n <p style=\"color: #065f46; font-weight: 600; margin-bottom: 1rem;\">\n \ud83c\udfa8 + \ud83e\udd16 = \ud83d\ude80 AI generates the foundation\u2014your strategic eye makes it exceptional. Use these refinement strategies:\n <\/p>\n <div class=\"tips-grid\">\n <div class=\"tip-item\">\n <h4>If the grid feels too uniform or boring:<\/h4>\n <p>Perfect consistency can paradoxically look flat and unengaging. Introduce strategic variety within your consistency framework.<\/p>\n <div class=\"follow-up\">\n <strong>Example refinement prompt:<\/strong> \"Maintain the color palette and overall aesthetic, but add strategic variety: Make Post 3 and Post 7 slightly bolder\/more vibrant to act as 'energy pops' in the grid. Vary composition angles more - include at least one low angle and one high angle shot. Add one unexpected element that surprises but still aligns with brand personality.\"\n <\/div>\n <\/div>\n\n <div class=\"tip-item\">\n <h4>If color palette doesn't translate well to your actual brand:<\/h4>\n <p>AI suggestions might not match your exact brand colors. Refine the palette to match your official brand guidelines while maintaining grid cohesion.<\/p>\n <div class=\"follow-up\">\n <strong>Example refinement prompt:<\/strong> \"Adjust the color palette to use my exact brand colors: Primary: <span class=\"placeholder\">[HEX code]<\/span>, Secondary: <span class=\"placeholder\">[HEX code]<\/span>, Accent: <span class=\"placeholder\">[HEX code]<\/span>. Rework the grid color distribution to feature these specific colors while maintaining visual flow and cohesion. Each color should appear at least twice across the 9 posts.\"\n <\/div>\n <\/div>\n\n <div class=\"tip-item\">\n <h4>To adapt grid for seasonal campaigns or launches:<\/h4>\n <p>Maintain brand recognition while introducing timely or promotional content without disrupting feed aesthetics.<\/p>\n <div class=\"follow-up\">\n <strong>Example refinement prompt:<\/strong> \"Adapt this grid for <span class=\"placeholder\">[seasonal event\/product launch]<\/span>: Keep the same grid pattern and 6 of the original posts. Replace Posts <span class=\"placeholder\">[2, 5, 8]<\/span> with campaign-specific content that highlights <span class=\"placeholder\">[promotion\/theme]<\/span>. The campaign posts should integrate seamlessly - use <span class=\"placeholder\">[seasonal color accent]<\/span> as a subtle thread connecting these three posts while maintaining overall brand palette.\"\n <\/div>\n <\/div>\n\n <div class=\"tip-item\">\n <h4>To test multiple grid layout options:<\/h4>\n <p>Before committing, explore 2-3 different grid pattern approaches to see which resonates best with your brand and goals.<\/p>\n <div class=\"follow-up\">\n <strong>Example refinement prompt:<\/strong> \"Create two alternative grid layouts for the same 9 pieces of content: Version A) Checkerboard pattern alternating photos and graphics, Version B) Row-based themes where each row tells a mini-story. Use identical content, color palette, and style - only change the arrangement\/pattern. Compare the visual impact and strategic storytelling of each approach.\"\n <\/div>\n <\/div>\n\n <div class=\"tip-item\">\n <h4>To ensure mobile vs desktop consistency:<\/h4>\n <p>Grids look different on mobile (where most users view) versus desktop. Text that's readable on desktop might be tiny on mobile.<\/p>\n <div class=\"follow-up\">\n <strong>Manual enhancement:<\/strong> After generating grid concepts, use Instagram's grid preview tools or mockup apps to view exactly how it appears on mobile devices. Check: (1) Is text legible on small screens? (2) Are important visual elements too small? (3) Does the pattern still read clearly at thumbnail size? Adjust any posts where key elements are lost at mobile scale.\n <\/div>\n <\/div>\n\n <div class=\"tip-item\">\n <h4>To future-proof grid as posts age off:<\/h4>\n <p>Your carefully planned 9-grid will shift as new posts are added. Plan for graceful aging of your grid design.<\/p>\n <div class=\"follow-up\">\n <strong>Strategic approach:<\/strong> When planning your 9-grid, consider what happens when Post 1 eventually drops off the visible grid. Ask: \"Will posts 2-10 still look cohesive?\" Design your grid pattern to be \"rolling-friendly\" - patterns that work for any 9-post window, not just this specific set. Avoid designs that only work with all 9 exact posts visible (like creating one large image split across 9 posts - this breaks as soon as you post #10).\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card-footer\">\n <div class=\"stat\">\u2b50 <strong>4.7<\/strong> (267 ratings)<\/div>\n <div class=\"stat\">\ud83d\udccb <strong>3,156<\/strong> copies<\/div>\n <div class=\"stat\">\ud83d\udcac <strong>143<\/strong> reviews<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"toast\" id=\"toast\">\n \u2705 Prompt copied to clipboard!\n <\/div>\n\n <script>\n function copyPrompt() {\n const promptContent = document.getElementById('promptContent').innerText;\n navigator.clipboard.writeText(promptContent).then(() => {\n const button = document.querySelector('.copy-button');\n const toast = document.getElementById('toast');\n \n button.textContent = '\u2705 Copied!';\n button.classList.add('copied');\n toast.classList.add('show');\n \n setTimeout(() => {\n button.textContent = '\ud83d\udccb Copy Prompt';\n button.classList.remove('copied');\n toast.classList.remove('show');\n }, 3000);\n });\n }\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Instagram Feed Template (9-Grid) – AiPro Institute\u2122 Prompt Library AiPro Institute\u2122 Instagram Feed Template (9-Grid) Design cohesive 3×3 Instagram grid layouts with strategic visual flow that creates stunning profile aesthetics and drives follower engagement \ud83d\udd25 Advanced \u23f1\ufe0f 8-12 minutes \ud83d\udc8e High Cost \ud83d\uddbc\ufe0f Image Format \ud83d\udee0\ufe0f Tool Compatibility Optimized for DALL-E 3 Optimized for Midjourney…<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[110,96],"tags":[],"class_list":["post-3651","post","type-post","status-publish","format-standard","hentry","category-marketing-visuals","category-visual-creation"],"acf":[],"_links":{"self":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/3651","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/comments?post=3651"}],"version-history":[{"count":4,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/3651\/revisions"}],"predecessor-version":[{"id":3655,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/3651\/revisions\/3655"}],"wp:attachment":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/media?parent=3651"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/categories?post=3651"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/tags?post=3651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}