Brand Identity Kit
Run ID: 69cd21c23e7fb09ff16a838c2026-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 for Your Brand Identity Kit

Project: Brand Identity Kit

Current Step: Research & Design Requirements

Objective: To gather comprehensive insights into your brand's vision, values, target audience, and competitive landscape, establishing a robust foundation for developing a distinctive and effective brand identity. This phase will define the scope and parameters for all creative deliverables.


1. Introduction & Project Understanding

Welcome to the initial phase of crafting your bespoke Brand Identity Kit! This document outlines our understanding of the project and details the critical information we need to gather to ensure the resulting brand identity is authentic, impactful, and perfectly aligned with your business objectives. Our goal is to develop a complete brand identity package including logo concepts, a comprehensive color palette, a detailed typography guide, clear brand voice guidelines, and a practical social media style guide.

This step focuses on defining the "what" and "why" behind your brand, allowing us to translate your vision into tangible, visually compelling, and strategically sound design elements.


2. Core Brand Identity Elements: Research & Design Framework

For each key component of your Brand Identity Kit, we will conduct thorough research and establish precise design requirements.

2.1. Logo Concepts

  • Objective: To create a memorable, unique, and versatile visual mark that instantly communicates your brand's essence and differentiates it from competitors.
  • Key Research Areas:

* Brand Story & Values: What is the origin, mission, and core philosophy of your brand? What emotions or ideas should the logo evoke?

* Target Audience: Demographics, psychographics, preferences, and cultural considerations.

* Competitive Landscape: Analysis of competitor logos for differentiation opportunities and industry standards.

* Desired Aesthetic: Preferences for style (e.g., minimalist, classic, modern, playful, luxurious), imagery, symbolism, or abstract forms.

* Existing Inspirations: Any logos, symbols, or visual styles you admire or wish to avoid.

* Company Name & Tagline: How these elements might integrate or inspire the logo.

  • Design Specification Framework (What will be defined):

* Primary Logo: The main version for general use.

* Secondary/Stacked Logo: Alternative layouts for specific applications.

* Icon/Favicon: A simplified mark for small-scale use (e.g., app icons, social media profiles).

* Wordmark: Text-only logo using custom typography.

* Color Variations: Full color, mono (black/white), and reversed (light on dark) versions.

* Clear Space Guidelines: Minimum protective space around the logo.

* Minimum Size Guidelines: Ensures legibility across various mediums.

* File Formats: Vector (AI, EPS, SVG) and Raster (JPG, PNG) for print and digital.

  • Initial Considerations:

* Will the logo need to work effectively across both digital and physical touchpoints?

* Are there any cultural sensitivities to consider regarding symbols or colors?

2.2. Color Palette

  • Objective: To establish a harmonious and psychologically impactful set of colors that reinforces brand personality, evokes desired emotions, and ensures visual consistency.
  • Key Research Areas:

* Brand Personality & Mood: What feelings should your brand evoke (e.g., trustworthiness, energy, calm, luxury, innovation)?

* Industry & Market Norms: Common color associations within your industry and opportunities for differentiation.

* Target Audience Psychology: How different colors resonate with your specific audience.

* Competitor Color Analysis: Identifying unique opportunities and avoiding oversaturation.

* Cultural Color Meanings: Ensuring chosen colors align positively with target cultures.

  • Design Specification Framework (What will be defined):

* Primary Colors: 1-3 dominant colors forming the core of the brand.

* Secondary Colors: Supporting colors that complement the primary palette.

* Accent Colors: Vibrant colors used sparingly for emphasis (e.g., calls-to-action).

* Neutral Colors: Grays, off-whites, and muted tones for backgrounds and secondary text.

* Semantic Colors (Optional): Colors for specific meanings (e.g., success, error, warning).

* Color Values: Precise HEX, RGB, CMYK, and Pantone (if applicable) codes for each color.

* Usage Guidelines: Recommendations for color hierarchy, combinations, and application across different mediums.

  • Initial Considerations:

* Are there any existing brand colors or preferences to consider?

* How will the color palette contribute to accessibility (contrast ratios)?

2.3. Typography Guide

  • Objective: To select typefaces that enhance readability, reflect brand voice, and maintain visual consistency across all communications.
  • Key Research Areas:

* Brand Voice & Tone: Is the brand formal, friendly, authoritative, modern, traditional?

* Readability & Accessibility: Ensuring fonts are clear and legible across various sizes and devices.

* Target Audience Demographics: Font preferences and legibility for different age groups.

* Application Contexts: Where will the typography be used most (e.g., website, print, social media, presentations)?

* Licensing & Usage: Understanding font licensing for commercial use.

  • Design Specification Framework (What will be defined):

* Primary Headline Font: For main titles and prominent text.

* Secondary Body Font: For paragraphs and general text.

* Accent Font (Optional): For specific emphasis or decorative elements.

* Font Weights & Styles: Recommended usage for bold, italic, light, regular.

* Hierarchy & Sizing: Defined sizes for H1, H2, H3, body text, captions, etc., for both web and print.

* Line Spacing (Leading) & Letter Spacing (Kerning): Optimal values for readability.

* Usage Examples: Demonstrations of typography in various contexts.

  • Initial Considerations:

* Are there any existing font preferences or requirements?

* How will the chosen fonts perform in different languages, if applicable?

2.4. Brand Voice Guidelines

  • Objective: To define the personality and tone of your brand's written and spoken communications, ensuring consistency and authenticity in every message.
  • Key Research Areas:

* Brand Archetype: What universal archetype best represents your brand (e.g., The Innocent, The Sage, The Hero, The Jester)?

* Mission, Vision, Values: How these foundational elements translate into communication style.

* Target Audience Persona: How does your audience speak? What language resonates with them?

* Desired Emotional Connection: How do you want people to feel when interacting with your brand's content?

* Current Communication Audit: Analysis of existing brand communications (if any).

  • Design Specification Framework (What will be defined):

* Core Brand Personality Traits: Adjectives describing your brand's voice (e.g., authoritative yet approachable, witty and insightful, warm and empathetic).

* Tone of Voice Spectrum: When to be formal vs. informal, serious vs. playful, direct vs. suggestive.

* Key Messaging Pillars: Core themes and unique selling propositions to consistently communicate.

* Vocabulary & Jargon Guide: Words to use, words to avoid, industry-specific terminology.

* Grammar & Punctuation Preferences: Specific style guide rules (e.g., Oxford comma usage).

* Examples & Demonstrations: "Do's and Don'ts" for various communication types (e.g., website copy, email, social media captions).

* Call-to-Action (CTA) Tone: How CTAs should sound.

  • Initial Considerations:

* Are there any specific cultural or regional nuances to consider in communication?

* Who are the primary communicators for your brand, and what training might they need?

2.5. Social Media Style Guide

  • Objective: To ensure a consistent and recognizable brand presence across all social media platforms, optimizing engagement and reinforcing the overall brand identity.
  • Key Research Areas:

* Target Social Platforms: Which platforms are most relevant to your audience (e.g., Instagram, Facebook, LinkedIn, X, TikTok, Pinterest)?

* Audience Behavior on Each Platform: How do users interact with content on different channels?

* Content Pillars & Strategy: What types of content will be shared (e.g., educational, inspirational, promotional, behind-the-scenes)?

* Competitor Social Media Analysis: What works well for others, and where are the gaps?

* Brand Goals for Social Media: (e.g., awareness, lead generation, community building, customer service).

  • Design Specification Framework (What will be defined):

* Profile Optimization: Guidelines for profile pictures, cover photos, and bio text.

* Image & Video Style: Filters, aspect ratios, image treatments, color overlays, and overall aesthetic.

* Logo Usage: Consistent placement and sizing of the logo on social assets.

* Typography for Graphics: Recommended fonts for overlays and text in images/videos.

* Color Palette for Social: Specific application of brand colors in social media graphics.

* Caption Tone & Voice: Adapting the brand voice for different platforms and content types.

* Emoji Usage: Guidelines for appropriate and consistent use.

* Hashtag Strategy: Best practices for relevant and effective hashtags.

* Call-to-Action (CTA) Guidelines: Specific phrasing and visual cues for social CTAs.

* Interaction & Engagement Guidelines: How to respond to comments and messages.

* Content Pillars & Examples: Templates or examples for common post types.

  • Initial Considerations:

* Will there be different content creators, and how will consistency be maintained?

* Are there any specific campaigns or events that need to be considered in the short term?


3. Wireframe Descriptions (Brand Application Focus)

While a Brand Identity Kit doesn't typically include full website wireframes, we will describe conceptual wireframes to illustrate how the brand identity elements will be applied and tested for consistency and user experience across key digital touchpoints. This ensures the identity is not just aesthetically pleasing but also functional and cohesive.

  • Conceptual Wireframe 1: Social Media Profile Layout

* Description: A conceptual layout demonstrating the application of the brand logo, profile picture, cover image, and primary brand colors/fonts within a generic social media profile (e.g., Facebook, LinkedIn, X). This will highlight consistent branding elements.

* Focus: Logo visibility, cover image impact, consistent color usage, and effective use of typography in bios/descriptions.

  • Conceptual Wireframe 2: Website Header / Hero Section

* Description: A basic wireframe outlining the placement of the brand logo, primary navigation elements, hero image/video, and a prominent call-to-action (CTA) button, showcasing the primary color palette and typography hierarchy for web.

* Focus: Information hierarchy, brand recognition, CTA prominence, and overall visual balance using brand elements.

  • Conceptual Wireframe 3: Email Signature / Newsletter Header

* Description: A simple layout illustrating the brand's logo, colors, and typography

gemini Output

Brand Identity Kit: Design Specifications and UX Recommendations

This document outlines the comprehensive design specifications, wireframe descriptions, color palettes, and user experience (UX) recommendations for your Brand Identity Kit. These guidelines will ensure a consistent, impactful, and user-friendly brand presence across all touchpoints.


1. Detailed Design Specifications

This section details the core visual and verbal elements that define your brand identity.

1.1. Logo Concepts

Your logo is the cornerstone of your visual identity, designed for versatility and recognition.

  • Primary Logo Lockup:

* Description: The full, official version of the logo, including both the brand mark (icon/symbol) and the logotype (text). It will be designed in both horizontal and vertical configurations to suit various layouts.

* Style: Clean, modern, and professional, reflecting [Brand Name]'s commitment to [e.g., innovation, reliability, creativity]. The design will aim for timeless appeal while maintaining contemporary relevance.

* Key Attributes: Legible, scalable, memorable, and adaptable across all media.

* File Formats: Vector (AI, EPS, SVG) for scalability; Raster (PNG, JPG) in various sizes for digital use; PDF for print.

  • Secondary Logo/Logomark:

* Description: A simplified version of the primary logo, often just the brand mark or a condensed logotype. Ideal for smaller applications where the full lockup may be too detailed.

* Usage: Favicons, social media profile pictures, app icons, merchandise tags.

  • Favicon/App Icon:

* Description: A highly simplified, recognizable icon derived from the brand mark, optimized for small digital spaces (browser tabs, app screens).

* Dimensions: Standard sizes (e.g., 16x16, 32x32, 180x180, 512x512 pixels).

  • Usage Guidelines:

* Clear Space: Specific guidelines for minimum clear space around the logo to ensure visibility and prevent clutter.

* Minimum Size: Defined minimum reproduction sizes for print and digital to maintain legibility.

* Color Variations: Full color, single-color (e.g., black, white, primary brand color) for various backgrounds.

Incorrect Usage: Examples of how not* to use the logo (e.g., stretching, altering colors, adding effects).

1.2. Color Palette

A carefully selected color palette will evoke the desired emotions and ensure brand recognition.

  • Primary Colors: These are the dominant colors that define your brand's core visual identity.

* [Primary Color 1 Name - e.g., Deep Ocean Blue]

* HEX: #0A2E5F

* RGB: 10, 46, 95

* CMYK: 90, 52, 0, 63

* Description: Represents professionalism, trustworthiness, and stability. Used for main headings, primary call-to-action buttons, and key branding elements.

* [Primary Color 2 Name - e.g., Vibrant Teal]

* HEX: #00BFA6

* RGB: 0, 191, 166

* CMYK: 84, 0, 31, 0

* Description: Conveys innovation, freshness, and approachability. Used as an accent for interactive elements, highlights, and secondary calls-to-action.

  • Secondary Colors: Complementary colors for variety and emphasis, used in moderation.

* [Secondary Color 1 Name - e.g., Soft Gray]

* HEX: #E0E0E0

* RGB: 224, 224, 224

* CMYK: 0, 0, 0, 12

* Description: Provides balance and sophistication. Ideal for backgrounds, subtle borders, and inactive states.

* [Secondary Color 2 Name - e.g., Charcoal Gray]

* HEX: #4A4A4A

* RGB: 74, 74, 74

* CMYK: 0, 0, 0, 71

* Description: Used for body text, subheadings, and UI elements requiring strong contrast against lighter backgrounds.

  • Accent Color: A single, bold color to draw attention to critical elements.

* [Accent Color Name - e.g., Bright Gold]

* HEX: #FFC107

* RGB: 255, 193, 7

* CMYK: 0, 24, 97, 0

* Description: Used sparingly for critical alerts, special promotions, or to highlight key information.

  • Usage Guidelines:

* Hierarchy: Establish a clear hierarchy of color usage, specifying which colors are dominant, secondary, and accent.

* Contrast: Ensure sufficient contrast ratios for text and interactive elements to meet accessibility standards (WCAG 2.1 AA).

1.3. Typography Guide

Typography plays a crucial role in readability and conveying brand personality.

  • Primary Headline Font:

* Font Family: Montserrat

* Weights: Bold (700) and Semi-Bold (600)

* Usage: All primary headings (H1, H2) for maximum impact and readability. Projects a modern, strong, and confident tone.

  • Secondary Headline Font:

* Font Family: Montserrat

* Weights: Medium (500) and Regular (400)

* Usage: Secondary headings (H3, H4) and sub-headlines. Maintains consistency with primary headlines while offering slight differentiation.

  • Body Text Font:

* Font Family: Open Sans

* Weights: Regular (400) and Light (300)

* Usage: All body copy, paragraphs, and longer text blocks. Chosen for exceptional legibility across various screen sizes and print. Projects an approachable and clear tone.

  • Accent/Special Use Font (Optional):

* Font Family: (e.g., Lato, or a display font if suitable for specific campaigns)

* Usage: For specific call-outs, quotes, or graphic elements where a unique touch is desired, used sparingly to maintain overall cohesion.

  • Typographic Hierarchy:

* H1 (Page Title): Montserrat Bold, 48px (desktop), 32px (mobile), Line-height: 1.2em

* H2 (Section Title): Montserrat Bold, 36px (desktop), 28px (mobile), Line-height: 1.3em

* H3 (Sub-Section Title): Montserrat Semi-Bold, 24px (desktop), 20px (mobile), Line-height: 1.4em

* Body Text: Open Sans Regular, 16px (desktop), 14px (mobile), Line-height: 1.5em

* Small Text/Captions: Open Sans Light, 12px, Line-height: 1.6em

  • Usage Guidelines:

* Font Pairing: Clear rules on how fonts should be paired for headings and body text.

* Line Height & Letter Spacing: Specific recommendations for optimal readability.

* Color Application: Guidelines for applying brand colors to text for hierarchy and emphasis.

1.4. Brand Voice Guidelines

Your brand voice defines how your brand communicates and connects with your audience.

  • Core Personality Attributes:

* Innovative: Forward-thinking, embraces new ideas and technologies.

* Trustworthy: Reliable, transparent, and built on integrity.

* Approachable: Friendly, clear, and easy to understand, avoiding jargon.

* Empowering: Provides value and helps the audience achieve their goals.

  • Tone of Voice:

* Confident yet Humble: Assured in expertise without being arrogant.

* Clear and Concise: Direct communication, easy to digest.

* Optimistic and Positive: Focuses on solutions and benefits.

* Empathetic: Understands and addresses audience needs and pain points.

  • Key Messaging Pillars:

* Problem/Solution Focus: Clearly articulate the problem you solve and how your brand provides the best solution.

* Benefit-Oriented: Emphasize the advantages and value for the customer.

* Call to Action (CTA): Always guide the user to the next step clearly and persuasively.

  • Do's and Don'ts:

* DO: Use active voice, speak directly to the customer ("you"), use encouraging language.

* DON'T: Use overly complex jargon, make unsubstantiated claims, sound condescending or overly formal.

  • Target Audience Considerations: Adapt the tone slightly for different segments (e.g., more technical for developers, more benefit-driven for business owners) while maintaining core personality.

1.5. Social Media Style Guide

Ensuring a cohesive and recognizable presence across all social media platforms.

  • Profile Picture Guidelines:

* Usage: Always use the simplified secondary logo/logomark.

* Sizing: Optimized for each platform (e.g., 400x400px for Facebook, 180x180px for Instagram).

* Consistency: The same image across all platforms for immediate recognition.

  • Cover/Banner Image Guidelines:

* Branding: Incorporate primary brand colors, logo (subtly), and a key message or visual theme.

* Content: High-quality imagery or graphics that reflect current campaigns or brand values.

* Dimensions: Platform-specific (e.g., 820x312px for Facebook, 1500x500px for Twitter).

  • Post Template Guidelines:

* Image/Video Style: Consistent visual filters, color grading, and photography style (e.g., bright, authentic, professional).

* Graphic Overlays: Use brand typography and colors for text overlays on images/videos. Maintain a consistent layout for call-to-actions or key messages.

gemini Output

Brand Identity Kit: Final Design Assets - Aether Dynamics

Project: Brand Identity Kit

Client: Aether Dynamics

Deliverable: Final Design Assets & Guidelines

Date: October 26, 2023


1. Introduction & Overview

This document presents the finalized Brand Identity Kit for Aether Dynamics, a comprehensive guide designed to ensure consistent and compelling brand representation across all touchpoints. This kit includes the definitive logo suite, color palette, typography guidelines, brand voice principles, and a social media style guide. Additionally, we've provided insights into design specifications, how the brand integrates into digital wireframes, and key user experience (UX) recommendations to foster a cohesive and impactful brand presence.

Our aim is to empower Aether Dynamics with a robust visual and verbal language that resonates with its target audience, communicates its core values, and establishes a strong, memorable identity in the market.


2. Logo Suite & Usage Guidelines

The Aether Dynamics logo is the cornerstone of your brand identity, designed to be modern, dynamic, and representative of innovation and forward momentum.

2.1. Primary Logo

  • Description: The primary logo combines a sleek, abstract mark (representing flow, energy, or connection) with a sophisticated wordmark. It is designed for maximum impact and versatility.
  • Specifications:

* File Formats: AI, EPS, SVG (vector for scalability); PNG, JPG (raster for web/general use).

* Color Variations: Full Color (preferred), Monochromatic (black), Reverse (white).

* Minimum Size:

* Print: 1 inch (25.4mm) width

* Digital: 120 pixels width

* Clear Space: Maintain a minimum clear space around the logo equal to the height of the 'A' in 'Aether' to ensure visibility and impact. No other graphic elements or text should infringe upon this space.

2.2. Secondary Logos & Variations

  • Logomark (Icon):

* Description: The abstract symbol from the primary logo, used independently when space is limited or for iconic branding (e.g., app icons, social media avatars).

* Usage: Ideal for small applications where the full wordmark might be illegible.

  • Wordmark:

* Description: The 'Aether Dynamics' text without the accompanying symbol.

* Usage: Suitable for internal documents, legal disclaimers, or when the symbol is already present elsewhere.

  • Horizontal / Vertical Lockups:

* Description: Pre-approved arrangements of the logo elements optimized for different aspect ratios.

* Usage: Use horizontal lockups for wide spaces (e.g., website headers), and vertical lockups for taller, narrower spaces (e.g., sidebars).

2.3. Incorrect Logo Usage

  • Do not stretch or distort the logo.
  • Do not alter the colors of the logo outside the approved palette.
  • Do not add effects (shadows, gradients) unless explicitly approved.
  • Do not place the logo on busy backgrounds that compromise legibility.
  • Do not rearrange the elements of the logo.

3. Color Palette

The Aether Dynamics color palette is designed to evoke professionalism, innovation, and reliability. It balances vibrant accents with a sophisticated primary base.

3.1. Primary Colors

  • Aether Blue (Dominant):

* Description: A deep, authoritative blue representing trust, stability, and intelligence.

* Hex: #0A2E5B

* RGB: (10, 46, 91)

* CMYK: (91, 49, 0, 64)

* Pantone: 282 C

  • Dynamic Grey (Neutral):

* Description: A sophisticated, versatile grey providing balance and modernity.

* Hex: #4A5B6A

* RGB: (74, 91, 106)

* CMYK: (30, 14, 0, 58)

* Pantone: 424 C

3.2. Secondary / Accent Colors

  • Energy Teal (Accent 1):

* Description: A vibrant, fresh teal signifying innovation, growth, and forward-thinking.

* Hex: #00C4CC

* RGB: (0, 196, 204)

* CMYK: (80, 0, 20, 0)

* Pantone: 325 C

  • Clarity White (Background/Text):

* Description: Clean and crisp, used for backgrounds and primary text.

* Hex: #FFFFFF

* RGB: (255, 255, 255)

* CMYK: (0, 0, 0, 0)

  • Deep Black (Text/Contrast):

* Description: For strong contrast and formal text elements.

* Hex: #000000

* RGB: (0, 0, 0)

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

3.3. Color Usage Guidelines

  • Primary Usage: Aether Blue and Dynamic Grey should form the foundation of most designs (60-70%).
  • Accent Usage: Energy Teal should be used sparingly to highlight key information, calls to action, or add visual interest (10-15%).
  • Text/Background: Clarity White and Deep Black are essential for readability. Ensure sufficient contrast for accessibility (WCAG 2.1 AA compliance minimum).
  • Gradients: Subtle gradients using Aether Blue and Energy Teal are permissible for backgrounds or graphical elements, provided they maintain brand consistency.

4. Typography Guide

The chosen typefaces for Aether Dynamics are clean, modern, and highly legible, reflecting the brand's professional and innovative character.

4.1. Primary Headings Font: Montserrat

  • Description: A geometric sans-serif font, robust and highly readable, perfect for commanding attention.
  • Usage: H1, H2, and other prominent titles.
  • Styles:

* H1 (ExtraBold / Black): 3.5rem (56px) / Line-height: 1.1 / Letter-spacing: -0.02em

* H2 (Bold): 2.5rem (40px) / Line-height: 1.2 / Letter-spacing: -0.01em

  • Examples:

* <h1> AETHER DYNAMICS: INNOVATING THE FUTURE

* <h2> Our Vision for Tomorrow

4.2. Secondary Headings Font: Montserrat

  • Description: Continued use of Montserrat for consistency and clear hierarchy.
  • Usage: H3, H4, subheadings, and important callouts.
  • Styles:

* H3 (SemiBold): 1.75rem (28px) / Line-height: 1.3

* H4 (Medium): 1.25rem (20px) / Line-height: 1.4

  • Examples:

* <h3> Unlocking New Potentials

* <h4> Key Features & Benefits

4.3. Body Text Font: Open Sans

  • Description: A humanist sans-serif font, highly legible and friendly, ideal for extended reading.
  • Usage: Paragraphs, long-form content, captions, and general UI text.
  • Styles:

* Paragraph (Regular): 1rem (16px) / Line-height: 1.6

* Small Text (Light): 0.875rem (14px) / Line-height: 1.5

  • Examples:

* <p> Aether Dynamics is committed to delivering cutting-edge solutions that redefine industry standards and drive sustainable growth for our partners.

* <small> Copyright 2023 Aether Dynamics. All rights reserved.

4.4. Typography Guidelines

  • Hierarchy: Use font size, weight, and color to establish a clear visual hierarchy.
  • Readability: Prioritize readability across all devices and screen sizes.
  • Consistency: Maintain consistent font usage throughout all brand materials.
  • Fallback Fonts: For web, specify sans-serif as a fallback.
  • Tracking & Leading: Adjust letter-spacing (tracking) and line-height (leading) for optimal legibility, especially for headings and large blocks of text.

5. Brand Voice Guidelines

The Aether Dynamics brand voice is designed to be as impactful and reliable as its visual identity.

5.1. Core Personality Traits

  • Innovative: Forward-thinking, pioneering, constantly evolving.
  • Authoritative: Knowledgeable, expert, trustworthy.
  • Empowering: Enabling clients, fostering growth, providing solutions.
  • Precise: Clear, articulate, detail-oriented.
  • Professional: Polished, respectful, credible.

5.2. Tone of Voice

  • Informative yet Engaging: Provide valuable insights without being overly academic or dry. Use storytelling where appropriate.
  • Confident but Approachable: Project expertise without arrogance. Be open to dialogue and collaboration.
  • Optimistic and Forward-Looking: Focus on solutions, future possibilities, and positive outcomes.
  • Direct and Clear: Avoid jargon where simpler language suffices. Get straight to the point.

5.3. Key Messaging Principles

  • Focus on Benefits: Emphasize how Aether Dynamics solves problems and creates value for the customer.
  • Highlight Innovation: Showcase technological leadership and unique approaches.
  • Reinforce Trust: Emphasize reliability, security, and proven track record.
  • Consistency: Ensure messaging is consistent across all platforms and communications.

5.4. Do's and Don'ts

  • DO: Use active voice, strong verbs, and concise sentences.
  • DO: Speak directly to the audience (using "you").
  • DO: Maintain a positive and constructive outlook.
  • DON'T: Use slang, overly casual language, or excessive exclamation points.
  • DON'T: Make unsubstantiated claims or overly aggressive sales pitches.
  • DON'T: Be overly technical without providing context or explanation.

6. Social Media Style Guide

This guide ensures Aether Dynamics maintains a consistent and professional presence across all social media platforms.

6.1. Profile Picture Guidelines

  • Primary: Use the Logomark (icon-only version) for maximum recognition at small sizes.
  • Dimensions: Optimal for each platform (e.g., 400x400px for Facebook/LinkedIn, 1080x1080px for Instagram).
  • Consistency: Use the same logomark across all platforms.

6.2. Cover Photo / Banner Guidelines

  • Visuals: High-quality imagery or graphics that reflect the brand's innovative nature. Can feature elements of the logo, brand colors, or relevant industry visuals.
  • Text: Minimal text, primarily the full Aether Dynamics logo or a concise tagline.
  • Dimensions: Optimized for each platform (e.g., 820x312px for Facebook, 1584x396px for LinkedIn).
  • Avoid: Busy designs, pixelated images, or text that gets cut off on mobile.

6.3. Content Visuals (Images & Graphics)

  • Photography Style:

* Theme: Modern, aspirational, professional, and authentic.

* Focus: Showcase technology, innovation, diverse teams, and positive outcomes.

* Lighting: Bright, natural, and consistent.

* Color Tone: Lean towards cooler tones, complementing the brand palette.

* Filters: Minimal, if any. Maintain a clean and crisp look.

  • Illustration / Graphic Elements:

* Style: Clean, geometric, abstract, and aligned with the brand's modern aesthetic.

* Color: Primarily use brand colors; accents can introduce subtle variations.

* Consistency: Ensure all graphic elements share a unified visual language.

  • Templates: Use pre-designed templates for common post types (e.g., quotes, event announcements, data visualization) to ensure visual consistency.

6.4. Caption Style

  • Tone: Informative, engaging, confident, and forward-looking (refer to Brand Voice).
  • Length: Adapt to platform norms. Shorter for Instagram/Twitter, longer for LinkedIn/Facebook.
  • Hashtags: Use a mix of branded (#AetherDynamics), industry-specific (#TechInnovation), and trending hashtags (2-5 per post).
  • Emojis: Use sparingly and strategically to add personality or clarity, ensuring they align with the professional tone.
  • Call-to-Action: Clear and concise CTAs (e.g., "Learn More," "Visit Our Website," "Download the Report").

6.5. Platform-Specific Considerations

  • LinkedIn: Emphasize thought leadership, industry insights, company culture, and professional networking. Longer, more detailed posts are acceptable.
  • Instagram: Focus on high-quality visuals, short engaging captions, and stories for behind-the-scenes content. Use relevant Reels/Stories features.
  • Twitter: Concise updates, industry news, quick insights, and engagement with relevant conversations. Use visuals to stand out.
  • Facebook: Mix of company news, industry content, community engagement, and multimedia posts.

7. Design Specifications (General Application)

Beyond core identity elements, these specifications guide the broader application of the brand's visual language.

7.1. Iconography Style

  • Style: Line art, minimalist, geometric, and consistent stroke weight.
  • Color:
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);}});}