Brand Identity Kit
Run ID: 69cce96a3e7fb09ff16a637c2026-04-01Design
PantheraHive BOS
BOS Dashboard

Complete brand identity package including logo concepts, color palette, typography guide, brand voice guidelines, and social media style guide.

Step 1 of 3: Research Design Requirements - Brand Identity Kit

This document outlines the comprehensive research and design requirements for developing your brand identity kit. This initial phase is crucial for establishing a strong foundation, ensuring that the final deliverables accurately reflect your vision, resonate with your target audience, and stand out in the market.

We will cover core brand identity elements, detailed design specifications, brand voice, social media presence, and overall user experience considerations.


1. Project Overview & Core Objectives

Deliverable Goal: To create a complete brand identity package including logo concepts, color palette, typography guide, brand voice guidelines, and a social media style guide.

Overall Vision & Ambition:

  • What is the primary purpose of this brand identity kit? (e.g., launching a new company, rebranding an existing one, expanding into new markets).
  • What is the overarching mission and vision for your brand?
  • What key message or feeling should the brand identity consistently convey?
  • What are your long-term aspirations for the brand's recognition and impact?

2. Core Brand Identity Research & Requirements

This section focuses on understanding the foundational elements that will shape your brand's visual and verbal identity.

2.1. Brand Vision & Values

  • Core Values: List 3-5 core values that define your brand and guide its operations. (e.g., Innovation, Trust, Community, Sustainability, Luxury, Accessibility).
  • Brand Promise: What unique benefit or experience does your brand consistently deliver to its customers?
  • Brand Story (Optional but Recommended): A brief narrative about your brand's origin, purpose, or journey.

2.2. Target Audience

  • Demographics: Who are your primary customers? (Age, gender, location, income, occupation, education).
  • Psychographics: What are their interests, hobbies, values, lifestyle, challenges, and aspirations?
  • Needs & Pain Points: How does your brand address their specific needs or solve their problems?
  • Desired Perception: How do you want your target audience to feel when they interact with your brand?

2.3. Competitive Landscape

  • Key Competitors: List 3-5 direct and indirect competitors.
  • Competitor Analysis: What are their strengths and weaknesses in terms of branding? What do you like or dislike about their visual identity and messaging?
  • Differentiation: How will your brand stand out from competitors? What makes you unique?

2.4. Desired Brand Personality

Imagine your brand as a person. How would you describe its personality? (Choose 3-5 adjectives, e.g., Innovative, Trustworthy, Playful, Sophisticated, Authentic, Bold, Minimalist, Friendly, Authoritative).


3. Detailed Design Specifications & Requirements

This section delves into the aesthetic and functional aspects of your brand's visual elements.

3.1. Logo & Visual Identity

  • Logo Style Preference:

* Wordmark: Text-only logo (e.g., Google, Coca-Cola).

* Lettermark/Monogram: Initials-based logo (e.g., IBM, HP).

* Brandmark/Pictorial Mark: Icon/symbol only (e.g., Apple, Twitter bird).

* Abstract Mark: Abstract geometric form (e.g., Nike swoosh, Adidas trefoil).

* Combination Mark: Icon + text (e.g., Starbucks, Lacoste).

* Emblem: Text within a symbol/badge (e.g., Starbucks original, Harley-Davidson).

  • Iconography & Imagery:

* Are there any specific symbols, motifs, or imagery that should be incorporated or avoided?

* What overall style should imagery convey? (e.g., realistic, illustrative, abstract, photographic, minimalist, detailed).

  • Desired Aesthetics:

* Modern vs. Classic: Do you lean towards contemporary design or timeless elegance?

* Minimalist vs. Intricate: Simple and clean or rich in detail?

* Geometric vs. Organic: Sharp lines and shapes or flowing natural forms?

* Playful vs. Serious: Lighthearted and fun or formal and authoritative?

* Bold vs. Subtle: Strong and impactful or understated and refined?

  • Existing Elements: Do you have any existing logos, sketches, or visual elements you'd like to integrate or draw inspiration from?
  • Usage: Where will the logo primarily be used? (e.g., website, print, social media, merchandise, signage). This informs scalability and complexity.

3.2. Color Palette

Colors evoke emotions and convey meaning. We will develop a palette that aligns with your brand personality and target audience.

  • Primary Colors: What 1-2 dominant colors do you envision? What emotions or associations do these colors bring to mind?
  • Secondary Colors: What 2-3 supporting colors would complement the primary palette?
  • Accent Colors: Are there any specific bright or contrasting colors you'd like to use for highlights or calls to action?
  • Inspiration: Are there any existing brands, images, or natural elements that inspire a particular color scheme?
  • Colors to Avoid: Are there any colors that should absolutely not be used?
  • Accessibility: Consideration for color contrast ratios for digital accessibility will be a priority.

3.3. Typography Guide

Typography defines the readability and tone of your written communication.

  • Primary Heading Font:

* Desired style (e.g., Serif for traditional/authority, Sans-serif for modern/clean, Script for elegant/personal).

* Desired weight and impact.

  • Secondary Heading Font:

* A complementary font that provides hierarchy and visual interest.

  • Body Text Font:

* Prioritize readability across various platforms and screen sizes.

* Should be clear and easy on the eyes.

  • Accent/Display Font (Optional):

* For specific uses like quotes, call-outs, or decorative elements.

  • Font Personality: Should the fonts feel traditional, modern, playful, serious, elegant, techy, etc.?
  • Web vs. Print: Considerations for web-safe fonts and licensing for custom fonts.

3.4. Imagery & Iconography Style

Beyond the logo, how will other visual assets look?

  • Photography Style: (e.g., bright & airy, dark & moody, authentic & candid, posed & professional, abstract).
  • Illustration Style (if applicable): (e.g., flat, isometric, hand-drawn, realistic, cartoonish).
  • Iconography Style: (e.g., line art, filled, duotone, simple, detailed, consistent with logo style).

4. Brand Voice & Messaging Requirements

This section focuses on the verbal identity of your brand, ensuring consistent and effective communication.

  • Tone of Voice: How does your brand "speak"? (Choose 3-5 adjectives, e.g., Professional, Friendly, Humorous, Empathetic, Direct, Inspirational, Confident, Humble, Edgy).
  • Key Messages: What are the 3-5 most important messages you want to consistently convey about your brand?
  • Keywords & Phrases: Are there specific words, phrases, or industry jargon that should be used or avoided?
  • Audience Engagement: How does the brand voice adapt for different audiences or platforms (e.g., formal for investors, informal for social media)?
  • Examples: Provide examples of existing content (from your brand or others) that exemplify the desired tone, and also examples of what to avoid.

5. Social Media Style Guide Requirements

This guide will ensure a cohesive and impactful presence across all chosen social media platforms.

  • Target Platforms: Which social media platforms are most important for your brand? (e.g., Instagram, Facebook, LinkedIn, X, TikTok, Pinterest, YouTube).
  • Profile Optimization:

* Requirements for profile pictures (logo variations, sizing).

* Cover photo/banner image guidelines and template ideas.

* Bio/description best practices.

  • Content Pillars: What are the main themes or categories of content you will share?
  • Visual Consistency:

* Post Templates: Initial ideas for graphic templates (e.g., quote graphics, announcement banners, product showcases).

* Image Filters/Editing Style: Any preferred filters, color grading, or photographic treatments.

* Layout & Grid Strategy (Instagram): Specific aesthetic goals for the overall feed.

  • Caption & Copywriting:

* Guidelines for tone, length, and call-to-actions.

* Emoji usage (when appropriate, when to avoid).

* Hashtag strategy (number, relevance, branded hashtags).

  • Video Content (if applicable):

* Requirements for intros/outros, on-screen text, lower thirds, and overall visual style.

  • Interaction & Engagement:

* Guidelines for responding to comments and messages.


6. UX & Brand Experience Recommendations

These recommendations focus on how the brand identity translates into a consistent and positive user experience across all touchpoints.

  • Consistency Across Touchpoints:

* The brand identity kit should be designed for seamless application across digital (website, apps, social media) and physical (print, packaging, signage) touchpoints.

* Recommendations for maintaining brand consistency in diverse contexts.

  • Clarity & Simplicity:

* The brand identity should be easy to understand and navigate, avoiding confusion.

* Visual elements should guide the user without overwhelming them.

  • Memorability:

* Elements should be distinctive and easily recalled, fostering strong brand recall.

* Unique visual cues and messaging that leave a lasting impression.

  • Emotional Connection:

* The brand identity should evoke the desired emotions in the target audience, building loyalty and engagement.

* Design choices that resonate with user aspirations and values.

  • Accessibility:

* Recommendations for ensuring visual and textual elements are accessible to users with disabilities (e.g., sufficient color contrast, legible font sizes, clear hierarchies).

* Consideration for diverse user needs in all design applications.

  • Adaptability:

* The brand identity should be flexible enough to adapt to future growth, new products/services, and evolving market trends without losing its core essence.


7. Next Steps & Client Input Request

To proceed effectively with the next phases of design and development, we require your detailed input on the requirements outlined above.

Please review this document thoroughly and provide your feedback, answers to the questions, and any additional insights you deem relevant.

Once we receive your comprehensive feedback, we will move to Step 2: Design & Prototyping, where we will translate these requirements into initial logo concepts, color palettes, typography pairings, and initial brand guideline drafts.

Your detailed input at this stage is invaluable for creating a brand identity kit that truly represents your vision and achieves your business objectives.

gemini Output

As part of the "Brand Identity Kit" workflow, this deliverable outlines the comprehensive design specifications for your brand. This document will serve as the foundational blueprint for all visual and experiential aspects of your brand, ensuring consistency, professionalism, and a strong market presence.


Brand Identity Kit: Design Specifications

This document details the core visual and experiential components of your brand identity, covering logo concepts, color palettes, typography, brand voice translation into design, social media guidelines, and user experience recommendations.

1. Overall Design Objectives & Principles

The primary objective is to create a distinctive, memorable, and versatile brand identity that resonates with your target audience and effectively communicates your brand's values.

  • Clarity & Simplicity: Designs will be clean, uncluttered, and easy to understand.
  • Consistency: A unified look and feel across all platforms and touchpoints.
  • Memorability: Unique elements that aid brand recall.
  • Versatility: Adaptable designs for various applications (digital, print, merchandise).
  • Scalability: Logos and elements will function effectively at all sizes.
  • Accessibility: Designs will consider inclusive principles for all users.

2. Logo Concepts & Specifications

We will develop a primary logo mark and complementary variations to ensure flexibility across all brand applications.

2.1. Primary Logo Concept

  • Type: Combination Mark (Logomark + Wordmark).
  • Description: The primary logo will feature a unique, abstract logomark designed to symbolize [brief description of what the symbol represents, e.g., "growth and connectivity"] paired with a custom or carefully selected wordmark that conveys [brand's desired attribute, e.g., "modernity and trustworthiness"].
  • Key Attributes:

* Modern & Clean: Emphasizing contemporary aesthetics.

* Balanced Composition: Harmonious visual weight between symbol and text.

* Scalable: Designed for legibility from favicon size to large banners.

* Distinctive: Unique enough to stand out in a competitive landscape.

2.2. Logo Variations

  • Logomark Only: A standalone version of the symbol for use as an icon, app icon, or social media profile picture where space is limited.
  • Wordmark Only: A standalone version of the brand name for specific applications, e.g., internal documents, subtle branding.
  • Horizontal Layout: The primary combination mark in a horizontal arrangement.
  • Vertical/Stacked Layout: The primary combination mark in a stacked arrangement for specific layouts.
  • Monochrome Versions: Black, white, and primary brand color versions for single-color applications.
  • Reverse Versions: Optimized for use on dark backgrounds.

2.3. Logo Usage Guidelines

  • Clear Space: Defined minimum clear space around the logo to ensure visibility and impact.
  • Minimum Size: Specified minimum size for digital and print applications to maintain legibility.
  • Incorrect Usage: Examples of how not to use the logo (e.g., stretching, altering colors, adding effects, rotating).

3. Color Palette Specifications

A thoughtfully curated color palette will evoke the desired emotions and reinforce brand personality.

3.1. Primary Color Palette

These are the core brand colors, used most prominently across all materials.

  • Primary Accent Color:

* Name: [e.g., "Panthera Blue"]

* HEX: #0047AB

* RGB: 0, 71, 171

* CMYK: 100, 58, 0, 33

* Pantone: 286 C

* Usage: Key branding elements, primary calls-to-action, prominent headings.

* Emotional Association: Trust, professionalism, stability, innovation.

  • Secondary Primary Color:

* Name: [e.g., "Sunburst Yellow"]

* HEX: #FFD700

* RGB: 255, 215, 0

* CMYK: 0, 16, 100, 0

* Pantone: 109 C

* Usage: Complementary accents, highlights, specific interactive elements.

* Emotional Association: Energy, optimism, creativity.

3.2. Secondary Color Palette

These colors support the primary palette, providing variety for backgrounds, illustrations, or data visualization.

  • Light Background:

* Name: [e.g., "Soft Gray"]

* HEX: #F5F5F5

* RGB: 245, 245, 245

* Usage: Page backgrounds, subtle dividers, secondary text.

  • Dark Accent:

* Name: [e.g., "Charcoal Gray"]

* HEX: #333333

* RGB: 51, 51, 51

* Usage: Main body text, footer backgrounds, strong contrast elements.

  • Tertiary Accent:

* Name: [e.g., "Forest Green"]

* HEX: #228B22

* RGB: 34, 139, 34

* Usage: Infographics, specific call-outs, status indicators (e.g., "success").

3.3. Neutral Color Palette

Essential for readability and balance.

  • White: #FFFFFF (Backgrounds, text on dark)
  • Black: #000000 (Text, strong outlines)
  • Grayscale: A gradient of grays for text, shadows, and subtle design elements.

* #666666 (Secondary text)

* #999999 (Placeholder text, disabled elements)

* #CCCCCC (Borders, dividers)

3.4. Color Usage Guidelines

  • Proportions: Recommendations for the dominant use of primary colors vs. secondary and accent colors.
  • Accessibility: All color combinations will be checked for WCAG 2.1 AA or AAA contrast ratios, especially for text and interactive elements.
  • Emotional Impact: Specific guidance on using colors to evoke desired user responses.

4. Typography Guide

Typography plays a crucial role in readability, visual hierarchy, and brand personality.

4.1. Primary Font (Headings & Display)

  • Font Family: [e.g., "Montserrat"] - A modern sans-serif font, chosen for its strong presence and excellent legibility across various weights.
  • Usage: All primary headings (H1, H2), prominent display text, key marketing messages.
  • Weights: Light (300), Regular (400), Semi-Bold (600), Bold (700).
  • Key Characteristics: Clean lines, geometric structure, versatile.

4.2. Secondary Font (Body Text & UI Elements)

  • Font Family: [e.g., "Open Sans"] - A highly readable and versatile sans-serif font, complementing Montserrat without competing.
  • Usage: Body copy, paragraphs, UI elements (buttons, forms), captions, legal text.
  • Weights: Light (300), Regular (400), Italic (400), Semi-Bold (600), Bold (700).
  • Key Characteristics: High legibility at small sizes, friendly and approachable.

4.3. Typography Hierarchy & Sizing (Web Examples)

  • H1 (Page Title): font-family: Montserrat; font-weight: 700; font-size: 2.8em; line-height: 1.2;
  • H2 (Section Title): font-family: Montserrat; font-weight: 600; font-size: 2.2em; line-height: 1.3;
  • H3 (Sub-Section Title): font-family: Montserrat; font-weight: 600; font-size: 1.6em; line-height: 1.4;
  • Body Text (P): font-family: Open Sans; font-weight: 400; font-size: 1em; line-height: 1.6;
  • Lead Paragraph: font-family: Open Sans; font-weight: 400; font-size: 1.2em; line-height: 1.5;
  • Captions/Small Text: font-family: Open Sans; font-weight: 400; font-size: 0.85em; line-height: 1.4;

4.4. General Typography Guidelines

  • Line Height: Optimal line height will be specified for readability, typically 1.4-1.6x font size.
  • Letter Spacing: Subtle adjustments for headings to improve visual appeal, standard for body text.
  • Text Alignment: Primarily left-aligned for readability, with exceptions for centered headings in specific contexts.

5. Brand Voice Guidelines (Visual Translation)

While brand voice is textual, its visual representation through design elements is critical.

  • Visual Tone:

* Professional & Authoritative: Achieved through clean layouts, structured typography, and consistent use of primary brand colors.

* Innovative & Forward-Thinking: Conveyed through modern iconography, subtle animations, and a dynamic use of accent colors.

* Approachable & Trustworthy: Supported by warm secondary colors, human-centric imagery, and accessible design choices.

  • Imagery & Photography Style:

* Authentic & Relatable: Focus on real people, genuine interactions, and natural lighting. Avoid overly staged or generic stock photos.

* High Quality & Resolution: All imagery must be professional and high-definition.

* Color Grading: Consistent color filters or toning to maintain a cohesive visual mood (e.g., slightly desaturated, warm tones).

* Subject Matter: Images should reflect diversity, collaboration, and the positive impact of the brand's offerings.

  • Iconography Style:

* Consistent Style: All icons will adhere to a unified aesthetic (e.g., outline, filled, duotone).

* Simplicity: Clear, recognizable symbols that communicate quickly.

* Scalable (SVG): Icons will be provided as SVG files for crisp rendering at any size.

6. Social Media Style Guide

Specific guidelines for maintaining brand consistency across various social media platforms.

  • Profile Pictures/Avatars:

* Use the Logomark-only version of the logo.

* Ensure legibility at small sizes (e.g., 180x180px for Facebook, 400x400px for LinkedIn).

* Consistent background color (e.g., primary brand color or white).

  • Cover Photos/Banners:

* Templates: Provide templates for Facebook, LinkedIn, Twitter, YouTube with specified dimensions.

* Content: Feature brand slogan, key visuals, and minimal text to avoid clutter.

* Branding: Incorporate the primary logo subtly, ensuring it doesn't interfere with key information.

  • Post Templates (Image & Video):

* Standard Layouts: Pre-designed layouts for various post types (e.g., quotes, announcements, promotions, infographics).

* Color & Font Usage: Strict adherence to the brand's primary and secondary color palettes and typography.

* Image Overlays: Consistent use of branded elements (e.g., watermark, small logo placement, color overlays).

* Aspect Ratios: Guidelines for optimal image and video aspect ratios for each platform (e.g., 1:1 for Instagram, 16:9 for YouTube).

  • Video Guidelines:

* Intro/Outro Screens: Branded intro and outro sequences (5-10 seconds) with

gemini Output

Brand Identity Kit: Final Design Assets & Guidelines

Project: Brand Identity Kit

Step: Finalize Design Assets

Date: October 26, 2023

Deliverable: Comprehensive Brand Identity Kit


1. Executive Summary

This document presents the finalized Brand Identity Kit for AeroLink Innovations, providing a complete set of guidelines and assets to ensure consistent and impactful brand representation across all touchpoints. This kit includes the finalized logo suite, a precise color palette, a comprehensive typography guide, brand voice guidelines, and a social media style guide. Additionally, it incorporates design specifications, application examples, and UX recommendations to facilitate cohesive implementation.

The goal is to empower AeroLink Innovations to communicate its core values of innovation, reliability, and precision through a unified visual and verbal identity, fostering strong brand recognition and trust with its audience.


2. Primary Logo & Variations

The AeroLink Innovations logo is designed to convey precision, forward-thinking, and connectivity, utilizing clean lines and a modern aesthetic.

[Note: For a real deliverable, high-resolution images of each logo variation would be embedded here.]

2.1. Primary Logo

  • Description: A sleek, abstract mark combining an upward-pointing arrow (representing innovation and progress) with interconnected lines (symbolizing data flow and aerial links), integrated with a modern, sans-serif wordmark "AeroLink Innovations."
  • Rationale: The upward trajectory signifies growth and future-forward vision. The interconnected lines subtly hint at drone paths, data networks, and seamless integration. The wordmark is strong, legible, and professional.
  • Usage: This is the primary mark for most applications, including website headers, marketing materials, and primary signage.

2.2. Secondary Logos / Wordmarks

  • Horizontal Lockup: A version where the icon and wordmark are aligned horizontally, suitable for wider spaces.
  • Stacked Lockup: A version where the icon is placed above the wordmark, ideal for square or vertical spaces.
  • Wordmark Only: "AeroLink Innovations" text without the icon, for use when the icon is already present or space is limited.

2.3. Icon Mark / Favicon

  • Description: The abstract arrow and interconnected lines, isolated from the wordmark.
  • Usage: Ideal for small applications like favicons, app icons, social media profile pictures, and as a graphic element in patterns.

2.4. Minimum Size & Clear Space

  • Minimum Size:

* Primary Logo: 1.5 inches (print), 120 pixels (digital)

* Icon Mark: 0.25 inches (print), 24 pixels (digital)

  • Clear Space: Maintain a minimum clear space around the logo equal to the height of the 'A' in "AeroLink" on all sides. This ensures legibility and prominence.

2.5. Incorrect Usage

  • Do not stretch or distort the logo.
  • Do not alter colors of the logo.
  • Do not place the logo on busy backgrounds that impair visibility.
  • Do not add effects (e.g., shadows, gradients) unless specified.
  • Do not rotate the logo.

3. Color Palette

The color palette for AeroLink Innovations is designed to evoke professionalism, technological advancement, and reliability. It combines cool blues and grays with a vibrant accent to signify innovation.

[Note: For a real deliverable, color swatches would be visually represented here.]

3.1. Primary Colors

  • AeroLink Blue (Primary Brand Color)

* Description: A deep, professional blue representing trust, technology, and stability.

* HEX: #004A77

* RGB: (0, 74, 119)

* CMYK: (100, 60, 0, 53)

* Pantone: Pantone 295 C

  • AeroLink Grey (Secondary Brand Color)

* Description: A sophisticated dark grey for balance and contrast, representing precision and foundation.

* HEX: #333333

* RGB: (51, 51, 51)

* CMYK: (75, 68, 67, 90)

* Pantone: Pantone 426 C

3.2. Secondary Colors

  • Sky Blue

* Description: A lighter, airy blue that complements the primary blue, suggesting openness and aerial perspective.

* HEX: #66B2E0

* RGB: (102, 178, 224)

* CMYK: (56, 20, 0, 12)

* Pantone: Pantone 299 C

  • Light Grey

* Description: A neutral light grey for backgrounds and subtle elements, ensuring readability and modern aesthetics.

* HEX: #E0E0E0

* RGB: (224, 224, 224)

* CMYK: (10, 7, 7, 0)

* Pantone: Pantone Cool Gray 3 C

3.3. Accent Colors

  • Innovation Green

* Description: A vibrant, energetic green used sparingly to highlight key actions, innovation, and positive outcomes.

* HEX: #5CB85C

* RGB: (92, 184, 92)

* CMYK: (50, 0, 50, 28)

* Pantone: Pantone 361 C

  • Warning Orange

* Description: Used for alerts, warnings, or urgent calls to action.

* HEX: #F0AD4E

* RGB: (240, 173, 78)

* CMYK: (0, 28, 68, 6)

* Pantone: Pantone 144 C

3.4. Usage Guidelines

  • Primary colors should dominate the brand's presence (60-70%).
  • Secondary colors provide balance and depth (20-30%).
  • Accent colors are used sparingly for emphasis (5-10%).
  • Ensure sufficient contrast for text and interactive elements, adhering to WCAG 2.1 accessibility guidelines (e.g., minimum contrast ratio of 4.5:1 for normal text).

4. Typography Guide

The chosen typefaces for AeroLink Innovations are modern, clean, and highly legible, reflecting the brand's precision and professionalism.

[Note: For a real deliverable, font previews would be shown for each weight and style.]

4.1. Primary Heading Font: Montserrat

  • Description: A geometric sans-serif typeface known for its clean lines and versatility. It conveys a modern, stable, and approachable feel.
  • Usage: All primary headlines (H1, H2), prominent titles, and key marketing messages.
  • Weights: Bold (700), Semi-Bold (600)
  • Example:

* H1: AeroLink Innovations - The Future of Aerial Data (Montserrat Bold, 48pt)

* H2: Precision Solutions for Complex Challenges (Montserrat Semi-Bold, 36pt)

4.2. Secondary Heading Font: Open Sans

  • Description: A highly readable humanist sans-serif, offering excellent legibility across various sizes and contexts. It complements Montserrat by providing a slightly softer, yet still professional, feel.
  • Usage: Sub-headings (H3, H4), call-outs, and short descriptive texts.
  • Weights: Semi-Bold (600), Regular (400)
  • Example:

* H3: Unlocking New Perspectives with Drone Technology (Open Sans Semi-Bold, 24pt)

4.3. Body Text Font: Open Sans

  • Description: Chosen for its outstanding legibility and widespread availability, ensuring consistent display across digital platforms.
  • Usage: All body copy, paragraphs, detailed descriptions, and general text.
  • Weights: Regular (400), Light (300)
  • Example:

* "AeroLink Innovations provides cutting-edge drone solutions, delivering unparalleled precision and efficiency for your operational needs." (Open Sans Regular, 16pt)

4.4. Call-to-Action / Accent Font: Montserrat

  • Description: Using Montserrat (Bold or Semi-Bold) for CTAs maintains consistency while providing visual punch.
  • Usage: Buttons, links, and key interactive elements.
  • Weights: Bold (700)
  • Example:

* LEARN MORE (Montserrat Bold, 18pt)

* GET A QUOTE (Montserrat Bold, 20pt)

4.5. Font Hierarchy & Pairing Examples

  • H1: Montserrat Bold
  • H2: Montserrat Semi-Bold
  • H3: Open Sans Semi-Bold
  • Body Text: Open Sans Regular
  • Caption/Small Text: Open Sans Light

4.6. Readability & Accessibility Considerations

  • Maintain a minimum font size of 16px for body text on digital platforms.
  • Ensure sufficient line-height (1.5x font size) and letter-spacing for optimal readability.
  • Always use high contrast between text and background colors (refer to color palette guidelines).

5. Brand Voice Guidelines

The voice of AeroLink Innovations should resonate with its identity as a leader in drone technology: innovative, reliable, precise, and forward-thinking.

5.1. Core Brand Personality

  • Innovative: Always looking forward, embracing new technologies and solutions.
  • Reliable: Trustworthy, consistent, and dependable in delivering results.
  • Precise: Meticulous, accurate, and detail-oriented in all operations.
  • Authoritative: Knowledgeable, expert, and confident in its domain.
  • Customer-Centric: Solutions-focused, understanding client needs, and providing value.

5.2. Key Tone Descriptors

  • Professional: Maintain a high standard of communication.
  • Clear & Concise: Get straight to the point, avoiding jargon where possible or explaining it clearly.
  • Confident & Assured: Speak with certainty about capabilities and solutions.
  • Empathetic: Understand client challenges and present solutions with their benefit in mind.
  • Forward-Looking: Emphasize future possibilities and advancements.

5.3. Do's and Don'ts

  • DO: Use active voice, focus on benefits, explain technical terms simply, maintain a positive and proactive stance.
  • DON'T: Use overly casual language, make unsubstantiated claims, be overly technical without explanation, or sound dismissive.

5.4. Example Phrases / Messaging

  • Instead of: "Our drones can fly around."
  • Use: "AeroLink Innovations deploys advanced drone technology to capture precise aerial data, enabling informed decision-making."
  • Instead of: "We're pretty good at this."
  • Use: "With years of expertise, AeroLink Innovations consistently delivers reliable and accurate aerial solutions."
  • Tagline Example: "AeroLink Innovations: Precision Above. Insights Beyond."

6. Social Media Style Guide

This guide ensures a consistent and professional presence across all social media platforms for AeroLink Innovations.

6.1. Profile Picture Guidelines

  • Primary Use: Icon Mark (AeroLink Innovations abstract symbol).
  • Format: Square, high-resolution (min. 500x500px), PNG with transparent background where possible.
  • Consistency: Use the same icon across all platforms.

6.2. Cover Photo Guidelines (Facebook, LinkedIn, Twitter)

  • Imagery: High-quality, professional photography or graphics showcasing drones in action, aerial views, or sleek technological visuals.
  • Branding: Subtle integration of the AeroLink Innovations logo (stacked or horizontal lockup) in a corner, ensuring it doesn't obscure key visuals.
  • Text: Minimal text, if any. Focus on strong visuals.
  • Dimensions: Adhere to platform-specific recommended dimensions (e.g., Facebook: 820x312px, LinkedIn:
brand_identity_kit.md
Download as Markdown
Copy all content
Full output as text
Download ZIP
IDE-ready project ZIP
Copy share link
Permanent URL for this run
Get Embed Code
Embed this result on any website
Print / Save PDF
Use browser print dialog
"); var hasSrcMain=Object.keys(extracted).some(function(k){return k.indexOf("src/main")>=0;}); if(!hasSrcMain) zip.file(folder+"src/main."+ext,"import React from 'react' import ReactDOM from 'react-dom/client' import App from './App' import './index.css' ReactDOM.createRoot(document.getElementById('root')!).render( ) "); var hasSrcApp=Object.keys(extracted).some(function(k){return k==="src/App."+ext||k==="App."+ext;}); if(!hasSrcApp) zip.file(folder+"src/App."+ext,"import React from 'react' import './App.css' function App(){ return(

"+slugTitle(pn)+"

Built with PantheraHive BOS

) } export default App "); zip.file(folder+"src/index.css","*{margin:0;padding:0;box-sizing:border-box} body{font-family:system-ui,-apple-system,sans-serif;background:#f0f2f5;color:#1a1a2e} .app{min-height:100vh;display:flex;flex-direction:column} .app-header{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px} h1{font-size:2.5rem;font-weight:700} "); zip.file(folder+"src/App.css",""); zip.file(folder+"src/components/.gitkeep",""); zip.file(folder+"src/pages/.gitkeep",""); zip.file(folder+"src/hooks/.gitkeep",""); Object.keys(extracted).forEach(function(p){ var fp=p.startsWith("src/")?p:"src/"+p; zip.file(folder+fp,extracted[p]); }); zip.file(folder+"README.md","# "+slugTitle(pn)+" Generated by PantheraHive BOS. ## Setup ```bash npm install npm run dev ``` ## Build ```bash npm run build ``` ## Open in IDE Open the project folder in VS Code or WebStorm. "); zip.file(folder+".gitignore","node_modules/ dist/ .env .DS_Store *.local "); } /* --- Vue (Vite + Composition API + TypeScript) --- */ function buildVue(zip,folder,app,code,panelTxt){ var pn=pkgName(app); var C=cc(pn); var extracted=extractCode(panelTxt); zip.file(folder+"package.json",'{ "name": "'+pn+'", "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "vue-tsc -b && vite build", "preview": "vite preview" }, "dependencies": { "vue": "^3.5.13", "vue-router": "^4.4.5", "pinia": "^2.3.0", "axios": "^1.7.9" }, "devDependencies": { "@vitejs/plugin-vue": "^5.2.1", "typescript": "~5.7.3", "vite": "^6.0.5", "vue-tsc": "^2.2.0" } } '); zip.file(folder+"vite.config.ts","import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import { resolve } from 'path' export default defineConfig({ plugins: [vue()], resolve: { alias: { '@': resolve(__dirname,'src') } } }) "); zip.file(folder+"tsconfig.json",'{"files":[],"references":[{"path":"./tsconfig.app.json"},{"path":"./tsconfig.node.json"}]} '); zip.file(folder+"tsconfig.app.json",'{ "compilerOptions":{ "target":"ES2020","useDefineForClassFields":true,"module":"ESNext","lib":["ES2020","DOM","DOM.Iterable"], "skipLibCheck":true,"moduleResolution":"bundler","allowImportingTsExtensions":true, "isolatedModules":true,"moduleDetection":"force","noEmit":true,"jsxImportSource":"vue", "strict":true,"paths":{"@/*":["./src/*"]} }, "include":["src/**/*.ts","src/**/*.d.ts","src/**/*.tsx","src/**/*.vue"] } '); zip.file(folder+"env.d.ts","/// "); zip.file(folder+"index.html"," "+slugTitle(pn)+"
"); var hasMain=Object.keys(extracted).some(function(k){return k==="src/main.ts"||k==="main.ts";}); if(!hasMain) zip.file(folder+"src/main.ts","import { createApp } from 'vue' import { createPinia } from 'pinia' import App from './App.vue' import './assets/main.css' const app = createApp(App) app.use(createPinia()) app.mount('#app') "); var hasApp=Object.keys(extracted).some(function(k){return k.indexOf("App.vue")>=0;}); if(!hasApp) zip.file(folder+"src/App.vue"," "); zip.file(folder+"src/assets/main.css","*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;background:#fff;color:#213547} "); zip.file(folder+"src/components/.gitkeep",""); zip.file(folder+"src/views/.gitkeep",""); zip.file(folder+"src/stores/.gitkeep",""); Object.keys(extracted).forEach(function(p){ var fp=p.startsWith("src/")?p:"src/"+p; zip.file(folder+fp,extracted[p]); }); zip.file(folder+"README.md","# "+slugTitle(pn)+" Generated by PantheraHive BOS. ## Setup ```bash npm install npm run dev ``` ## Build ```bash npm run build ``` Open in VS Code or WebStorm. "); zip.file(folder+".gitignore","node_modules/ dist/ .env .DS_Store *.local "); } /* --- Angular (v19 standalone) --- */ function buildAngular(zip,folder,app,code,panelTxt){ var pn=pkgName(app); var C=cc(pn); var sel=pn.replace(/_/g,"-"); var extracted=extractCode(panelTxt); zip.file(folder+"package.json",'{ "name": "'+pn+'", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test" }, "dependencies": { "@angular/animations": "^19.0.0", "@angular/common": "^19.0.0", "@angular/compiler": "^19.0.0", "@angular/core": "^19.0.0", "@angular/forms": "^19.0.0", "@angular/platform-browser": "^19.0.0", "@angular/platform-browser-dynamic": "^19.0.0", "@angular/router": "^19.0.0", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.15.0" }, "devDependencies": { "@angular-devkit/build-angular": "^19.0.0", "@angular/cli": "^19.0.0", "@angular/compiler-cli": "^19.0.0", "typescript": "~5.6.0" } } '); zip.file(folder+"angular.json",'{ "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "version": 1, "newProjectRoot": "projects", "projects": { "'+pn+'": { "projectType": "application", "root": "", "sourceRoot": "src", "prefix": "app", "architect": { "build": { "builder": "@angular-devkit/build-angular:application", "options": { "outputPath": "dist/'+pn+'", "index": "src/index.html", "browser": "src/main.ts", "tsConfig": "tsconfig.app.json", "styles": ["src/styles.css"], "scripts": [] } }, "serve": {"builder":"@angular-devkit/build-angular:dev-server","configurations":{"production":{"buildTarget":"'+pn+':build:production"},"development":{"buildTarget":"'+pn+':build:development"}},"defaultConfiguration":"development"} } } } } '); zip.file(folder+"tsconfig.json",'{ "compileOnSave": false, "compilerOptions": {"baseUrl":"./","outDir":"./dist/out-tsc","forceConsistentCasingInFileNames":true,"strict":true,"noImplicitOverride":true,"noPropertyAccessFromIndexSignature":true,"noImplicitReturns":true,"noFallthroughCasesInSwitch":true,"paths":{"@/*":["src/*"]},"skipLibCheck":true,"esModuleInterop":true,"sourceMap":true,"declaration":false,"experimentalDecorators":true,"moduleResolution":"bundler","importHelpers":true,"target":"ES2022","module":"ES2022","useDefineForClassFields":false,"lib":["ES2022","dom"]}, "references":[{"path":"./tsconfig.app.json"}] } '); zip.file(folder+"tsconfig.app.json",'{ "extends":"./tsconfig.json", "compilerOptions":{"outDir":"./dist/out-tsc","types":[]}, "files":["src/main.ts"], "include":["src/**/*.d.ts"] } '); zip.file(folder+"src/index.html"," "+slugTitle(pn)+" "); zip.file(folder+"src/main.ts","import { bootstrapApplication } from '@angular/platform-browser'; import { appConfig } from './app/app.config'; import { AppComponent } from './app/app.component'; bootstrapApplication(AppComponent, appConfig) .catch(err => console.error(err)); "); zip.file(folder+"src/styles.css","* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: system-ui, -apple-system, sans-serif; background: #f9fafb; color: #111827; } "); var hasComp=Object.keys(extracted).some(function(k){return k.indexOf("app.component")>=0;}); if(!hasComp){ zip.file(folder+"src/app/app.component.ts","import { Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; @Component({ selector: 'app-root', standalone: true, imports: [RouterOutlet], templateUrl: './app.component.html', styleUrl: './app.component.css' }) export class AppComponent { title = '"+pn+"'; } "); zip.file(folder+"src/app/app.component.html","

"+slugTitle(pn)+"

Built with PantheraHive BOS

"); zip.file(folder+"src/app/app.component.css",".app-header{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}h1{font-size:2.5rem;font-weight:700;color:#6366f1} "); } zip.file(folder+"src/app/app.config.ts","import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core'; import { provideRouter } from '@angular/router'; import { routes } from './app.routes'; export const appConfig: ApplicationConfig = { providers: [ provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes) ] }; "); zip.file(folder+"src/app/app.routes.ts","import { Routes } from '@angular/router'; export const routes: Routes = []; "); Object.keys(extracted).forEach(function(p){ var fp=p.startsWith("src/")?p:"src/"+p; zip.file(folder+fp,extracted[p]); }); zip.file(folder+"README.md","# "+slugTitle(pn)+" Generated by PantheraHive BOS. ## Setup ```bash npm install ng serve # or: npm start ``` ## Build ```bash ng build ``` Open in VS Code with Angular Language Service extension. "); zip.file(folder+".gitignore","node_modules/ dist/ .env .DS_Store *.local .angular/ "); } /* --- Python --- */ function buildPython(zip,folder,app,code){ var title=slugTitle(app); var pn=pkgName(app); var src=code.replace(/^```[w]* ?/m,"").replace(/ ?```$/m,"").trim(); var reqMap={"numpy":"numpy","pandas":"pandas","sklearn":"scikit-learn","tensorflow":"tensorflow","torch":"torch","flask":"flask","fastapi":"fastapi","uvicorn":"uvicorn","requests":"requests","sqlalchemy":"sqlalchemy","pydantic":"pydantic","dotenv":"python-dotenv","PIL":"Pillow","cv2":"opencv-python","matplotlib":"matplotlib","seaborn":"seaborn","scipy":"scipy"}; var reqs=[]; Object.keys(reqMap).forEach(function(k){if(src.indexOf("import "+k)>=0||src.indexOf("from "+k)>=0)reqs.push(reqMap[k]);}); var reqsTxt=reqs.length?reqs.join(" "):"# add dependencies here "; zip.file(folder+"main.py",src||"# "+title+" # Generated by PantheraHive BOS print(title+" loaded") "); zip.file(folder+"requirements.txt",reqsTxt); zip.file(folder+".env.example","# Environment variables "); zip.file(folder+"README.md","# "+title+" Generated by PantheraHive BOS. ## Setup ```bash python3 -m venv .venv source .venv/bin/activate pip install -r requirements.txt ``` ## Run ```bash python main.py ``` "); zip.file(folder+".gitignore",".venv/ __pycache__/ *.pyc .env .DS_Store "); } /* --- Node.js --- */ function buildNode(zip,folder,app,code){ var title=slugTitle(app); var pn=pkgName(app); var src=code.replace(/^```[w]* ?/m,"").replace(/ ?```$/m,"").trim(); var depMap={"mongoose":"^8.0.0","dotenv":"^16.4.5","axios":"^1.7.9","cors":"^2.8.5","bcryptjs":"^2.4.3","jsonwebtoken":"^9.0.2","socket.io":"^4.7.4","uuid":"^9.0.1","zod":"^3.22.4","express":"^4.18.2"}; var deps={}; Object.keys(depMap).forEach(function(k){if(src.indexOf(k)>=0)deps[k]=depMap[k];}); if(!deps["express"])deps["express"]="^4.18.2"; var pkgJson=JSON.stringify({"name":pn,"version":"1.0.0","main":"src/index.js","scripts":{"start":"node src/index.js","dev":"nodemon src/index.js"},"dependencies":deps,"devDependencies":{"nodemon":"^3.0.3"}},null,2)+" "; zip.file(folder+"package.json",pkgJson); var fallback="const express=require("express"); const app=express(); app.use(express.json()); app.get("/",(req,res)=>{ res.json({message:""+title+" API"}); }); const PORT=process.env.PORT||3000; app.listen(PORT,()=>console.log("Server on port "+PORT)); "; zip.file(folder+"src/index.js",src||fallback); zip.file(folder+".env.example","PORT=3000 "); zip.file(folder+".gitignore","node_modules/ .env .DS_Store "); zip.file(folder+"README.md","# "+title+" Generated by PantheraHive BOS. ## Setup ```bash npm install ``` ## Run ```bash npm run dev ``` "); } /* --- Vanilla HTML --- */ function buildVanillaHtml(zip,folder,app,code){ var title=slugTitle(app); var isFullDoc=code.trim().toLowerCase().indexOf("=0||code.trim().toLowerCase().indexOf("=0; var indexHtml=isFullDoc?code:" "+title+" "+code+" "; zip.file(folder+"index.html",indexHtml); zip.file(folder+"style.css","/* "+title+" — styles */ *{margin:0;padding:0;box-sizing:border-box} body{font-family:system-ui,-apple-system,sans-serif;background:#fff;color:#1a1a2e} "); zip.file(folder+"script.js","/* "+title+" — scripts */ "); zip.file(folder+"assets/.gitkeep",""); zip.file(folder+"README.md","# "+title+" Generated by PantheraHive BOS. ## Open Double-click `index.html` in your browser. Or serve locally: ```bash npx serve . # or python3 -m http.server 3000 ``` "); zip.file(folder+".gitignore",".DS_Store node_modules/ .env "); } /* ===== MAIN ===== */ var sc=document.createElement("script"); sc.src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"; sc.onerror=function(){ if(lbl)lbl.textContent="Download ZIP"; alert("JSZip load failed — check connection."); }; sc.onload=function(){ var zip=new JSZip(); var base=(_phFname||"output").replace(/.[^.]+$/,""); var app=base.toLowerCase().replace(/[^a-z0-9]+/g,"_").replace(/^_+|_+$/g,"")||"my_app"; var folder=app+"/"; var vc=document.getElementById("panel-content"); var panelTxt=vc?(vc.innerText||vc.textContent||""):""; var lang=detectLang(_phCode,panelTxt); if(_phIsHtml){ buildVanillaHtml(zip,folder,app,_phCode); } else if(lang==="flutter"){ buildFlutter(zip,folder,app,_phCode,panelTxt); } else if(lang==="react-native"){ buildReactNative(zip,folder,app,_phCode,panelTxt); } else if(lang==="swift"){ buildSwift(zip,folder,app,_phCode,panelTxt); } else if(lang==="kotlin"){ buildKotlin(zip,folder,app,_phCode,panelTxt); } else if(lang==="react"){ buildReact(zip,folder,app,_phCode,panelTxt); } else if(lang==="vue"){ buildVue(zip,folder,app,_phCode,panelTxt); } else if(lang==="angular"){ buildAngular(zip,folder,app,_phCode,panelTxt); } else if(lang==="python"){ buildPython(zip,folder,app,_phCode); } else if(lang==="node"){ buildNode(zip,folder,app,_phCode); } else { /* Document/content workflow */ var title=app.replace(/_/g," "); var md=_phAll||_phCode||panelTxt||"No content"; zip.file(folder+app+".md",md); var h=""+title+""; h+="

"+title+"

"; var hc=md.replace(/&/g,"&").replace(//g,">"); hc=hc.replace(/^### (.+)$/gm,"

$1

"); hc=hc.replace(/^## (.+)$/gm,"

$1

"); hc=hc.replace(/^# (.+)$/gm,"

$1

"); hc=hc.replace(/**(.+?)**/g,"$1"); hc=hc.replace(/ {2,}/g,"

"); h+="

"+hc+"

Generated by PantheraHive BOS
"; zip.file(folder+app+".html",h); zip.file(folder+"README.md","# "+title+" Generated by PantheraHive BOS. Files: - "+app+".md (Markdown) - "+app+".html (styled HTML) "); } zip.generateAsync({type:"blob"}).then(function(blob){ var a=document.createElement("a"); a.href=URL.createObjectURL(blob); a.download=app+".zip"; a.click(); URL.revokeObjectURL(a.href); if(lbl)lbl.textContent="Download ZIP"; }); }; document.head.appendChild(sc); }function phShare(){navigator.clipboard.writeText(window.location.href).then(function(){var el=document.getElementById("ph-share-lbl");if(el){el.textContent="Link copied!";setTimeout(function(){el.textContent="Copy share link";},2500);}});}function phEmbed(){var runId=window.location.pathname.split("/").pop().replace(".html","");var embedUrl="https://pantherahive.com/embed/"+runId;var code='';navigator.clipboard.writeText(code).then(function(){var el=document.getElementById("ph-embed-lbl");if(el){el.textContent="Embed code copied!";setTimeout(function(){el.textContent="Get Embed Code";},2500);}});}