{"id":4561,"date":"2026-01-15T16:17:52","date_gmt":"2026-01-15T08:17:52","guid":{"rendered":"https:\/\/teen.aiproinstitute.com\/?p=4561"},"modified":"2026-01-15T18:04:10","modified_gmt":"2026-01-15T10:04:10","slug":"brand-guidelines-document-2","status":"publish","type":"post","link":"https:\/\/teen.aiproinstitute.com\/zh\/brand-guidelines-document-2\/","title":{"rendered":"Brand Guidelines Document\u00a0"},"content":{"rendered":"
\n\t\t\t\t\t\t
\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 Brand Guidelines Document - 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-intermediate {\n background: #f59e0b;\n color: white;\n }\n\n .badge-time {\n background: #10b981;\n color: white;\n }\n\n .badge-cost {\n background: #f59e0b;\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 color: white;\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: #f8f9fa;\n border-left: 4px solid #7c3aed;\n padding: 1.5rem;\n border-radius: 8px;\n font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Courier New', monospace;\n font-size: 0.9rem;\n line-height: 1.8;\n white-space: pre-wrap;\n margin-bottom: 1.5rem;\n }\n\n .placeholder {\n color: #f97316;\n font-weight: 600;\n background: rgba(249, 115, 22, 0.1);\n padding: 2px 6px;\n border-radius: 4px;\n }\n\n .copy-button {\n background: linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);\n color: white;\n border: none;\n padding: 0.75rem 1.75rem;\n border-radius: 25px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n box-shadow: 0 4px 15px rgba(124, 58, 237, 0.3);\n transition: all 0.3s ease;\n }\n\n .copy-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(124, 58, 237, 0.4);\n }\n\n .tip-box {\n background: #fff3cd;\n border-left: 4px solid #ffc107;\n padding: 1rem 1.25rem;\n border-radius: 8px;\n margin-bottom: 1.5rem;\n font-size: 0.95rem;\n }\n\n .logic-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n }\n\n .logic-item {\n background: #f8f9fa;\n padding: 1.25rem;\n border-radius: 12px;\n border-left: 4px solid #7c3aed;\n }\n\n .logic-item h4 {\n color: #7c3aed;\n margin-bottom: 0.75rem;\n font-size: 1.05rem;\n }\n\n .logic-item p {\n color: #495057;\n line-height: 1.6;\n font-size: 0.95rem;\n }\n\n .output-preview {\n background: #f8f9fa;\n border-radius: 12px;\n padding: 1.5rem;\n }\n\n .preview-item {\n background: white;\n padding: 1.25rem;\n border-radius: 8px;\n margin-bottom: 1.25rem;\n border: 2px solid #e9ecef;\n }\n\n .preview-item h4 {\n color: #7c3aed;\n margin-bottom: 0.75rem;\n font-size: 1.05rem;\n }\n\n .preview-content {\n color: #495057;\n line-height: 1.7;\n font-size: 0.95rem;\n }\n\n .chain-steps {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n\n .chain-step {\n background: #f8f9fa;\n padding: 1.5rem;\n border-radius: 12px;\n border-left: 4px solid #7c3aed;\n position: relative;\n }\n\n .step-number {\n position: absolute;\n top: -12px;\n left: 20px;\n background: linear-gradient(135deg, #7c3aed 0%, #3b82f6 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: bold;\n font-size: 1em;\n box-shadow: 0 4px 10px rgba(124, 58, 237, 0.3);\n }\n\n .chain-step h4 {\n color: #7c3aed;\n margin-bottom: 0.75rem;\n margin-top: 0.5rem;\n font-size: 1.1rem;\n }\n\n .chain-step p {\n color: #495057;\n line-height: 1.7;\n font-size: 0.95rem;\n }\n\n .hitl-tips {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .hitl-tip {\n background: white;\n padding: 1.25rem;\n border-radius: 8px;\n border-left: 4px solid #28a745;\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n }\n\n .hitl-tip strong {\n color: #28a745;\n display: block;\n margin-bottom: 0.5rem;\n font-size: 1rem;\n }\n\n .hitl-tip p {\n color: #495057;\n line-height: 1.6;\n font-size: 0.95rem;\n }\n\n .card-footer {\n background: #f8f9fa;\n padding: 1.5rem 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1rem;\n border-top: 1px solid #e9ecef;\n }\n\n .footer-stats {\n display: flex;\n gap: 2rem;\n flex-wrap: wrap;\n }\n\n .stat {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n color: #495057;\n font-size: 0.95rem;\n }\n\n .stat-icon {\n color: #ffc107;\n font-size: 1.2em;\n }\n\n .toast {\n position: fixed;\n bottom: 30px;\n right: 30px;\n background: #28a745;\n color: white;\n padding: 1rem 1.5rem;\n border-radius: 8px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.3);\n display: none;\n align-items: center;\n gap: 0.75rem;\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 .card-header h2 {\n font-size: 1.5rem;\n }\n\n .logic-grid {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"card\">\n <div class=\"card-header\">\n <h2>\ud83d\udcd8 Brand Guidelines Document<\/h2>\n <p>Comprehensive Brand Identity System & Visual Standards Manual<\/p>\n \n <div class=\"meta-badges\">\n <span class=\"badge badge-skill-intermediate\">\ud83c\udfaf Intermediate<\/span>\n <span class=\"badge badge-time\">\u23f1\ufe0f 25-35 minutes<\/span>\n <span class=\"badge badge-cost\">\ud83d\udcb0 ~800 tokens<\/span>\n <span class=\"badge badge-format\">\ud83d\udcc4 Document<\/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 model-agnostic\">\u2728 Model Agnostic<\/span>\n <span class=\"tool-badge\">GPT-4o<\/span>\n <span class=\"tool-badge\">Claude 3.5<\/span>\n <span class=\"tool-badge\">Gemini 2.5<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card-body\">\n <!-- THE PROMPT SECTION -->\n <div class=\"section\">\n <div class=\"section-title\">\ud83d\udcac The Prompt<\/div>\n \n <div class=\"tip-box\">\n <strong>\ud83d\udca1 Tip:<\/strong> Fill in the orange placeholders before using this prompt. Having existing brand assets (logos, color samples, fonts) ready will significantly improve results.\n <\/div>\n \n <div class=\"prompt-box\" id=\"promptContent\">You are an expert brand strategist and design system architect specializing in creating comprehensive, professional brand guidelines documents that ensure consistent brand application across all touchpoints.\n\nCreate a complete, production-ready brand guidelines document for my organization with the following specifications:\n\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\ud83d\udccb ORGANIZATION & BRAND OVERVIEW\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\nOrganization Name: [Your Company\/Brand Name]\nIndustry: [Industry\/Sector]\nTarget Audience: [Primary audience demographics and psychographics]\nBrand Positioning: [How you want to be perceived in the market]\n\nBrand Personality (select 3-5):\n\u2610 Professional \u2610 Innovative \u2610 Trustworthy \u2610 Friendly\n\u2610 Bold \u2610 Sophisticated \u2610 Playful \u2610 Authoritative\n\u2610 Approachable \u2610 Luxurious \u2610 Technical \u2610 Creative\n\u2610 Other: [Specify]\n\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\ud83c\udfaf BRAND FOUNDATION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\nBrand Mission:\n[Your mission statement - why you exist]\n\nBrand Vision:\n[Your vision statement - where you're heading]\n\nBrand Values (3-5 core values):\n1. [Value 1]: [Brief explanation]\n2. [Value 2]: [Brief explanation]\n3. [Value 3]: [Brief explanation]\n4. [Value 4]: [Brief explanation]\n5. [Value 5]: [Brief explanation]\n\nBrand Promise:\n[What customers can always expect from you]\n\nUnique Value Proposition:\n[What makes you different from competitors]\n\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\ud83c\udfa8 LOGO & VISUAL IDENTITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\nPrimary Logo:\n- File format: [e.g., SVG, PNG, AI]\n- Construction\/grid system: [Yes\/No - if yes, explain]\n- Minimum size: [e.g., 1\" width, 32px digital]\n- Clear space requirement: [e.g., Equal to height of logo]\n\nLogo Variations Needed:\n\u2610 Primary (full color)\n\u2610 Secondary\/Alternative lockup\n\u2610 Monochrome (black)\n\u2610 Monochrome (white)\n\u2610 Simplified\/Icon only\n\u2610 Horizontal version\n\u2610 Vertical\/stacked version\n\nLogo Usage Rules:\n- Acceptable uses: [When and where to use each variation]\n- Prohibited modifications: [What NOT to do - stretch, rotate, recolor, etc.]\n- Background specifications: [Minimum contrast ratios, approved background colors]\n- Co-branding guidelines: [If applicable - how to use with partner logos]\n\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\ud83c\udfa8 COLOR PALETTE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\nPrimary Colors:\n- Primary Color 1: [Color Name] - [Hex: #000000 | RGB: 0,0,0 | CMYK: 0,0,0,100 | Pantone: ____]\n Usage: [When\/where to use - e.g., primary brand applications, headers, CTA buttons]\n \n- Primary Color 2: [Color Name] - [Hex\/RGB\/CMYK\/Pantone]\n Usage: [Specify]\n\nSecondary\/Accent Colors:\n- Accent 1: [Color Name] - [Hex\/RGB\/CMYK\/Pantone]\n Usage: [e.g., highlights, links, secondary CTAs]\n \n- Accent 2: [Color Name] - [Hex\/RGB\/CMYK\/Pantone]\n Usage: [Specify]\n\nNeutral Colors:\n- Light Neutral: [Hex\/RGB\/CMYK] - Usage: [Backgrounds, light UI elements]\n- Mid Neutral: [Hex\/RGB\/CMYK] - Usage: [Body text, borders]\n- Dark Neutral: [Hex\/RGB\/CMYK] - Usage: [Headers, dark UI elements]\n\nColor Application Guidelines:\n- Color hierarchy: [Which colors are dominant, supportive, accent]\n- Accessibility: [WCAG AA\/AAA compliance requirements - contrast ratios]\n- Print vs. Digital: [Any color variations or considerations]\n- Do's & Don'ts: [Examples of correct and incorrect color usage]\n\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\ud83d\udcdd TYPOGRAPHY SYSTEM\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\nPrimary Typeface (Headings\/Display):\n- Font Name: [e.g., Montserrat Bold]\n- Font Weights: [Available weights - e.g., Regular, Semi-Bold, Bold]\n- Usage: [All headings H1-H6, display text, emphasis]\n- Fallback Fonts: [Web-safe alternatives if primary unavailable]\n- Where to source: [Google Fonts, Adobe Fonts, Commercial License needed?]\n\nSecondary Typeface (Body Text):\n- Font Name: [e.g., Open Sans Regular]\n- Font Weights: [Available weights]\n- Usage: [Body copy, paragraphs, captions]\n- Fallback Fonts: [Alternatives]\n\nTypography Scale & Hierarchy:\n- H1 (Main Heading): [Font, Size, Weight, Line Height, Letter Spacing]\n Example: Montserrat Bold, 48px\/3rem, Line Height 1.2, Letter Spacing -0.5px\n \n- H2 (Section Heading): [Specs]\n- H3 (Subsection Heading): [Specs]\n- H4-H6: [Specs]\n- Body Text (Paragraph): [Font, 16px\/1rem, Line Height 1.6]\n- Caption\/Small Text: [Specs]\n- Button Text: [Specs]\n\nTypography Guidelines:\n- Line length: [Optimal 50-75 characters per line for readability]\n- Paragraph spacing: [Space between paragraphs]\n- Text alignment: [Left-aligned for body, centered for headings, etc.]\n- Emphasis styles: [Bold for emphasis, NO all-caps in body text, etc.]\n- Accessibility: [Minimum font size 14px for body, 12px for captions]\n\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\ud83d\udcf8 IMAGERY & PHOTOGRAPHY STYLE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\nPhotography Style:\n\u2610 Corporate\/Professional \u2610 Lifestyle\/Candid \u2610 Product-focused\n\u2610 Editorial\/Artistic \u2610 Documentary\/Authentic \u2610 Minimalist\n\nPhotography Guidelines:\n- Subject matter: [What to photograph - people, products, environments]\n- Composition: [Rule of thirds, centered, negative space, etc.]\n- Lighting: [Natural light, studio lighting, high-key, low-key]\n- Color treatment: [True-to-life, desaturated, high-contrast, specific color grading]\n- Mood\/Tone: [Energetic, calm, inspiring, professional, warm, cool]\n\nDo's:\n- \u2713 [e.g., Use authentic, diverse people in natural settings]\n- \u2713 [e.g., Maintain consistent color temperature across images]\n- \u2713 [e.g., Focus on storytelling and emotion]\n\nDon'ts:\n- \u2717 [e.g., No stock photos that look overly posed or generic]\n- \u2717 [e.g., Avoid busy backgrounds that distract from subject]\n- \u2717 [e.g., No excessive filters or heavy editing]\n\nIconography & Graphics:\n- Icon style: [Line icons, filled, duotone, 3D, hand-drawn]\n- Icon weight: [Stroke width if line icons]\n- Icon size: [Consistent sizing - e.g., 24px, 32px, 48px]\n- Icon color: [When to use brand colors vs. monochrome]\n\nIllustration Style (if applicable):\n[Describe illustration approach - flat, isometric, hand-drawn, etc.]\n\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\ud83d\udcac TONE OF VOICE & MESSAGING\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\nBrand Voice Characteristics (choose 3-5):\n\u2610 Professional \u2610 Friendly \u2610 Authoritative \u2610 Conversational\n\u2610 Technical \u2610 Inspirational \u2610 Witty \u2610 Empathetic\n\u2610 Direct \u2610 Educational \u2610 Enthusiastic \u2610 Calm\n\nTone Guidelines:\n- Formal vs. Informal: [Scale 1-10, where 1=very formal, 10=very casual]\n- Jargon usage: [Industry terms OK? Simplify for general audience?]\n- Sentence structure: [Short and punchy? Complex and detailed?]\n- Active vs. Passive voice: [Prefer active voice for clarity]\n- Contractions: [Yes - sounds human | No - more formal]\n\nLanguage Do's:\n- \u2713 [e.g., Use \"you\" to address customers directly]\n- \u2713 [e.g., Lead with benefits, not features]\n- \u2713 [e.g., Be transparent and honest]\n\nLanguage Don'ts:\n- \u2717 [e.g., Avoid clich\u00e9s like \"thinking outside the box\"]\n- \u2717 [e.g., No exaggerated claims or hype]\n- \u2717 [e.g., Never use negative or fear-based language]\n\nVoice Examples by Channel:\n- Website copy: [Tone and example sentence]\n- Social media: [Tone and example post]\n- Email marketing: [Tone and example subject line]\n- Customer support: [Tone and example response]\n- Advertising: [Tone and example tagline]\n\nKey Messaging Framework:\n- Elevator pitch (30 seconds): [Concise description of what you do and for whom]\n- Tagline\/Slogan: [Memorable phrase that captures brand essence]\n- Key Messages (3-5 core messages to repeat across communications):\n 1. [Message 1]\n 2. [Message 2]\n 3. [Message 3]\n\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\ud83d\udcd0 LAYOUT & COMPOSITION GUIDELINES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\nGrid System:\n- Column grid: [e.g., 12-column grid for web, 4-column for mobile]\n- Gutter width: [Space between columns]\n- Margins: [Page margins for print\/digital]\n\nSpacing System:\n- Base unit: [e.g., 8px - all spacing should be multiples of this]\n- Spacing scale: [4px, 8px, 16px, 24px, 32px, 48px, 64px, 96px]\n\nLayout Principles:\n- Visual hierarchy: [How to guide eye with size, color, position]\n- White space: [Generous white space for breathing room vs. compact]\n- Alignment: [Left-aligned default, centered for emphasis, etc.]\n- Balance: [Symmetrical vs. asymmetrical layouts]\n\nApplication Examples:\n- Business card layout: [Specs]\n- Letterhead layout: [Specs]\n- Presentation slide layout: [Specs]\n- Website page layout: [Specs]\n- Social media post layout: [Specs]\n\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\ud83c\udf10 DIGITAL & SOCIAL MEDIA GUIDELINES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\nWebsite Design Guidelines:\n- Header treatment: [Logo placement, navigation style, CTA button]\n- Content blocks: [Card designs, hero sections, testimonials]\n- Interactive elements: [Button styles, form fields, hover states]\n- Responsive design: [Mobile-first? Breakpoints?]\n\nSocial Media Specifications:\n- Profile image: [Logo version, dimensions for each platform]\n- Cover\/Banner image: [Brand imagery, dimensions]\n- Post templates: [Grid layouts, typography over image, consistent filters]\n- Hashtag strategy: [Branded hashtags to use]\n- Bio\/About text: [Consistent messaging across platforms]\n\nEmail Marketing:\n- Email template structure: [Header with logo, content blocks, footer]\n- Subject line style: [Tone, length, emoji usage]\n- Signature block: [Standardized email signature format]\n\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\ud83d\udda8\ufe0f PRINT & COLLATERAL GUIDELINES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\nBusiness Stationery:\n- Business cards: [Size, layout, information hierarchy]\n- Letterhead: [Logo placement, margins, footer]\n- Envelopes: [Return address, logo size]\n\nMarketing Collateral:\n- Brochures: [Fold style, cover design, inside layout]\n- Flyers: [Grid system, imagery usage, CTA placement]\n- Posters: [Typography hierarchy, visual balance]\n- Signage: [Legibility requirements, minimum sizes]\n\nPrint Specifications:\n- Color mode: [CMYK for print]\n- Resolution: [300 DPI minimum]\n- Bleed: [0.125\" standard]\n- Paper stock recommendations: [e.g., Matte vs. Glossy, weight]\n\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\ud83d\udcca BRAND APPLICATION EXAMPLES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\nPlease provide visual mockups or descriptions for:\n1. Business card (front & back)\n2. Letterhead\n3. Email signature\n4. Social media profile (Instagram\/LinkedIn)\n5. Website homepage hero section\n6. Presentation slide (title slide + content slide)\n7. Product packaging (if applicable)\n8. Advertising banner (digital)\n\nFor each, specify: layout, typography choices, color usage, imagery style, spacing.\n\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\ud83d\udd12 BRAND GOVERNANCE & USAGE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\nWho Should Use These Guidelines:\n[Internal teams, external partners, agencies, franchise locations, etc.]\n\nApproval Process:\n[Who approves brand materials before publication? Required review steps?]\n\nAsset Library:\n[Where brand assets are stored - shared drive, brand portal, DAM system]\n\nContact for Brand Questions:\n[Name\/Role\/Email of brand guardian or marketing lead]\n\nVersion Control:\n- Guidelines version: [v1.0]\n- Last updated: [Date]\n- Next review date: [Schedule quarterly\/annual reviews]\n\nUpdate Policy:\n[How to request changes, who can authorize updates to brand guidelines]\n\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\nPlease create a comprehensive brand guidelines document that:\n1. Ensures visual and verbal consistency across all brand touchpoints\n2. Empowers team members and partners to create on-brand materials confidently\n3. Protects brand integrity while allowing appropriate flexibility\n4. Includes clear do's and don'ts with visual examples\n5. Is organized logically with a table of contents and easy navigation\n6. Balances comprehensive detail with accessibility (not overwhelming)\n7. Can be distributed as a PDF, web page, or printed book\n\nProvide the complete brand guidelines content structured for professional design and layout.<\/div>\n \n <button class=\"copy-button\" onclick=\"copyPrompt()\">\n \ud83d\udccb Copy Prompt\n <\/button>\n <\/div>\n\n <!-- THE LOGIC SECTION -->\n <div class=\"section\">\n <div class=\"section-title\">\ud83e\udde0 The Logic: Why This Prompt Works<\/div>\n \n <div class=\"logic-grid\">\n <div class=\"logic-item\">\n <h4>\ud83c\udfaf Holistic Brand System Thinking<\/h4>\n <p>Covers visual identity, verbal identity, application examples, and governance\u2014ensuring the guidelines are comprehensive enough to address every brand touchpoint, not just logos and colors.<\/p>\n <\/div>\n \n <div class=\"logic-item\">\n <h4>\ud83d\udcd0 Design System Framework<\/h4>\n <p>Includes grid systems, spacing scales, typography hierarchies, and color systems\u2014foundational elements that enable consistent, scalable design across teams and platforms.<\/p>\n <\/div>\n \n <div class=\"logic-item\">\n <h4>\u2705 Actionable Rules with Context<\/h4>\n <p>Every guideline includes not just the rule but the rationale and examples (do's\/don'ts)\u2014critical for adoption because people follow guidelines they understand and agree with.<\/p>\n <\/div>\n \n <div class=\"logic-item\">\n <h4>\ud83c\udf0d Multi-Channel Application<\/h4>\n <p>Addresses digital (web, social, email), print (stationery, collateral), and environmental (signage) applications\u2014ensuring brand consistency wherever customers encounter the brand.<\/p>\n <\/div>\n \n <div class=\"logic-item\">\n <h4>\ud83d\udd10 Governance & Sustainability<\/h4>\n <p>Includes version control, approval processes, asset libraries, and update policies\u2014making the guidelines a living document that stays current rather than becoming outdated reference material.<\/p>\n <\/div>\n \n <div class=\"logic-item\">\n <h4>\ud83c\udfa8 Balance of Control & Flexibility<\/h4>\n <p>Defines must-follow rules (logo clear space, color codes) while allowing appropriate creative freedom (photography mood, layout variations)\u2014encouraging brand expression without dilution.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- OUTPUT PREVIEW SECTION -->\n <div class=\"section\">\n <div class=\"section-title\">\ud83d\udc41\ufe0f Output Preview: What You'll Get<\/div>\n \n <div class=\"output-preview\">\n <div class=\"preview-item\">\n <h4>1. Brand Foundation Section (Pages 1-8)<\/h4>\n <div class=\"preview-content\">\n <strong>Cover Page:<\/strong> Brand Guidelines Manual | [Company Name] | Version 1.0 | January 2026<br><br>\n \n <strong>Table of Contents:<\/strong> 8 main sections with page numbers, searchable in PDF version<br><br>\n \n <strong>Introduction (p.2):<\/strong><br>\n \"These brand guidelines exist to ensure [Company Name] is represented consistently and professionally across all touchpoints. Whether you're creating a social post, designing a brochure, or building a website, these standards will help you communicate our brand with confidence and clarity.\"<br><br>\n \n <strong>Our Brand Story (p.3-4):<\/strong><br>\n \u2022 Mission: \"We empower small businesses to compete globally through accessible technology\"<br>\n \u2022 Vision: \"A world where every entrepreneur has enterprise-grade tools\"<br>\n \u2022 Values: Innovation (pushing boundaries), Accessibility (design for all), Transparency (open communication), Community (collaboration over competition), Impact (measurable outcomes)<br>\n \u2022 Promise: \"You'll never outgrow our platform\"<br><br>\n \n <strong>Brand Personality (p.5):<\/strong><br>\n Visual framework: If our brand were a person, they would be: Professional but approachable (not stuffy), Innovative but reliable (not reckless), Confident but humble (not arrogant). Personality traits mapped on spectrum charts.\n <\/div>\n <\/div>\n\n <div class=\"preview-item\">\n <h4>2. Logo & Visual Identity Section (Pages 9-18)<\/h4>\n <div class=\"preview-content\">\n <strong>Primary Logo Specifications:<\/strong><br>\n \u2022 Full-color logo shown with construction grid overlay<br>\n \u2022 Clear space = Height of logo mark on all sides (illustrated with red guidelines)<br>\n \u2022 Minimum sizes: 1.5\" print | 120px digital<br><br>\n \n <strong>Logo Variations (Visual Library):<\/strong><br>\n 6 logo versions displayed in grid:<br>\n 1. Primary (full color on white)<br>\n 2. Primary reversed (full color on dark)<br>\n 3. Monochrome black<br>\n 4. Monochrome white<br>\n 5. Icon only (when space limited)<br>\n 6. Horizontal lockup (wide formats)<br><br>\n \n <strong>Do's & Don'ts (Visual Examples):<\/strong><br>\n \u2705 DO: Use on solid backgrounds with sufficient contrast<br>\n \u2705 DO: Maintain proportions when scaling<br>\n \u274c DON'T: Rotate or skew logo<br>\n \u274c DON'T: Change colors or add effects (drop shadows, gradients)<br>\n \u274c DON'T: Place on busy photographic backgrounds without background overlay<br><br>\n \n Each \"don't\" shown with crossed-out visual example of the violation.\n <\/div>\n <\/div>\n\n <div class=\"preview-item\">\n <h4>3. Color System Section (Pages 19-24)<\/h4>\n <div class=\"preview-content\">\n <strong>Color Palette (Visual Swatches):<\/strong><br><br>\n \n <strong>Primary Colors:<\/strong><br>\n Brand Purple: #7c3aed<br>\n \u2022 RGB: 124, 58, 237<br>\n \u2022 CMYK: 66, 82, 0, 0<br>\n \u2022 Pantone: 2725 C<br>\n \u2022 Usage: Primary brand applications, CTAs, headers, emphasis<br>\n \u2022 Accessibility: Passes WCAG AAA on white (contrast ratio 8.2:1)<br><br>\n \n Brand Blue: #3b82f6<br>\n \u2022 RGB: 59, 130, 246<br>\n \u2022 CMYK: 76, 47, 0, 0<br>\n \u2022 Usage: Secondary actions, links, accents<br><br>\n \n <strong>Color Hierarchy Chart:<\/strong><br>\n Visual pie chart showing: 60% neutral backgrounds, 30% primary brand purple, 10% accent blue<br><br>\n \n <strong>Accessibility Matrix:<\/strong><br>\n Table showing contrast ratios for every color combination:<br>\n Brand Purple on White: 8.2:1 (AAA \u2713)<br>\n Brand Blue on White: 4.8:1 (AA \u2713)<br>\n Light Gray text on White: 2.8:1 (Fail \u2717 - Use for decorative only)<br><br>\n \n <strong>Application Examples:<\/strong><br>\n 3 mockup images: Website hero (purple gradient), Business card (purple + blue accents), Social post (blue background with white text)\n <\/div>\n <\/div>\n\n <div class=\"preview-item\">\n <h4>4. Typography & Voice Sections (Pages 25-40)<\/h4>\n <div class=\"preview-content\">\n <strong>Typography Scale (Visual Hierarchy):<\/strong><br>\n H1: Montserrat Bold, 48px, Line height 1.2, Letter spacing -0.5px<br>\n \"This is a Heading 1\" (shown in actual font\/size)<br><br>\n \n H2: Montserrat SemiBold, 36px, Line height 1.3<br>\n \"This is a Heading 2\"<br><br>\n \n Body: Open Sans Regular, 16px, Line height 1.6<br>\n \"This is body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Optimal line length is 50-75 characters for maximum readability.\"<br><br>\n \n <strong>Tone of Voice Framework:<\/strong><br>\n Voice: Professional, Approachable, Empowering<br><br>\n \n <strong>Tone Variations by Channel:<\/strong><br>\n \u2022 Website: Educational, clear, benefit-focused<br>\n Example: \"Save 10 hours a week with automated workflows\"<br>\n \u2022 Social Media: Conversational, inspiring, community-oriented<br>\n Example: \"You shipped your first feature! \ud83c\udf89 Share what you built with #MadeWith[Brand]\"<br>\n \u2022 Support: Empathetic, solution-focused, patient<br>\n Example: \"I understand how frustrating that must be. Let me help you fix this right now.\"<br><br>\n \n <strong>Word Choice Guide:<\/strong><br>\n Use: customers \u2192 Say: community, users<br>\n Use: buy, purchase \u2192 Say: invest in, get started<br>\n Use: cheap, affordable \u2192 Say: accessible, fair-priced<br>\n Avoid: disrupt, revolutionary, game-changing (overused buzzwords)\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- CHAIN STRATEGY SECTION -->\n <div class=\"section\">\n <div class=\"section-title\">\ud83d\udd17 Chain Strategy: Multi-Step Workflow<\/div>\n \n <div class=\"chain-steps\">\n <div class=\"chain-step\">\n <div class=\"step-number\">1<\/div>\n <h4>Brand Audit & Asset Inventory<\/h4>\n <p><strong>Prompt:<\/strong> \"Audit our existing brand materials and identify inconsistencies. Review: [attach current logo files, sample marketing materials, website screenshots, social media profiles]. Analyze: (1) Logo usage variations (correct vs. incorrect); (2) Color palette inconsistencies (list all colors currently in use); (3) Typography chaos (which fonts appear across materials); (4) Tone of voice mismatches (formal vs. casual, technical vs. simple); (5) Photography style inconsistencies; (6) Layout and spacing patterns (or lack thereof). Create a comprehensive audit report with: Current state assessment (what's working, what's broken), Priority fixes (critical inconsistencies that hurt brand perception), Recommendations for standardization. This audit will inform which elements to lock down vs. which need flexible guidelines.\"<\/p>\n <p style=\"margin-top: 10px;\"><strong>Why:<\/strong> You can't create effective guidelines without understanding current pain points. This audit reveals whether your logo is being stretched, colors are off-brand, or tone is all over the place\u2014making the guidelines directly address real problems.<\/p>\n <\/div>\n \n <div class=\"chain-step\">\n <div class=\"step-number\">2<\/div>\n <h4>Competitor & Industry Analysis<\/h4>\n <p><strong>Prompt:<\/strong> \"Analyze brand guidelines and visual identity systems from our top 5 competitors: [List competitor names]. For each, examine: (1) Visual differentiation\u2014what makes their brand visually distinct? (2) Tone of voice positioning\u2014formal\/casual, technical\/accessible, bold\/conservative; (3) Unique brand elements\u2014signature colors, iconic typography, memorable design patterns; (4) Guideline accessibility\u2014do they share public brand guidelines? If so, what's included? Then, identify: White space opportunities\u2014visual territory NOT claimed by competitors; Differentiation strategy\u2014how our brand can stand out while staying true to our values; Potential conflicts\u2014are we too similar to a competitor in color, style, or voice? Output: Competitive landscape map (visual positioning), Recommended differentiation strategies, Visual mood board of 'inspiration' vs. 'avoid' examples.\"<\/p>\n <p style=\"margin-top: 10px;\"><strong>Why:<\/strong> Brand guidelines don't exist in a vacuum. If your primary color is identical to your biggest competitor, or your tone mirrors industry norms, you blend in. This analysis ensures your guidelines create distinction, not sameness.<\/p>\n <\/div>\n \n <div class=\"chain-step\">\n <div class=\"step-number\">3<\/div>\n <h4>Complete Guidelines Creation with Governance<\/h4>\n <p><strong>Prompt:<\/strong> \"Using insights from the brand audit (Step 1) and competitive analysis (Step 2), create the complete brand guidelines document covering: (1) Brand Foundation: mission, vision, values, personality, promise; (2) Logo System: all variations, usage rules, do's\/don'ts with visual examples; (3) Color Palette: primary, secondary, neutral colors with hex\/RGB\/CMYK\/Pantone, accessibility matrix, application examples; (4) Typography: font families, hierarchy (H1-H6, body, captions), spacing, line length; (5) Imagery: photography style, iconography, illustration (if applicable); (6) Tone of Voice: personality traits, voice vs. tone, channel-specific examples, word choice guide; (7) Application Templates: business cards, letterhead, social media, website, email; (8) Governance: approval process, asset library location, version control, contact for questions. Format: Professional PDF with table of contents, visual examples throughout, printable at 8.5x11\". Length: 40-60 pages. Style: Clean, brand-aligned design that exemplifies the guidelines themselves (meta-guideline). Include: Digital asset package (logo files, color swatches, font files or download links, template files for common applications).\"<\/p>\n <p style=\"margin-top: 10px;\"><strong>Why:<\/strong> This final step synthesizes everything into a production-ready, comprehensive document. The guidelines become the single source of truth that prevents future brand drift and empowers anyone\u2014internal team, external agency, franchise partner\u2014to create on-brand work.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- HUMAN-IN-THE-LOOP TIPS SECTION -->\n <div class=\"section\">\n <div class=\"section-title\">\u2728 Human-in-the-Loop: Refinement Tips<\/div>\n \n <div class=\"hitl-tips\">\n <div class=\"hitl-tip\">\n <strong>\ud83c\udfaf If the guidelines feel too rigid or stifle creativity:<\/strong>\n <p>Add this: \"Include a 'Creative Flexibility' section that defines where creative interpretation is encouraged vs. where strict adherence is required. For example: Logo and color codes are non-negotiable (protect brand recognition), but photography style and layout compositions can be adapted for different campaigns (allow creative expression). Provide 3 examples: (1) Approved variation that pushes boundaries while staying on-brand; (2) Approved simplification for specific use cases (e.g., low-resolution, monochrome printing); (3) Clear violation that crosses the line. This empowers creative teams to innovate within guardrails rather than feeling handcuffed.\"<\/p>\n <\/div>\n \n <div class=\"hitl-tip\">\n <strong>\ud83d\udcd0 If AI generates generic design specs that don't reflect your actual brand:<\/strong>\n <p>Add: \"Base all specifications on our existing brand assets: [attach logo files, provide exact color codes, specify current fonts]. Do NOT generate placeholder colors or generic font recommendations. If I haven't provided font names, ask me which fonts we currently use or want to standardize on. Match the design aesthetic of our existing materials\u2014if our current brand is minimal and modern, don't suggest ornate or traditional design elements.\"<\/p>\n <\/div>\n \n <div class=\"hitl-tip\">\n <strong>\ud83c\udf0d If guidelines need to support multiple sub-brands, regions, or product lines:<\/strong>\n <p>Add: \"Our organization has [number] sub-brands\/product lines\/regional divisions: [list them]. Create a master brand architecture section that shows: (1) Relationship between parent brand and sub-brands (endorsed, hybrid, separate); (2) Shared brand elements (all sub-brands use parent logo, color palette) vs. unique elements (each has own secondary color, typography variation); (3) Co-branding rules (when\/how parent and sub-brand appear together); (4) Regional adaptations (if logo\/tagline\/imagery varies by country, specify guidelines for each). Include visual diagram of brand architecture and clear hierarchy.\"<\/p>\n <\/div>\n \n <div class=\"hitl-tip\">\n <strong>\ud83d\udda8\ufe0f If print production and digital display require different specifications:<\/strong>\n <p>Add: \"Provide dual specifications for print and digital applications: (1) Color: CMYK for print, RGB\/Hex for digital, Pantone for spot color printing; (2) Resolution: 300 DPI minimum for print, 72-150 DPI for web; (3) File formats: Vector (AI, EPS, SVG) for logos in print, PNG\/SVG for web; (4) Bleed and trim: 0.125\" bleed for print designs, no bleed for digital; (5) Font embedding: Outline fonts for print files, web fonts (WOFF2) for digital. Include print vendor specifications (paper stock recommendations, coating options) and digital export settings (file compression, color profiles).\"<\/p>\n <\/div>\n \n <div class=\"hitl-tip\">\n <strong>\u267f If accessibility and inclusivity are critical priorities:<\/strong>\n <p>Add: \"Embed accessibility and inclusivity throughout every section: (1) Color: Include WCAG 2.1 Level AA contrast ratios for all color combinations, flag any that fail and provide alternatives; (2) Typography: Minimum 16px for body text, dyslexia-friendly font options, specify line-height and letter-spacing for readability; (3) Imagery: Guidelines for diverse representation (age, race, gender, ability), alt text best practices for images; (4) Language: Inclusive language guidelines (pronouns, gendered terms, disability language, cultural sensitivity); (5) Document accessibility: Ensure guidelines PDF is screen-reader friendly with proper heading structure, alt text, and tagged content. Include: Accessibility checklist for every deliverable type (website, print, video, social media).\"<\/p>\n <\/div>\n \n <div class=\"hitl-tip\">\n <strong>\ud83d\udd04 If the guidelines need interactive or digital-first features:<\/strong>\n <p>Add: \"Design guidelines for modern digital distribution: (1) Interactive PDF with clickable table of contents, hyperlinked sections, embedded videos showing logo animations or motion graphics; (2) Web-based guidelines portal (HTML microsite) with: searchable content, downloadable asset library integrated, real-time examples (live color pickers, font previews); (3) Figma\/Sketch\/XD component libraries linked from guidelines so designers can drag-and-drop brand elements; (4) Version control visible (v1.0 \u2192 v1.1 changelog, deprecated elements marked); (5) Feedback mechanism (how to request changes or report guideline violations). Provide: Guidelines as PDF + web-ready HTML export + design system component files.\"<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- CARD FOOTER -->\n <div class=\"card-footer\">\n <div class=\"footer-stats\">\n <div class=\"stat\">\n <span class=\"stat-icon\">\u2b50<\/span>\n <span><strong>4.9<\/strong> (356 ratings)<\/span>\n <\/div>\n <div class=\"stat\">\n <span class=\"stat-icon\">\ud83d\udccb<\/span>\n <span><strong>18.2K<\/strong> copies<\/span>\n <\/div>\n <div class=\"stat\">\n <span class=\"stat-icon\">\ud83d\udcac<\/span>\n <span><strong>428<\/strong> reviews<\/span>\n <\/div>\n <\/div>\n <div style=\"color: #6c757d; font-size: 0.9em;\">\n Created by <strong style=\"color: #7c3aed;\">AiPro Institute<\/strong>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Toast Notification -->\n <div class=\"toast\" id=\"toast\">\n <span style=\"font-size: 1.5em;\">\u2713<\/span>\n <span>Prompt copied to clipboard!<\/span>\n <\/div>\n\n <script>\n \/\/ Auto-highlight placeholders in orange on page load\n function highlightPlaceholders() {\n const promptBox = document.getElementById('promptContent');\n let html = promptBox.innerHTML;\n \n \/\/ Replace [text] with <span class=\"placeholder\">[text]<\/span>\n html = html.replace(\/\\[([^\\]]+)\\]\/g, '<span class=\"placeholder\">[$1]<\/span>');\n \n promptBox.innerHTML = html;\n }\n\n function copyPrompt() {\n const promptContent = document.getElementById('promptContent');\n \n \/\/ Get text content without HTML tags\n const textToCopy = promptContent.innerText;\n \n \/\/ Copy to clipboard\n navigator.clipboard.writeText(textToCopy).then(() => {\n \/\/ Show toast notification\n const toast = document.getElementById('toast');\n toast.classList.add('show');\n \n \/\/ Hide toast after 3 seconds\n setTimeout(() => {\n toast.classList.remove('show');\n }, 3000);\n }).catch(err => {\n alert('Failed to copy text: ' + err);\n });\n }\n\n \/\/ Run highlight function when page loads\n window.addEventListener('DOMContentLoaded', highlightPlaceholders);\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>Brand Guidelines Document – AiPro Institute\u2122 Prompt Library \ud83d\udcd8 Brand Guidelines Document Comprehensive Brand Identity System & Visual Standards Manual \ud83c\udfaf Intermediate \u23f1\ufe0f 25-35 minutes \ud83d\udcb0 ~800 tokens \ud83d\udcc4 Document \ud83d\udee0\ufe0f Tool Compatibility \u2728 Model Agnostic GPT-4o Claude 3.5 Gemini 2.5 \ud83d\udcac The Prompt \ud83d\udca1 Tip: Fill in the orange placeholders before using this prompt.…<\/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":[166],"tags":[],"class_list":["post-4561","post","type-post","status-publish","format-standard","hentry","category-professional-documents-brand-materials"],"acf":[],"_links":{"self":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/4561","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=4561"}],"version-history":[{"count":4,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/4561\/revisions"}],"predecessor-version":[{"id":4673,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/4561\/revisions\/4673"}],"wp:attachment":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/media?parent=4561"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/categories?post=4561"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/tags?post=4561"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}