Brand Guidelines Document - AiPro Institute\u2122<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #f5f3ff 0%, #e0f2fe 100%);\n padding: 20px;\n min-height: 100vh;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n background: white;\n padding: 50px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n position: relative;\n }\n\n .watermark {\n position: fixed;\n bottom: 20px;\n right: 20px;\n font-size: 80px;\n font-weight: bold;\n background: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n opacity: 0.1;\n z-index: 0;\n pointer-events: none;\n line-height: 1.2;\n }\n\n .header {\n text-align: center;\n margin-bottom: 40px;\n border-bottom: 4px solid;\n border-image: linear-gradient(90deg, #8B5CF6 0%, #3B82F6 100%) 1;\n padding-bottom: 30px;\n }\n\n .logo {\n font-size: 42px;\n font-weight: bold;\n background: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 10px;\n line-height: 1.3;\n }\n\n .document-title {\n font-size: 32px;\n color: #1e293b;\n margin-top: 15px;\n font-weight: 600;\n }\n\n .info-section {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin-bottom: 35px;\n padding: 25px;\n background: linear-gradient(135deg, #f8f7ff 0%, #f0f9ff 100%);\n border-radius: 8px;\n }\n\n .info-item {\n display: flex;\n flex-direction: column;\n }\n\n .info-label {\n font-size: 12px;\n color: #64748b;\n margin-bottom: 5px;\n text-transform: uppercase;\n font-weight: 600;\n letter-spacing: 0.5px;\n }\n\n .info-input {\n padding: 10px;\n border: 2px dashed #cbd5e1;\n border-radius: 5px;\n font-size: 14px;\n background: white;\n transition: all 0.3s;\n }\n\n .info-input:focus {\n outline: none;\n border-color: #8B5CF6;\n background: #faf9ff;\n }\n\n .section-title {\n font-size: 20px;\n color: #1e293b;\n margin: 35px 0 20px 0;\n padding: 12px 20px;\n background: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%);\n color: white;\n border-radius: 6px;\n font-weight: 600;\n }\n\n .content-block {\n background: #f8fafc;\n padding: 25px;\n border-radius: 8px;\n margin-bottom: 25px;\n border-left: 4px solid #8B5CF6;\n }\n\n .content-block h3 {\n color: #1e293b;\n margin-bottom: 15px;\n font-size: 18px;\n }\n\n textarea {\n width: 100%;\n padding: 12px;\n border: 2px dashed #cbd5e1;\n border-radius: 6px;\n font-size: 14px;\n font-family: inherit;\n transition: all 0.3s;\n resize: vertical;\n }\n\n textarea:focus {\n outline: none;\n border-color: #8B5CF6;\n background: #faf9ff;\n }\n\n input[type=\"text\"],\n input[type=\"color\"] {\n width: 100%;\n padding: 10px;\n border: 2px dashed #cbd5e1;\n border-radius: 5px;\n font-size: 14px;\n font-family: inherit;\n transition: all 0.3s;\n }\n\n input:focus {\n outline: none;\n border-color: #8B5CF6;\n background: #faf9ff;\n }\n\n .color-palette {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin: 25px 0;\n }\n\n .color-card {\n border: 2px solid #e2e8f0;\n border-radius: 8px;\n overflow: hidden;\n background: white;\n }\n\n .color-swatch {\n height: 120px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n color: white;\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n }\n\n .color-info {\n padding: 15px;\n }\n\n .color-name {\n font-weight: 600;\n color: #1e293b;\n margin-bottom: 8px;\n }\n\n .typography-example {\n background: white;\n border: 2px solid #e2e8f0;\n border-radius: 8px;\n padding: 25px;\n margin: 20px 0;\n }\n\n .logo-showcase {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin: 25px 0;\n }\n\n .logo-box {\n border: 2px solid #e2e8f0;\n border-radius: 8px;\n padding: 30px;\n background: white;\n text-align: center;\n min-height: 200px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n\n .logo-placeholder {\n width: 100%;\n height: 150px;\n border: 2px dashed #cbd5e1;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #94a3b8;\n font-size: 14px;\n margin-bottom: 15px;\n }\n\n .spacing-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 15px;\n margin: 25px 0;\n }\n\n .spacing-box {\n background: linear-gradient(135deg, #f8f7ff 0%, #f0f9ff 100%);\n padding: 20px;\n border-radius: 8px;\n text-align: center;\n border: 2px solid #e0e7ff;\n }\n\n .spacing-value {\n font-size: 28px;\n font-weight: bold;\n color: #8B5CF6;\n margin-bottom: 8px;\n }\n\n .spacing-label {\n font-size: 12px;\n color: #64748b;\n font-weight: 600;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n margin: 20px 0;\n }\n\n th {\n background: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%);\n color: white;\n padding: 14px;\n text-align: left;\n font-weight: 600;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n td {\n padding: 12px;\n border: 1px solid #e2e8f0;\n }\n\n tr:nth-child(even) {\n background-color: #f8fafc;\n }\n\n .dos-donts-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 25px;\n margin: 25px 0;\n }\n\n .dos-box {\n background: #d1fae5;\n border: 2px solid #059669;\n border-radius: 8px;\n padding: 20px;\n }\n\n .donts-box {\n background: #fee2e2;\n border: 2px solid #dc2626;\n border-radius: 8px;\n padding: 20px;\n }\n\n .dos-box h3 {\n color: #065f46;\n margin-bottom: 15px;\n }\n\n .donts-box h3 {\n color: #991b1b;\n margin-bottom: 15px;\n }\n\n .notes-section {\n background: #fffbeb;\n border-left: 4px solid #f59e0b;\n padding: 20px;\n margin: 25px 0;\n border-radius: 5px;\n }\n\n @media print {\n body {\n background: white;\n padding: 0;\n }\n\n .container {\n box-shadow: none;\n padding: 20px;\n }\n\n .watermark {\n opacity: 0.05;\n }\n }\n\n @media (max-width: 768px) {\n .container {\n padding: 25px;\n }\n\n .info-section,\n .color-palette,\n .logo-showcase,\n .spacing-grid,\n .dos-donts-grid {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"watermark\">AiPro<br>Institute\u2122<\/div>\n \n <div class=\"container\">\n <div class=\"header\">\n <div class=\"logo\">AiPro Institute\u2122<\/div>\n <div class=\"document-title\">Brand Guidelines Document<\/div>\n <\/div>\n\n <div class=\"info-section\">\n <div class=\"info-item\">\n <label class=\"info-label\">Brand Name<\/label>\n <input type=\"text\" class=\"info-input\" placeholder=\"Your brand name\">\n <\/div>\n <div class=\"info-item\">\n <label class=\"info-label\">Version<\/label>\n <input type=\"text\" class=\"info-input\" placeholder=\"v1.0\">\n <\/div>\n <div class=\"info-item\">\n <label class=\"info-label\">Last Updated<\/label>\n <input type=\"text\" class=\"info-input\" placeholder=\"January 2026\">\n <\/div>\n <\/div>\n\n <div class=\"section-title\">\ud83d\udcd6 Brand Overview<\/div>\n \n <div class=\"content-block\">\n <h3>Brand Mission<\/h3>\n <textarea rows=\"3\" placeholder=\"What is your brand's purpose? What do you aim to achieve?\"><\/textarea>\n <\/div>\n\n <div class=\"content-block\">\n <h3>Brand Vision<\/h3>\n <textarea rows=\"3\" placeholder=\"Where do you see your brand in the future? What impact do you want to make?\"><\/textarea>\n <\/div>\n\n <div class=\"content-block\">\n <h3>Brand Values<\/h3>\n <textarea rows=\"4\" placeholder=\"List your core values (e.g., Innovation, Integrity, Excellence, Customer-First, Sustainability)\"><\/textarea>\n <\/div>\n\n <div class=\"content-block\">\n <h3>Brand Personality<\/h3>\n <textarea rows=\"3\" placeholder=\"Describe your brand's character and tone (e.g., Professional yet approachable, Innovative and bold, Trustworthy and reliable)\"><\/textarea>\n <\/div>\n\n <div class=\"section-title\">\ud83c\udfa8 Color Palette<\/div>\n\n <div class=\"color-palette\">\n <div class=\"color-card\">\n <div class=\"color-swatch\" style=\"background: #8B5CF6;\">\n <input type=\"color\" value=\"#8B5CF6\" style=\"width: 80px; height: 40px; border: 2px solid white; cursor: pointer;\">\n <\/div>\n <div class=\"color-info\">\n <div class=\"color-name\">\n <input type=\"text\" placeholder=\"Primary Color\" style=\"border: none; border-bottom: 2px dashed #cbd5e1;\">\n <\/div>\n <input type=\"text\" placeholder=\"#8B5CF6\" style=\"font-family: monospace; border: none; border-bottom: 2px dashed #cbd5e1;\">\n <textarea rows=\"2\" placeholder=\"Usage: Headers, CTAs, key elements\" style=\"margin-top: 10px; font-size: 12px;\"><\/textarea>\n <\/div>\n <\/div>\n\n <div class=\"color-card\">\n <div class=\"color-swatch\" style=\"background: #3B82F6;\">\n <input type=\"color\" value=\"#3B82F6\" style=\"width: 80px; height: 40px; border: 2px solid white; cursor: pointer;\">\n <\/div>\n <div class=\"color-info\">\n <div class=\"color-name\">\n <input type=\"text\" placeholder=\"Secondary Color\" style=\"border: none; border-bottom: 2px dashed #cbd5e1;\">\n <\/div>\n <input type=\"text\" placeholder=\"#3B82F6\" style=\"font-family: monospace; border: none; border-bottom: 2px dashed #cbd5e1;\">\n <textarea rows=\"2\" placeholder=\"Usage: Accents, links, highlights\" style=\"margin-top: 10px; font-size: 12px;\"><\/textarea>\n <\/div>\n <\/div>\n\n <div class=\"color-card\">\n <div class=\"color-swatch\" style=\"background: #1e293b;\">\n <input type=\"color\" value=\"#1e293b\" style=\"width: 80px; height: 40px; border: 2px solid white; cursor: pointer;\">\n <\/div>\n <div class=\"color-info\">\n <div class=\"color-name\">\n <input type=\"text\" placeholder=\"Dark Neutral\" style=\"border: none; border-bottom: 2px dashed #cbd5e1;\">\n <\/div>\n <input type=\"text\" placeholder=\"#1e293b\" style=\"font-family: monospace; border: none; border-bottom: 2px dashed #cbd5e1;\">\n <textarea rows=\"2\" placeholder=\"Usage: Body text, headings\" style=\"margin-top: 10px; font-size: 12px;\"><\/textarea>\n <\/div>\n <\/div>\n\n <div class=\"color-card\">\n <div class=\"color-swatch\" style=\"background: #64748b;\">\n <input type=\"color\" value=\"#64748b\" style=\"width: 80px; height: 40px; border: 2px solid white; cursor: pointer;\">\n <\/div>\n <div class=\"color-info\">\n <div class=\"color-name\">\n <input type=\"text\" placeholder=\"Medium Neutral\" style=\"border: none; border-bottom: 2px dashed #cbd5e1;\">\n <\/div>\n <input type=\"text\" placeholder=\"#64748b\" style=\"font-family: monospace; border: none; border-bottom: 2px dashed #cbd5e1;\">\n <textarea rows=\"2\" placeholder=\"Usage: Secondary text, captions\" style=\"margin-top: 10px; font-size: 12px;\"><\/textarea>\n <\/div>\n <\/div>\n\n <div class=\"color-card\">\n <div class=\"color-swatch\" style=\"background: #f8fafc;\">\n <input type=\"color\" value=\"#f8fafc\" style=\"width: 80px; height: 40px; border: 2px solid #cbd5e1; cursor: pointer;\">\n <\/div>\n <div class=\"color-info\">\n <div class=\"color-name\">\n <input type=\"text\" placeholder=\"Light Background\" style=\"border: none; border-bottom: 2px dashed #cbd5e1;\">\n <\/div>\n <input type=\"text\" placeholder=\"#f8fafc\" style=\"font-family: monospace; border: none; border-bottom: 2px dashed #cbd5e1;\">\n <textarea rows=\"2\" placeholder=\"Usage: Backgrounds, cards\" style=\"margin-top: 10px; font-size: 12px;\"><\/textarea>\n <\/div>\n <\/div>\n\n <div class=\"color-card\">\n <div class=\"color-swatch\" style=\"background: #10b981;\">\n <input type=\"color\" value=\"#10b981\" style=\"width: 80px; height: 40px; border: 2px solid white; cursor: pointer;\">\n <\/div>\n <div class=\"color-info\">\n <div class=\"color-name\">\n <input type=\"text\" placeholder=\"Success\/Accent\" style=\"border: none; border-bottom: 2px dashed #cbd5e1;\">\n <\/div>\n <input type=\"text\" placeholder=\"#10b981\" style=\"font-family: monospace; border: none; border-bottom: 2px dashed #cbd5e1;\">\n <textarea rows=\"2\" placeholder=\"Usage: Success states, positive CTAs\" style=\"margin-top: 10px; font-size: 12px;\"><\/textarea>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-title\">\u270f\ufe0f Typography<\/div>\n\n <div class=\"typography-example\">\n <h3 style=\"margin-bottom: 15px; color: #1e293b;\">Primary Font Family<\/h3>\n <input type=\"text\" placeholder=\"Font name (e.g., Inter, Roboto, Poppins)\" style=\"margin-bottom: 20px;\">\n \n <div style=\"margin-bottom: 20px;\">\n <div style=\"font-size: 36px; font-weight: 700; margin-bottom: 10px;\">Heading 1 - Bold 36px<\/div>\n <div style=\"font-size: 28px; font-weight: 600; margin-bottom: 10px;\">Heading 2 - Semibold 28px<\/div>\n <div style=\"font-size: 22px; font-weight: 600; margin-bottom: 10px;\">Heading 3 - Semibold 22px<\/div>\n <div style=\"font-size: 18px; font-weight: 600; margin-bottom: 10px;\">Heading 4 - Semibold 18px<\/div>\n <div style=\"font-size: 16px; font-weight: 400; line-height: 1.6;\">Body Text - Regular 16px - The quick brown fox jumps over the lazy dog. This is how your body text should appear throughout the brand materials.<\/div>\n <\/div>\n\n <textarea rows=\"3\" placeholder=\"Typography usage notes and guidelines...\"><\/textarea>\n <\/div>\n\n <table>\n <thead>\n <tr>\n <th>Element<\/th>\n <th>Font<\/th>\n <th>Size<\/th>\n <th>Weight<\/th>\n <th>Line Height<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>H1 Heading<\/td>\n <td><input type=\"text\" placeholder=\"Primary\"><\/td>\n <td><input type=\"text\" placeholder=\"36px\"><\/td>\n <td><input type=\"text\" placeholder=\"700\"><\/td>\n <td><input type=\"text\" placeholder=\"1.2\"><\/td>\n <\/tr>\n <tr>\n <td>H2 Heading<\/td>\n <td><input type=\"text\" placeholder=\"Primary\"><\/td>\n <td><input type=\"text\" placeholder=\"28px\"><\/td>\n <td><input type=\"text\" placeholder=\"600\"><\/td>\n <td><input type=\"text\" placeholder=\"1.3\"><\/td>\n <\/tr>\n <tr>\n <td>Body Text<\/td>\n <td><input type=\"text\" placeholder=\"Primary\"><\/td>\n <td><input type=\"text\" placeholder=\"16px\"><\/td>\n <td><input type=\"text\" placeholder=\"400\"><\/td>\n <td><input type=\"text\" placeholder=\"1.6\"><\/td>\n <\/tr>\n <tr>\n <td>Buttons<\/td>\n <td><input type=\"text\" placeholder=\"Primary\"><\/td>\n <td><input type=\"text\" placeholder=\"14px\"><\/td>\n <td><input type=\"text\" placeholder=\"600\"><\/td>\n <td><input type=\"text\" placeholder=\"1.0\"><\/td>\n <\/tr>\n <tr>\n <td>Captions<\/td>\n <td><input type=\"text\" placeholder=\"Primary\"><\/td>\n <td><input type=\"text\" placeholder=\"12px\"><\/td>\n <td><input type=\"text\" placeholder=\"400\"><\/td>\n <td><input type=\"text\" placeholder=\"1.4\"><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <div class=\"section-title\">\ud83c\udfad Logo Guidelines<\/div>\n\n <div class=\"logo-showcase\">\n <div class=\"logo-box\">\n <div class=\"logo-placeholder\">\n Primary Logo<br>(Full Color)\n <\/div>\n <textarea rows=\"2\" placeholder=\"Usage guidelines for primary logo\"><\/textarea>\n <\/div>\n <div class=\"logo-box\">\n <div class=\"logo-placeholder\">\n Secondary Logo<br>(Monochrome)\n <\/div>\n <textarea rows=\"2\" placeholder=\"Usage guidelines for secondary logo\"><\/textarea>\n <\/div>\n <div class=\"logo-box\" style=\"background: #1e293b;\">\n <div class=\"logo-placeholder\" style=\"border-color: white; color: white;\">\n Logo on Dark<br>Background\n <\/div>\n <textarea rows=\"2\" placeholder=\"Usage guidelines for dark backgrounds\"><\/textarea>\n <\/div>\n <div class=\"logo-box\">\n <div class=\"logo-placeholder\">\n Logo Icon<br>(Symbol Only)\n <\/div>\n <textarea rows=\"2\" placeholder=\"Usage guidelines for icon version\"><\/textarea>\n <\/div>\n <\/div>\n\n <div class=\"content-block\">\n <h3>Logo Clear Space & Minimum Size<\/h3>\n <textarea rows=\"3\" placeholder=\"Define minimum clear space around logo (e.g., minimum height: 24px; clear space: X = logo height\/4 on all sides)\"><\/textarea>\n <\/div>\n\n <div class=\"section-title\">\ud83d\udccf Spacing & Layout<\/div>\n\n <div class=\"spacing-grid\">\n <div class=\"spacing-box\">\n <input type=\"text\" class=\"spacing-value\" placeholder=\"8px\" style=\"text-align: center; border: none; background: transparent; color: #8B5CF6; font-size: 28px; font-weight: bold;\">\n <div class=\"spacing-label\">Extra Small<\/div>\n <\/div>\n <div class=\"spacing-box\">\n <input type=\"text\" class=\"spacing-value\" placeholder=\"16px\" style=\"text-align: center; border: none; background: transparent; color: #8B5CF6; font-size: 28px; font-weight: bold;\">\n <div class=\"spacing-label\">Small<\/div>\n <\/div>\n <div class=\"spacing-box\">\n <input type=\"text\" class=\"spacing-value\" placeholder=\"24px\" style=\"text-align: center; border: none; background: transparent; color: #8B5CF6; font-size: 28px; font-weight: bold;\">\n <div class=\"spacing-label\">Medium<\/div>\n <\/div>\n <div class=\"spacing-box\">\n <input type=\"text\" class=\"spacing-value\" placeholder=\"32px\" style=\"text-align: center; border: none; background: transparent; color: #8B5CF6; font-size: 28px; font-weight: bold;\">\n <div class=\"spacing-label\">Large<\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-title\">\ud83d\udde3\ufe0f Brand Voice & Tone<\/div>\n\n <table>\n <thead>\n <tr>\n <th>Attribute<\/th>\n <th>Description<\/th>\n <th>Example<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><input type=\"text\" placeholder=\"Professional\"><\/td>\n <td><textarea rows=\"2\" placeholder=\"How this shows up\"><\/textarea><\/td>\n <td><textarea rows=\"2\" placeholder=\"Example phrase\"><\/textarea><\/td>\n <\/tr>\n <tr>\n <td><input type=\"text\" placeholder=\"Friendly\"><\/td>\n <td><textarea rows=\"2\" placeholder=\"How this shows up\"><\/textarea><\/td>\n <td><textarea rows=\"2\" placeholder=\"Example phrase\"><\/textarea><\/td>\n <\/tr>\n <tr>\n <td><input type=\"text\" placeholder=\"Authentic\"><\/td>\n <td><textarea rows=\"2\" placeholder=\"How this shows up\"><\/textarea><\/td>\n <td><textarea rows=\"2\" placeholder=\"Example phrase\"><\/textarea><\/td>\n <\/tr>\n <tr>\n <td><input type=\"text\" placeholder=\"Innovative\"><\/td>\n <td><textarea rows=\"2\" placeholder=\"How this shows up\"><\/textarea><\/td>\n <td><textarea rows=\"2\" placeholder=\"Example phrase\"><\/textarea><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <div class=\"section-title\">\u2705 Do's and \u274c Don'ts<\/div>\n\n <div class=\"dos-donts-grid\">\n <div class=\"dos-box\">\n <h3>\u2705 DO<\/h3>\n <textarea rows=\"8\" placeholder=\"List brand do's:- Use approved colors from palette- Maintain proper logo spacing- Follow typography hierarchy- Use high-quality images- Keep messaging consistent- etc.\"><\/textarea>\n <\/div>\n <div class=\"donts-box\">\n <h3>\u274c DON'T<\/h3>\n <textarea rows=\"8\" placeholder=\"List brand don'ts:- Don't distort or stretch the logo- Don't use unapproved colors- Don't alter font weights- Don't use low-quality images- Don't mix brand styles- etc.\"><\/textarea>\n <\/div>\n <\/div>\n\n <div class=\"section-title\">\ud83d\udcf8 Imagery Guidelines<\/div>\n\n <div class=\"content-block\">\n <h3>Photography Style<\/h3>\n <textarea rows=\"4\" placeholder=\"Describe the style of photography that represents your brand (e.g., Natural lighting, authentic moments, diverse people, minimal staging, vibrant colors, professional environments, etc.)\"><\/textarea>\n <\/div>\n\n <div class=\"content-block\">\n <h3>Illustration Style<\/h3>\n <textarea rows=\"4\" placeholder=\"If applicable, describe illustration style (e.g., Flat design, geometric shapes, bold colors, minimalist, hand-drawn, etc.)\"><\/textarea>\n <\/div>\n\n <div class=\"content-block\">\n <h3>Icons & Graphics<\/h3>\n <textarea rows=\"3\" placeholder=\"Guidelines for icons and graphic elements (e.g., Line weight, style consistency, usage scenarios)\"><\/textarea>\n <\/div>\n\n <div class=\"section-title\">\ud83d\udcf1 Digital Applications<\/div>\n\n <table>\n <thead>\n <tr>\n <th>Platform<\/th>\n <th>Specifications<\/th>\n <th>Guidelines<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>Website<\/td>\n <td><textarea rows=\"2\" placeholder=\"Technical specs\"><\/textarea><\/td>\n <td><textarea rows=\"2\" placeholder=\"Usage guidelines\"><\/textarea><\/td>\n <\/tr>\n <tr>\n <td>Social Media<\/td>\n <td><textarea rows=\"2\" placeholder=\"Profile sizes, cover photos\"><\/textarea><\/td>\n <td><textarea rows=\"2\" placeholder=\"Usage guidelines\"><\/textarea><\/td>\n <\/tr>\n <tr>\n <td>\u90ae\u7bb1<\/td>\n <td><textarea rows=\"2\" placeholder=\"Header size, signature\"><\/textarea><\/td>\n <td><textarea rows=\"2\" placeholder=\"Usage guidelines\"><\/textarea><\/td>\n <\/tr>\n <tr>\n <td>Mobile App<\/td>\n <td><textarea rows=\"2\" placeholder=\"App icon, splash screen\"><\/textarea><\/td>\n <td><textarea rows=\"2\" placeholder=\"Usage guidelines\"><\/textarea><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <div class=\"section-title\">\ud83d\udcc4 Print Applications<\/div>\n\n <div class=\"content-block\">\n <h3>Business Cards<\/h3>\n <textarea rows=\"3\" placeholder=\"Specifications, layout, required elements\"><\/textarea>\n <\/div>\n\n <div class=\"content-block\">\n <h3>Letterhead & Stationery<\/h3>\n <textarea rows=\"3\" placeholder=\"Layout guidelines, margins, placement\"><\/textarea>\n <\/div>\n\n <div class=\"content-block\">\n <h3>Marketing Collateral<\/h3>\n <textarea rows=\"3\" placeholder=\"Brochures, flyers, posters - design guidelines\"><\/textarea>\n <\/div>\n\n <div class=\"notes-section\">\n <h3 style=\"margin-bottom: 10px; color: #92400e;\">\ud83d\udcdd Additional Brand Guidelines<\/h3>\n <textarea style=\"width: 100%; min-height: 100px; border: 2px dashed #f59e0b; padding: 12px; border-radius: 5px; font-family: inherit;\" placeholder=\"Any additional guidelines, exceptions, approval processes, contact information for brand questions, etc.\"><\/textarea>\n <\/div>\n\n <div style=\"margin-top: 40px; padding: 20px; background: linear-gradient(135deg, #f8f7ff 0%, #f0f9ff 100%); border-radius: 8px; text-align: center; font-size: 12px; color: #64748b;\">\n <p><strong>AiPro Institute\u2122<\/strong> | Brand Identity & Visual Standards<\/p>\n <p style=\"margin-top: 5px;\">Brand Guidelines Template Version 1.0 | \u00a9 2026 AiPro Institute. All Rights Reserved.<\/p>\n <\/div>\n <\/div>\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 AiProInstitute\u2122 AiPro Institute\u2122 Brand Guidelines Document Brand Name Version Last Updated \ud83d\udcd6 Brand Overview Brand Mission Brand Vision Brand Values Brand Personality \ud83c\udfa8 Color Palette \u270f\ufe0f Typography Primary Font Family Heading 1 – Bold 36px Heading 2 – Semibold 28px Heading 3 – Semibold 22px Heading 4 – Semibold…<\/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":[80],"tags":[],"class_list":["post-2778","post","type-post","status-publish","format-standard","hentry","category-marketing-sales-department"],"acf":[],"_links":{"self":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/2778","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=2778"}],"version-history":[{"count":4,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/2778\/revisions"}],"predecessor-version":[{"id":2787,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/2778\/revisions\/2787"}],"wp:attachment":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/media?parent=2778"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/categories?post=2778"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/tags?post=2778"}],"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 Brand Guidelines Document - AiPro Institute\u2122<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #f5f3ff 0%, #e0f2fe 100%);\n padding: 20px;\n min-height: 100vh;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n background: white;\n padding: 50px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n position: relative;\n }\n\n .watermark {\n position: fixed;\n bottom: 20px;\n right: 20px;\n font-size: 80px;\n font-weight: bold;\n background: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n opacity: 0.1;\n z-index: 0;\n pointer-events: none;\n line-height: 1.2;\n }\n\n .header {\n text-align: center;\n margin-bottom: 40px;\n border-bottom: 4px solid;\n border-image: linear-gradient(90deg, #8B5CF6 0%, #3B82F6 100%) 1;\n padding-bottom: 30px;\n }\n\n .logo {\n font-size: 42px;\n font-weight: bold;\n background: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 10px;\n line-height: 1.3;\n }\n\n .document-title {\n font-size: 32px;\n color: #1e293b;\n margin-top: 15px;\n font-weight: 600;\n }\n\n .info-section {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin-bottom: 35px;\n padding: 25px;\n background: linear-gradient(135deg, #f8f7ff 0%, #f0f9ff 100%);\n border-radius: 8px;\n }\n\n .info-item {\n display: flex;\n flex-direction: column;\n }\n\n .info-label {\n font-size: 12px;\n color: #64748b;\n margin-bottom: 5px;\n text-transform: uppercase;\n font-weight: 600;\n letter-spacing: 0.5px;\n }\n\n .info-input {\n padding: 10px;\n border: 2px dashed #cbd5e1;\n border-radius: 5px;\n font-size: 14px;\n background: white;\n transition: all 0.3s;\n }\n\n .info-input:focus {\n outline: none;\n border-color: #8B5CF6;\n background: #faf9ff;\n }\n\n .section-title {\n font-size: 20px;\n color: #1e293b;\n margin: 35px 0 20px 0;\n padding: 12px 20px;\n background: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%);\n color: white;\n border-radius: 6px;\n font-weight: 600;\n }\n\n .content-block {\n background: #f8fafc;\n padding: 25px;\n border-radius: 8px;\n margin-bottom: 25px;\n border-left: 4px solid #8B5CF6;\n }\n\n .content-block h3 {\n color: #1e293b;\n margin-bottom: 15px;\n font-size: 18px;\n }\n\n textarea {\n width: 100%;\n padding: 12px;\n border: 2px dashed #cbd5e1;\n border-radius: 6px;\n font-size: 14px;\n font-family: inherit;\n transition: all 0.3s;\n resize: vertical;\n }\n\n textarea:focus {\n outline: none;\n border-color: #8B5CF6;\n background: #faf9ff;\n }\n\n input[type=\"text\"],\n input[type=\"color\"] {\n width: 100%;\n padding: 10px;\n border: 2px dashed #cbd5e1;\n border-radius: 5px;\n font-size: 14px;\n font-family: inherit;\n transition: all 0.3s;\n }\n\n input:focus {\n outline: none;\n border-color: #8B5CF6;\n background: #faf9ff;\n }\n\n .color-palette {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin: 25px 0;\n }\n\n .color-card {\n border: 2px solid #e2e8f0;\n border-radius: 8px;\n overflow: hidden;\n background: white;\n }\n\n .color-swatch {\n height: 120px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n color: white;\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n }\n\n .color-info {\n padding: 15px;\n }\n\n .color-name {\n font-weight: 600;\n color: #1e293b;\n margin-bottom: 8px;\n }\n\n .typography-example {\n background: white;\n border: 2px solid #e2e8f0;\n border-radius: 8px;\n padding: 25px;\n margin: 20px 0;\n }\n\n .logo-showcase {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin: 25px 0;\n }\n\n .logo-box {\n border: 2px solid #e2e8f0;\n border-radius: 8px;\n padding: 30px;\n background: white;\n text-align: center;\n min-height: 200px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n\n .logo-placeholder {\n width: 100%;\n height: 150px;\n border: 2px dashed #cbd5e1;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #94a3b8;\n font-size: 14px;\n margin-bottom: 15px;\n }\n\n .spacing-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 15px;\n margin: 25px 0;\n }\n\n .spacing-box {\n background: linear-gradient(135deg, #f8f7ff 0%, #f0f9ff 100%);\n padding: 20px;\n border-radius: 8px;\n text-align: center;\n border: 2px solid #e0e7ff;\n }\n\n .spacing-value {\n font-size: 28px;\n font-weight: bold;\n color: #8B5CF6;\n margin-bottom: 8px;\n }\n\n .spacing-label {\n font-size: 12px;\n color: #64748b;\n font-weight: 600;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n margin: 20px 0;\n }\n\n th {\n background: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%);\n color: white;\n padding: 14px;\n text-align: left;\n font-weight: 600;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n td {\n padding: 12px;\n border: 1px solid #e2e8f0;\n }\n\n tr:nth-child(even) {\n background-color: #f8fafc;\n }\n\n .dos-donts-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 25px;\n margin: 25px 0;\n }\n\n .dos-box {\n background: #d1fae5;\n border: 2px solid #059669;\n border-radius: 8px;\n padding: 20px;\n }\n\n .donts-box {\n background: #fee2e2;\n border: 2px solid #dc2626;\n border-radius: 8px;\n padding: 20px;\n }\n\n .dos-box h3 {\n color: #065f46;\n margin-bottom: 15px;\n }\n\n .donts-box h3 {\n color: #991b1b;\n margin-bottom: 15px;\n }\n\n .notes-section {\n background: #fffbeb;\n border-left: 4px solid #f59e0b;\n padding: 20px;\n margin: 25px 0;\n border-radius: 5px;\n }\n\n @media print {\n body {\n background: white;\n padding: 0;\n }\n\n .container {\n box-shadow: none;\n padding: 20px;\n }\n\n .watermark {\n opacity: 0.05;\n }\n }\n\n @media (max-width: 768px) {\n .container {\n padding: 25px;\n }\n\n .info-section,\n .color-palette,\n .logo-showcase,\n .spacing-grid,\n .dos-donts-grid {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"watermark\">AiPro<br>Institute\u2122<\/div>\n \n <div class=\"container\">\n <div class=\"header\">\n <div class=\"logo\">AiPro Institute\u2122<\/div>\n <div class=\"document-title\">Brand Guidelines Document<\/div>\n <\/div>\n\n <div class=\"info-section\">\n <div class=\"info-item\">\n <label class=\"info-label\">Brand Name<\/label>\n <input type=\"text\" class=\"info-input\" placeholder=\"Your brand name\">\n <\/div>\n <div class=\"info-item\">\n <label class=\"info-label\">Version<\/label>\n <input type=\"text\" class=\"info-input\" placeholder=\"v1.0\">\n <\/div>\n <div class=\"info-item\">\n <label class=\"info-label\">Last Updated<\/label>\n <input type=\"text\" class=\"info-input\" placeholder=\"January 2026\">\n <\/div>\n <\/div>\n\n <div class=\"section-title\">\ud83d\udcd6 Brand Overview<\/div>\n \n <div class=\"content-block\">\n <h3>Brand Mission<\/h3>\n <textarea rows=\"3\" placeholder=\"What is your brand's purpose? What do you aim to achieve?\"><\/textarea>\n <\/div>\n\n <div class=\"content-block\">\n <h3>Brand Vision<\/h3>\n <textarea rows=\"3\" placeholder=\"Where do you see your brand in the future? What impact do you want to make?\"><\/textarea>\n <\/div>\n\n <div class=\"content-block\">\n <h3>Brand Values<\/h3>\n <textarea rows=\"4\" placeholder=\"List your core values (e.g., Innovation, Integrity, Excellence, Customer-First, Sustainability)\"><\/textarea>\n <\/div>\n\n <div class=\"content-block\">\n <h3>Brand Personality<\/h3>\n <textarea rows=\"3\" placeholder=\"Describe your brand's character and tone (e.g., Professional yet approachable, Innovative and bold, Trustworthy and reliable)\"><\/textarea>\n <\/div>\n\n <div class=\"section-title\">\ud83c\udfa8 Color Palette<\/div>\n\n <div class=\"color-palette\">\n <div class=\"color-card\">\n <div class=\"color-swatch\" style=\"background: #8B5CF6;\">\n <input type=\"color\" value=\"#8B5CF6\" style=\"width: 80px; height: 40px; border: 2px solid white; cursor: pointer;\">\n <\/div>\n <div class=\"color-info\">\n <div class=\"color-name\">\n <input type=\"text\" placeholder=\"Primary Color\" style=\"border: none; border-bottom: 2px dashed #cbd5e1;\">\n <\/div>\n <input type=\"text\" placeholder=\"#8B5CF6\" style=\"font-family: monospace; border: none; border-bottom: 2px dashed #cbd5e1;\">\n <textarea rows=\"2\" placeholder=\"Usage: Headers, CTAs, key elements\" style=\"margin-top: 10px; font-size: 12px;\"><\/textarea>\n <\/div>\n <\/div>\n\n <div class=\"color-card\">\n <div class=\"color-swatch\" style=\"background: #3B82F6;\">\n <input type=\"color\" value=\"#3B82F6\" style=\"width: 80px; height: 40px; border: 2px solid white; cursor: pointer;\">\n <\/div>\n <div class=\"color-info\">\n <div class=\"color-name\">\n <input type=\"text\" placeholder=\"Secondary Color\" style=\"border: none; border-bottom: 2px dashed #cbd5e1;\">\n <\/div>\n <input type=\"text\" placeholder=\"#3B82F6\" style=\"font-family: monospace; border: none; border-bottom: 2px dashed #cbd5e1;\">\n <textarea rows=\"2\" placeholder=\"Usage: Accents, links, highlights\" style=\"margin-top: 10px; font-size: 12px;\"><\/textarea>\n <\/div>\n <\/div>\n\n <div class=\"color-card\">\n <div class=\"color-swatch\" style=\"background: #1e293b;\">\n <input type=\"color\" value=\"#1e293b\" style=\"width: 80px; height: 40px; border: 2px solid white; cursor: pointer;\">\n <\/div>\n <div class=\"color-info\">\n <div class=\"color-name\">\n <input type=\"text\" placeholder=\"Dark Neutral\" style=\"border: none; border-bottom: 2px dashed #cbd5e1;\">\n <\/div>\n <input type=\"text\" placeholder=\"#1e293b\" style=\"font-family: monospace; border: none; border-bottom: 2px dashed #cbd5e1;\">\n <textarea rows=\"2\" placeholder=\"Usage: Body text, headings\" style=\"margin-top: 10px; font-size: 12px;\"><\/textarea>\n <\/div>\n <\/div>\n\n <div class=\"color-card\">\n <div class=\"color-swatch\" style=\"background: #64748b;\">\n <input type=\"color\" value=\"#64748b\" style=\"width: 80px; height: 40px; border: 2px solid white; cursor: pointer;\">\n <\/div>\n <div class=\"color-info\">\n <div class=\"color-name\">\n <input type=\"text\" placeholder=\"Medium Neutral\" style=\"border: none; border-bottom: 2px dashed #cbd5e1;\">\n <\/div>\n <input type=\"text\" placeholder=\"#64748b\" style=\"font-family: monospace; border: none; border-bottom: 2px dashed #cbd5e1;\">\n <textarea rows=\"2\" placeholder=\"Usage: Secondary text, captions\" style=\"margin-top: 10px; font-size: 12px;\"><\/textarea>\n <\/div>\n <\/div>\n\n <div class=\"color-card\">\n <div class=\"color-swatch\" style=\"background: #f8fafc;\">\n <input type=\"color\" value=\"#f8fafc\" style=\"width: 80px; height: 40px; border: 2px solid #cbd5e1; cursor: pointer;\">\n <\/div>\n <div class=\"color-info\">\n <div class=\"color-name\">\n <input type=\"text\" placeholder=\"Light Background\" style=\"border: none; border-bottom: 2px dashed #cbd5e1;\">\n <\/div>\n <input type=\"text\" placeholder=\"#f8fafc\" style=\"font-family: monospace; border: none; border-bottom: 2px dashed #cbd5e1;\">\n <textarea rows=\"2\" placeholder=\"Usage: Backgrounds, cards\" style=\"margin-top: 10px; font-size: 12px;\"><\/textarea>\n <\/div>\n <\/div>\n\n <div class=\"color-card\">\n <div class=\"color-swatch\" style=\"background: #10b981;\">\n <input type=\"color\" value=\"#10b981\" style=\"width: 80px; height: 40px; border: 2px solid white; cursor: pointer;\">\n <\/div>\n <div class=\"color-info\">\n <div class=\"color-name\">\n <input type=\"text\" placeholder=\"Success\/Accent\" style=\"border: none; border-bottom: 2px dashed #cbd5e1;\">\n <\/div>\n <input type=\"text\" placeholder=\"#10b981\" style=\"font-family: monospace; border: none; border-bottom: 2px dashed #cbd5e1;\">\n <textarea rows=\"2\" placeholder=\"Usage: Success states, positive CTAs\" style=\"margin-top: 10px; font-size: 12px;\"><\/textarea>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-title\">\u270f\ufe0f Typography<\/div>\n\n <div class=\"typography-example\">\n <h3 style=\"margin-bottom: 15px; color: #1e293b;\">Primary Font Family<\/h3>\n <input type=\"text\" placeholder=\"Font name (e.g., Inter, Roboto, Poppins)\" style=\"margin-bottom: 20px;\">\n \n <div style=\"margin-bottom: 20px;\">\n <div style=\"font-size: 36px; font-weight: 700; margin-bottom: 10px;\">Heading 1 - Bold 36px<\/div>\n <div style=\"font-size: 28px; font-weight: 600; margin-bottom: 10px;\">Heading 2 - Semibold 28px<\/div>\n <div style=\"font-size: 22px; font-weight: 600; margin-bottom: 10px;\">Heading 3 - Semibold 22px<\/div>\n <div style=\"font-size: 18px; font-weight: 600; margin-bottom: 10px;\">Heading 4 - Semibold 18px<\/div>\n <div style=\"font-size: 16px; font-weight: 400; line-height: 1.6;\">Body Text - Regular 16px - The quick brown fox jumps over the lazy dog. This is how your body text should appear throughout the brand materials.<\/div>\n <\/div>\n\n <textarea rows=\"3\" placeholder=\"Typography usage notes and guidelines...\"><\/textarea>\n <\/div>\n\n <table>\n <thead>\n <tr>\n <th>Element<\/th>\n <th>Font<\/th>\n <th>Size<\/th>\n <th>Weight<\/th>\n <th>Line Height<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>H1 Heading<\/td>\n <td><input type=\"text\" placeholder=\"Primary\"><\/td>\n <td><input type=\"text\" placeholder=\"36px\"><\/td>\n <td><input type=\"text\" placeholder=\"700\"><\/td>\n <td><input type=\"text\" placeholder=\"1.2\"><\/td>\n <\/tr>\n <tr>\n <td>H2 Heading<\/td>\n <td><input type=\"text\" placeholder=\"Primary\"><\/td>\n <td><input type=\"text\" placeholder=\"28px\"><\/td>\n <td><input type=\"text\" placeholder=\"600\"><\/td>\n <td><input type=\"text\" placeholder=\"1.3\"><\/td>\n <\/tr>\n <tr>\n <td>Body Text<\/td>\n <td><input type=\"text\" placeholder=\"Primary\"><\/td>\n <td><input type=\"text\" placeholder=\"16px\"><\/td>\n <td><input type=\"text\" placeholder=\"400\"><\/td>\n <td><input type=\"text\" placeholder=\"1.6\"><\/td>\n <\/tr>\n <tr>\n <td>Buttons<\/td>\n <td><input type=\"text\" placeholder=\"Primary\"><\/td>\n <td><input type=\"text\" placeholder=\"14px\"><\/td>\n <td><input type=\"text\" placeholder=\"600\"><\/td>\n <td><input type=\"text\" placeholder=\"1.0\"><\/td>\n <\/tr>\n <tr>\n <td>Captions<\/td>\n <td><input type=\"text\" placeholder=\"Primary\"><\/td>\n <td><input type=\"text\" placeholder=\"12px\"><\/td>\n <td><input type=\"text\" placeholder=\"400\"><\/td>\n <td><input type=\"text\" placeholder=\"1.4\"><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <div class=\"section-title\">\ud83c\udfad Logo Guidelines<\/div>\n\n <div class=\"logo-showcase\">\n <div class=\"logo-box\">\n <div class=\"logo-placeholder\">\n Primary Logo<br>(Full Color)\n <\/div>\n <textarea rows=\"2\" placeholder=\"Usage guidelines for primary logo\"><\/textarea>\n <\/div>\n <div class=\"logo-box\">\n <div class=\"logo-placeholder\">\n Secondary Logo<br>(Monochrome)\n <\/div>\n <textarea rows=\"2\" placeholder=\"Usage guidelines for secondary logo\"><\/textarea>\n <\/div>\n <div class=\"logo-box\" style=\"background: #1e293b;\">\n <div class=\"logo-placeholder\" style=\"border-color: white; color: white;\">\n Logo on Dark<br>Background\n <\/div>\n <textarea rows=\"2\" placeholder=\"Usage guidelines for dark backgrounds\"><\/textarea>\n <\/div>\n <div class=\"logo-box\">\n <div class=\"logo-placeholder\">\n Logo Icon<br>(Symbol Only)\n <\/div>\n <textarea rows=\"2\" placeholder=\"Usage guidelines for icon version\"><\/textarea>\n <\/div>\n <\/div>\n\n <div class=\"content-block\">\n <h3>Logo Clear Space & Minimum Size<\/h3>\n <textarea rows=\"3\" placeholder=\"Define minimum clear space around logo (e.g., minimum height: 24px; clear space: X = logo height\/4 on all sides)\"><\/textarea>\n <\/div>\n\n <div class=\"section-title\">\ud83d\udccf Spacing & Layout<\/div>\n\n <div class=\"spacing-grid\">\n <div class=\"spacing-box\">\n <input type=\"text\" class=\"spacing-value\" placeholder=\"8px\" style=\"text-align: center; border: none; background: transparent; color: #8B5CF6; font-size: 28px; font-weight: bold;\">\n <div class=\"spacing-label\">Extra Small<\/div>\n <\/div>\n <div class=\"spacing-box\">\n <input type=\"text\" class=\"spacing-value\" placeholder=\"16px\" style=\"text-align: center; border: none; background: transparent; color: #8B5CF6; font-size: 28px; font-weight: bold;\">\n <div class=\"spacing-label\">Small<\/div>\n <\/div>\n <div class=\"spacing-box\">\n <input type=\"text\" class=\"spacing-value\" placeholder=\"24px\" style=\"text-align: center; border: none; background: transparent; color: #8B5CF6; font-size: 28px; font-weight: bold;\">\n <div class=\"spacing-label\">Medium<\/div>\n <\/div>\n <div class=\"spacing-box\">\n <input type=\"text\" class=\"spacing-value\" placeholder=\"32px\" style=\"text-align: center; border: none; background: transparent; color: #8B5CF6; font-size: 28px; font-weight: bold;\">\n <div class=\"spacing-label\">Large<\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-title\">\ud83d\udde3\ufe0f Brand Voice & Tone<\/div>\n\n <table>\n <thead>\n <tr>\n <th>Attribute<\/th>\n <th>Description<\/th>\n <th>Example<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><input type=\"text\" placeholder=\"Professional\"><\/td>\n <td><textarea rows=\"2\" placeholder=\"How this shows up\"><\/textarea><\/td>\n <td><textarea rows=\"2\" placeholder=\"Example phrase\"><\/textarea><\/td>\n <\/tr>\n <tr>\n <td><input type=\"text\" placeholder=\"Friendly\"><\/td>\n <td><textarea rows=\"2\" placeholder=\"How this shows up\"><\/textarea><\/td>\n <td><textarea rows=\"2\" placeholder=\"Example phrase\"><\/textarea><\/td>\n <\/tr>\n <tr>\n <td><input type=\"text\" placeholder=\"Authentic\"><\/td>\n <td><textarea rows=\"2\" placeholder=\"How this shows up\"><\/textarea><\/td>\n <td><textarea rows=\"2\" placeholder=\"Example phrase\"><\/textarea><\/td>\n <\/tr>\n <tr>\n <td><input type=\"text\" placeholder=\"Innovative\"><\/td>\n <td><textarea rows=\"2\" placeholder=\"How this shows up\"><\/textarea><\/td>\n <td><textarea rows=\"2\" placeholder=\"Example phrase\"><\/textarea><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <div class=\"section-title\">\u2705 Do's and \u274c Don'ts<\/div>\n\n <div class=\"dos-donts-grid\">\n <div class=\"dos-box\">\n <h3>\u2705 DO<\/h3>\n <textarea rows=\"8\" placeholder=\"List brand do's:- Use approved colors from palette- Maintain proper logo spacing- Follow typography hierarchy- Use high-quality images- Keep messaging consistent- etc.\"><\/textarea>\n <\/div>\n <div class=\"donts-box\">\n <h3>\u274c DON'T<\/h3>\n <textarea rows=\"8\" placeholder=\"List brand don'ts:- Don't distort or stretch the logo- Don't use unapproved colors- Don't alter font weights- Don't use low-quality images- Don't mix brand styles- etc.\"><\/textarea>\n <\/div>\n <\/div>\n\n <div class=\"section-title\">\ud83d\udcf8 Imagery Guidelines<\/div>\n\n <div class=\"content-block\">\n <h3>Photography Style<\/h3>\n <textarea rows=\"4\" placeholder=\"Describe the style of photography that represents your brand (e.g., Natural lighting, authentic moments, diverse people, minimal staging, vibrant colors, professional environments, etc.)\"><\/textarea>\n <\/div>\n\n <div class=\"content-block\">\n <h3>Illustration Style<\/h3>\n <textarea rows=\"4\" placeholder=\"If applicable, describe illustration style (e.g., Flat design, geometric shapes, bold colors, minimalist, hand-drawn, etc.)\"><\/textarea>\n <\/div>\n\n <div class=\"content-block\">\n <h3>Icons & Graphics<\/h3>\n <textarea rows=\"3\" placeholder=\"Guidelines for icons and graphic elements (e.g., Line weight, style consistency, usage scenarios)\"><\/textarea>\n <\/div>\n\n <div class=\"section-title\">\ud83d\udcf1 Digital Applications<\/div>\n\n <table>\n <thead>\n <tr>\n <th>Platform<\/th>\n <th>Specifications<\/th>\n <th>Guidelines<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>Website<\/td>\n <td><textarea rows=\"2\" placeholder=\"Technical specs\"><\/textarea><\/td>\n <td><textarea rows=\"2\" placeholder=\"Usage guidelines\"><\/textarea><\/td>\n <\/tr>\n <tr>\n <td>Social Media<\/td>\n <td><textarea rows=\"2\" placeholder=\"Profile sizes, cover photos\"><\/textarea><\/td>\n <td><textarea rows=\"2\" placeholder=\"Usage guidelines\"><\/textarea><\/td>\n <\/tr>\n <tr>\n <td>\u90ae\u7bb1<\/td>\n <td><textarea rows=\"2\" placeholder=\"Header size, signature\"><\/textarea><\/td>\n <td><textarea rows=\"2\" placeholder=\"Usage guidelines\"><\/textarea><\/td>\n <\/tr>\n <tr>\n <td>Mobile App<\/td>\n <td><textarea rows=\"2\" placeholder=\"App icon, splash screen\"><\/textarea><\/td>\n <td><textarea rows=\"2\" placeholder=\"Usage guidelines\"><\/textarea><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <div class=\"section-title\">\ud83d\udcc4 Print Applications<\/div>\n\n <div class=\"content-block\">\n <h3>Business Cards<\/h3>\n <textarea rows=\"3\" placeholder=\"Specifications, layout, required elements\"><\/textarea>\n <\/div>\n\n <div class=\"content-block\">\n <h3>Letterhead & Stationery<\/h3>\n <textarea rows=\"3\" placeholder=\"Layout guidelines, margins, placement\"><\/textarea>\n <\/div>\n\n <div class=\"content-block\">\n <h3>Marketing Collateral<\/h3>\n <textarea rows=\"3\" placeholder=\"Brochures, flyers, posters - design guidelines\"><\/textarea>\n <\/div>\n\n <div class=\"notes-section\">\n <h3 style=\"margin-bottom: 10px; color: #92400e;\">\ud83d\udcdd Additional Brand Guidelines<\/h3>\n <textarea style=\"width: 100%; min-height: 100px; border: 2px dashed #f59e0b; padding: 12px; border-radius: 5px; font-family: inherit;\" placeholder=\"Any additional guidelines, exceptions, approval processes, contact information for brand questions, etc.\"><\/textarea>\n <\/div>\n\n <div style=\"margin-top: 40px; padding: 20px; background: linear-gradient(135deg, #f8f7ff 0%, #f0f9ff 100%); border-radius: 8px; text-align: center; font-size: 12px; color: #64748b;\">\n <p><strong>AiPro Institute\u2122<\/strong> | Brand Identity & Visual Standards<\/p>\n <p style=\"margin-top: 5px;\">Brand Guidelines Template Version 1.0 | \u00a9 2026 AiPro Institute. All Rights Reserved.<\/p>\n <\/div>\n <\/div>\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 AiProInstitute\u2122 AiPro Institute\u2122 Brand Guidelines Document Brand Name Version Last Updated \ud83d\udcd6 Brand Overview Brand Mission Brand Vision Brand Values Brand Personality \ud83c\udfa8 Color Palette \u270f\ufe0f Typography Primary Font Family Heading 1 – Bold 36px Heading 2 – Semibold 28px Heading 3 – Semibold 22px Heading 4 – Semibold…<\/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":[80],"tags":[],"class_list":["post-2778","post","type-post","status-publish","format-standard","hentry","category-marketing-sales-department"],"acf":[],"_links":{"self":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/2778","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=2778"}],"version-history":[{"count":4,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/2778\/revisions"}],"predecessor-version":[{"id":2787,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/2778\/revisions\/2787"}],"wp:attachment":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/media?parent=2778"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/categories?post=2778"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/tags?post=2778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}