بناء الهوية البصرية الكاملة
باستخدام Claude Design

أنت مستشار بناء هويات بصرية (Brand Identity Consultant). محتاج تفهم مشروعي/شركتي بالتفصيل قبل ما نبدأ نبني الهوية البصرية.

اسألني الأسئلة التالية واحد واحد — سؤال واحد بكل رسالة. استنى جوابي قبل ما تنتقل للسؤال اللي بعده. لا تسأل أكثر من سؤال بنفس الرسالة.

لما أجاوب جواب ناقص أو غير واضح، اطلب مني توضيح قبل ما تكمل.

بعد ما أجاوب على كل الأسئلة، اجمع كل إجاباتي في Master Prompt واحد جاهز أنسخه وأحطه في Claude Design كـ Design System. الـ Master Prompt يكون مكتوب بالإنجليزية ومنظم بشكل احترافي.

الأسئلة:
1. شو اسم شركتك/مشروعك؟ وهل مسجل رسمياً؟
2. احكيلي نبذة مختصرة عن شركتك — شو بتعمل بالضبط؟
3. إمتى تأسست الشركة؟
4. شو رسالة شركتك؟
5. شو رؤيتك للشركة على المدى الطويل؟
6. شو القيم الأساسية اللي شركتك بتمشي عليها؟
7. شو نقاط القوة والضعف اللي بتشوفها بشركتك؟
8. مين جمهورك المستهدف بالضبط؟
9. وين بتستهدف جغرافياً؟
10. مين أهم 3 منافسين إلك بالسوق؟
11. شو أكثر إشي بيعجبك عند المنافسين؟
12. شو الإشي اللي بتتفوق فيه على المنافسين؟
13. شو اللي بيخلي العميل يختارك بدل المنافسين؟
14. شو بالضبط المنتجات أو الخدمات اللي بتقدمها؟
15. في خطة لإطلاق منتجات أو خدمات جديدة بالمستقبل؟
16. شو نوع الشخصية اللي بدك هويتك توصلها؟
17. شو الرسالة اللي بدك الشعار والهوية يوصلوها للعميل؟
18. شو نبرة التواصل اللي بتناسبك؟
19. في ألوان معينة بتفضلها أو بتكرهها؟ وليش؟
20. في شعارات أو هويات لشركات ثانية بتعجبك كمرجع؟
21. شو اللغة الأساسية للهوية؟
22. شو الاستخدامات الأساسية اللي بتحتاج الهوية فيها؟
23. عندك موقع ويب أو حسابات سوشيال ميديا حالياً؟
24. في فروع أو خطط توسع؟
25. لو عميلك المثالي شاف البراند بعد سنتين — بدك يوصفه بأي كلمة؟

ابدأ بالسؤال الأول.

Based on the design system, create:

Part A — Logo Design

Design a professional logo for this brand. Create three versions:

1. Primary Logo (Full): The complete logo with icon/symbol and wordmark together. Must work on light and dark backgrounds.

2. Secondary Logo (Compact): A simplified horizontal or stacked version for tight spaces. Must contain the brand name.

3. Brand Mark (Icon only): A standalone symbol/icon extracted from the logo. Must work at 16x16px (favicon) and on its own.

For each version, provide:
- Full color version
- Monochrome black version
- Monochrome white version (for dark backgrounds)
- Grayscale version

All outputs in SVG format.

Write a short paragraph explaining the logo concept: what it represents, the creative idea behind it, and how it connects to the brand values and personality.

Define the clear space rule and the minimum size the logo can be used at.

Show 3 examples of incorrect logo usage.

Part B — Typography System

Select and define the complete font system:

1. Primary Arabic Font (Headlines): A font that matches the brand personality. Provide the font name, weights to use, and where to download it.

2. Secondary Arabic Font (Body Text): A highly readable font for paragraphs. Provide the font name and weights.

3. English Font (Headlines + Body): A font that pairs well with the Arabic fonts. Must be available on Google Fonts. Provide the font name and weights.

4. Font Scale:
- H1 Main Headline: size, weight, line-height
- H2 Sub-headline: size, weight, line-height
- H3 Section title: size, weight, line-height
- Body Paragraph: size, weight, line-height
- Caption Small text: size, weight, line-height

Show a sample layout demonstrating all font levels together in both Arabic and English.

Based on the design system, create:

Part A — Complete Color System

Define the full color palette:

1. Primary Color: The main brand color. Provide: HEX, RGB, CMYK, Pantone closest match. Explain why this color fits the brand personality.

2. Secondary Color: The complementary brand color. Provide: HEX, RGB, CMYK, Pantone. Explain the relationship to the primary color.

3. Accent Colors (2-3 colors): Supporting colors for highlights, CTAs, and details. Provide: HEX, RGB, CMYK for each.

4. Neutral Colors: Dark for text, Medium for secondary text, Light for backgrounds, White and Black variants.

5. Functional Colors: Success green, Warning yellow/orange, Error red, Info blue. All with HEX codes.

6. Color Usage Ratio: Primary 60%, Secondary 30%, Accent 10%. Show a visual diagram of this distribution.

7. Accessibility Check: Confirm all text/background combinations meet WCAG AA contrast standards.

Part B — Brand Pattern

Create a unique brand pattern that uses elements from the logo or brand visual language, works as a background texture for print and digital, has a seamless tileable version, works in full color monochrome and subtle low opacity versions.

Provide the pattern in SVG format with usage examples on a business card background, a social media story background, and a document header strip.

Based on the design system, logo, colors, fonts, and pattern, design the complete office stationery set:

1. Letterhead: A4 size 210x297mm. Header with logo placement and company info. Footer with contact details, website, social media. Show it blank and with sample text content. Print-ready: 300 DPI, CMYK, 3mm bleed.

2. Business Card: 85x55mm standard size. Front: logo, name, job title. Back: contact info including phone, email, website, social. Show both sides. Print-ready: 300 DPI, CMYK, 3mm bleed.

3. Envelopes: DL size 110x220mm, A5 size 162x229mm, A4 size 229x324mm. Show logo and return address placement on each.

4. Folder: A4 presentation folder with pocket. Front cover with logo. Inside with subtle pattern. Spine with company name.

For ALL items use only the brand colors, fonts, and pattern. Include print specifications and paper weight recommendation. Show realistic mockups. Provide files in SVG format.

Based on the design system, design the following marketing materials:

1. Roll-Up Banner: Size 850x2000mm. Logo at top, key message in center, contact info at bottom. Show a realistic standing mockup.

2. Notebook: A5 size. Front cover branded with logo. Back cover minimal. Inside first page with brand info. Show realistic mockup.

3. Web Banners: Hero Banner 1920x1080px, Social Ad Banner 1200x628px, Leaderboard 728x90px, Square 300x300px. Each with a sample headline and CTA button.

4. Billboard Poster: Horizontal 4000x2000mm. Readable from distance. Strong visual hierarchy. Show realistic outdoor mockup.

5. Branded Pen: Logo placement on pen barrel. Color matching. Realistic mockup.

6. Uniform: Polo shirt or dress shirt. Logo on left chest. Front view mockup. Color options matching brand palette.

For ALL items: consistent with the design system, print specs where applicable, realistic mockups.

Based on the design system, create all digital brand assets:

1. Favicon: Sizes 16x16, 32x32, 48x48, 64x64, 180x180 Apple Touch, 192x192 Android. Use the brand mark. Must be recognizable at smallest size.

2. Email Signature: Clean HTML layout max width 600px. Contains photo placeholder, name, job title, company name, phone, email, website, social icons. Uses brand colors. Compatible with Gmail, Outlook, Apple Mail. Provide HTML code.

3. Social Media Profile Pictures: Instagram 320x320, Facebook 170x170, LinkedIn 400x400, TikTok 200x200, Twitter/X 400x400, YouTube 800x800. Use brand mark. Provide as PNG with transparent background.

4. Social Media Cover Photos: Facebook 1640x856, LinkedIn Personal 1584x396, LinkedIn Company 1128x191, Twitter/X 1500x500, YouTube 2560x1440. Each with on-brand design, tagline, and contact info.

5. WhatsApp Business: Profile picture 640x640, Catalog header 1080x1080.

For ALL items: consistent with design system, optimized for web, show realistic device mockups.

Based on the design system, create reusable social media post templates:

Instagram: Quote/Tip Post 1080x1080, Product/Service Post 1080x1080, Carousel Post 1080x1350 with first inner and last slide, Story Template 1080x1920, Reel Cover 1080x1920.

Facebook: Standard Post 1200x628, Event Cover 1920x1080, Ad Post 1200x628.

LinkedIn: Article Share Post 1200x628, Achievement Post 1200x628.

TikTok: Video Cover 1080x1920.

General Rules: Each template must have clear text area, image area, and logo placement. Use only brand colors fonts and pattern. Logo always visible but not dominant. Design 2 color variations for each: light version and dark version. Provide all templates as individual files.

Based on the design system and everything created so far, build a brand presentation that explains the entire visual identity.

Slides: 1. Cover Slide with brand name logo and tagline. 2. About the Brand with mission vision values. 3. The Challenge. 4. Logo Concept. 5. Logo Versions. 6. Logo Rules. 7. Color Palette. 8. Color Meaning. 9. Typography. 10. Brand Pattern. 11. Stationery. 12. Marketing Materials. 13. Digital Assets. 14. Social Media. 15. Uniform and Extras. 16. Thank You with contact info.

Design Rules: Use the brand design system for the presentation itself. Clean minimal slides. One idea per slide. Consistent spacing and alignment. Output as a complete designed presentation.

Based on the design system and all assets created, compile the complete Brand Guidelines document.

Sections: 1. Introduction 2-3 pages with brand story, mission, vision, values, target audience. 2. Logo 8-10 pages with all versions, construction grid, clear space, minimum size, correct and incorrect usage. 3. Color System 4-6 pages with all colors, codes, usage ratio, accessibility. 4. Typography 4-5 pages with all fonts, hierarchy, samples. 5. Brand Pattern 2-3 pages. 6. Photography Style 2 pages. 7. Stationery 6-8 pages. 8. Marketing Materials 6-8 pages. 9. Digital Assets 4-6 pages. 10. Social Media Templates 6-8 pages. 11. Brand Voice and Tone 2 pages. 12. Contact and Credits 1 page.

Document Design Rules: The guidelines document must use the brand design system. Professional layout with consistent margins. Table of contents with page numbers. Total approximately 50-80 pages. Output as a complete designed PDF document.