GPT-4o image generation for branding.
this saves days of work 🤯
7 examples + prompts:
when I started to build, I'd spend days if not an entire week trying to get some brand basics in place.
by the time I got to the product I didn't have any motivation left.
not anymore.
1. Mevolit - a personal banking app
[Needs image attached, see last post in threád]
Prompt:
Create an image of a sheet with the branding overview for a company, incorporating the elements illustrated below.
There's a template attached. Use a similar layout but none of the styles in it.
Output as "bento box" apple design.
Follow these rules:
1. a logo and usage. Label should be "Logo"
2. colors palette in a simple way. Label should be "Color Palette"
3. fonts (just 2 examples and font name). Label should be "Fonts"
4. gradient examples. Label should be "Gradients"
5. 6 icon examples. Label should be "Icons"
6. an on-brand image example. Label should be "Illustration"
7. Be concise with text.
8. make the sheet beautifully and modern designed incorporating colors and brand elements.
9. for style use modern big-tech branding with minimalistic icons
Here are the specs:
## Mevolit - Modern Digital Banking
Mevolit is a contemporary challenger bank positioned as a direct competitor to Revolut in the personal banking space. The brand targets digitally-savvy users seeking a more intuitive, feature-rich alternative to traditional banking services, with particular appeal to millennials and Gen Z professionals who prioritize seamless mobile experiences.
## Brand Strategy & Design Decisions
### Logo & Visual Identity
The primary logo is "The Flow M" - a stylized, abstract letter M formed by two flowing curved lines that create a continuous motion. This represents both the movement of money and the seamless experience Mevolit provides. The logo uses a gradient of the brand's signature purple (#6A3DE8) transitioning to teal (#00B2CA).
### Typography
- Primary Heading Font: Inter (Bold, Medium, SemiBold) - a modern san-serif specifically designed for digital interfaces
- Body Text Font: Roboto (Regular, Light) - excellent readability for detailed financial information
- Financial Data: Roboto Mono - for tabular data with consistent spacing
### Color Palette
- Primary Purple: #6A3DE8 (innovation, premium service)
- Teal Blue: #00B2CA (trust, clarity)
- Coral Accent: #FF6B5B (energy, approachability)
- Cool Gray: #505A6B (sophistication, security)
- Light Background: #F8F9FC (clarity, simplicity)
### Brand Elements
- "Mevo" Fox Mascot: A geometric, stylized purple fox character that serves as a helpful financial navigator
- Flow Patterns: Curved line systems that create dynamic wave patterns across marketing materials
- iOS App Icon: A rounded square featuring the purple-to-teal gradient with the "M" portal created through negative space
## Design Style Guidelines
The overall aesthetic is clean, minimal, and distinctly modern with careful attention to digital-first applications. All designs should prioritize clarity and functionality while maintaining a premium feel.
Graphics should incorporate flowing lines and subtle gradients that suggest movement and progress. Interface elements should have rounded corners (4px radius for cards, 8px for containers) with light shadows (0px 4px 12px rgba(106, 61, 232, 0.12)) to create subtle dimensionality.
Data visualizations and charts should use the brand colors sequentially (purple → teal → coral) with 60% opacity variations for additional data points. Typography should maintain strong hierarchy with clear size differentiation between headings (24-32px), subheadings (18-22px), and body text (14-16px).
The mascot should be used sparingly for moments of delight, guidance, and educational content rather than for primary navigation or critical financial information.
All designs should meet AAA accessibility standards with particular attention to color contrast ratios while maintaining the vibrant, distinctive character that sets Mevolit apart from competitors.
2. Flux - a personal banking app
[Needs image attached, see last post in threád]
Prompt:
Create an image of a sheet with the branding overview for a company, incorporating the elements illustrated below.
There's a template attached. Use a similar layout but none of the styles in it.
Output as "bento box" apple design.
Follow these rules:
1. a logo, and logotype. Label should be "Logo"
2. colors palette with simple color swatches in a simple way. Label should be "Color Palette"
3. fonts (just 2 examples and font name). Label should be "Fonts"
4. gradient examples light & dark mode. Label should be "Gradients"
5. 5. 6 icon examples. Label should be "Icons"
6. an on-brand image example. Label should be "Illustration"
7. Be concise with text.
8. make the sheet beautifully and modern designed incorporating colors and brand elements, also for the background of the sheet itself
9. for style use minimalistic, professional, modern, big-tech
Here are the specs:
# Flux - Modern Payment Processing Platform
Flux is a cutting-edge payment processor designed to rival Stripe, providing businesses with seamless transaction capabilities, developer-friendly APIs, and robust security features. Positioned as a premium alternative in the financial technology space, Flux aims to establish itself alongside tech giants like Google, Microsoft, and Meta in terms of brand recognition and market presence.
## Brand Strategy & Key Elements
### Logo
The primary Flux logo is "The Flux Circuit" - a modern, abstract "F" formed by two flowing lines that create a continuous circuit. One line is solid (representing security), while the other features a subtle gradient (representing innovation). The design communicates seamless flow of payments and data while maintaining a strong, recognizable silhouette that works across all applications.
### Typography
**Primary Font: Inter**
- Used for logo, headings, and navigation elements
- Applications: Headings (Inter Bold 24-32px), Subheadings (Inter Medium 18-22px), Navigation (Inter Regular 16px), CTAs/Buttons (Inter SemiBold 16-18px)
**Secondary Font: Roboto**
- Used for body text, descriptions, and UI elements
- Applications: Body Text (Roboto Regular 16px), Small UI Elements (Roboto Regular 14px), Legal Text (Roboto Light 12px)
### Color Palette
**Primary: Electric Indigo (Hex: #6E2FFF)**
- A rich, vibrant purple with blue undertones that differentiates Flux from competitors
**Supporting Colors:**
- Deep Slate (Hex: #1A1A2E) - For text, backgrounds, and creating depth
- Tech Silver (Hex: #E9ECEF) - For UI elements and background areas
- Flux Cyan (Hex: #03DAC6) - For highlights and interactive elements
- Accent Coral (Hex: #FF5D73) - For critical calls-to-action and alerts
### Brand Graphics
Flux's visual system includes several graphic families that work together to create a cohesive experience:
1. **Flux Flow Patterns** - Abstract, flowing wave patterns using the brand's gradient transitions
2. **Transaction Node Networks** - Connected hexagonal nodes visualizing the payment ecosystem
3. **Security Shield Patterns** - Geometric patterns inspired by cryptographic visuals
4. **Data Pulse Visualizations** - Stylized, on-brand data visualization elements
5. **Payment Journey Illustrations** - Semi-abstract illustrations showing the payment flow
## Design Style Guidelines
Flux's visual identity embodies precision, innovation, and seamless functionality. The design system prioritizes:
- **Clean Geometry with Fluid Elements** - Combining structured forms with dynamic flowing lines to represent both security and the movement of transactions
- **Strategic Use of Space** - Employing ample negative space to create premium feel and enhance readability
- **Subtle Depth** - Using minimal shadows and gradient transitions to create a sense of dimension without overwhelming the interface
- **Purposeful Animation** - Incorporating subtle motion that suggests flow, processing, and completion of transactions
- **Consistent Iconography** - Using a custom icon system with consistent stroke weights and rounded terminals
- **Photographic Style** - When photography is used, it should be high-contrast with a slight purple/cyan tint to maintain brand alignment
All brand materials should convey technological sophistication while remaining approachable and trustworthy. The visual system should emphasize the platform's ability to handle complex financial transactions with speed, security, and reliability.
3. Wavelength - retro music streaming app
[Needs image attached, see last post in threád]
Prompt:
Create an image of a sheet with the branding overview for a company, incorporating the elements illustrated below.
There's a template attached. Use a similar layout but none of the styles in it.
Output as "bento box" apple design.
Follow these rules:
1. a logo, and logotype. Label should be "Logo"
2. colors palette with simple color swatches in a simple way. Label should be "Color Palette"
3. fonts (just 2 examples and font name). Label should be "Fonts"
4. gradient examples light & dark mode. Label should be "Gradients"
5. 5. 6 icon examples. Label should be "Icons"
6. an on-brand image example. Label should be "Illustration"
7. Be concise with text.
8. make the sheet beautifully and modern designed incorporating colors and brand elements, also for the background of the sheet itself
9. for style use skeuomorphic, vintage, retro, colorful, pastel colors
Here are the specs:
# Wavelength: Modern Music Streaming Platform
Wavelength is a modern music streaming service positioned as a technical, feature-rich alternative to Spotify. It targets audiophiles and music enthusiasts who value sound quality, customization, and community features. The brand embraces a "nerdy" identity as a strength, appealing to users who care deeply about their music experience and technical excellence.
## Brand Strategy & Design Elements
### Logo: The Frequency Hex
A hexagonal shape containing an abstract equalizer pattern with vertical bars of varying heights. The arrangement of bars subtly forms a "W" while resembling audio frequency visualization. Clean geometric edges give it a technical, precision-oriented feel. The hexagon shape conveys technical excellence (appealing to audiophiles), while the equalizer pattern directly references music customization.
### Typography System
**Primary Font (Headings): Industry**
- A geometric sans-serif font with technical precision and a slightly futuristic feel
- App/website headlines: 28-32px, Bold
- Section headers: 20-24px, Medium
- Button text: 16-18px, Demi-Bold
- Feature highlights: 18-22px, Bold
**Secondary Font (Body Text): Inter**
- A highly readable sans-serif optimized for screen interfaces
- Body text: 14-16px, Regular
- User interface elements: 13-15px, Regular/Medium
- Captions: 12px, Regular
- Small interface elements: 11px, Medium
### Color Palette
**Primary Color:** Electric Blue (#0078FF)
- Signature brand color representing digital audio excellence
**Secondary Color:** Deep Purple (#5D3FD3)
- Adds premium feel and creative dimension
**Accent Color:** Coral (#FF6B6B)
- Creates emphasis for calls-to-action and important elements
**Dark Background:** Deep Navy (#121A29)
- Rich, deep background that's easier on the eyes than pure black
**Light Neutral:** Soft Gray (#F5F7FA)
- For secondary text and subtle interface elements
### Key Graphics System
1. **Dynamic Waveform Patterns**
- Fluid sound wave visualizations in brand colors
- For backgrounds, loading screens, and motion graphics
2. **Circuit Melody Illustrations**
- Musical elements combined with circuit patterns
- For headers, blog illustrations, and merchandise
3. **Isometric Audio Worlds**
- Detailed 3D-style illustrations of audio equipment
- For feature explanations and marketing campaigns
4. **Data Harmonics System**
- Cohesive data visualization for user statistics
- For "year in review" features and habit insights
5. **Audiophile Equipment Blueprints**
- Technical illustrations of audio equipment
- For educational content and blog posts
## Brand Style Guidelines
The overall aesthetic combines technical precision with musical expression. All design elements should maintain:
1. **Technical Excellence** - Clean lines, geometric precision, and careful attention to detail that appeals to the audiophile audience.
2. **Visual Rhythm** - Design elements should suggest movement and flow, reflecting the music focus of the platform.
3. **Scalable Minimalism** - Designs should work across different scales and contexts while maintaining brand recognition.
4. **Distinctive Color Application** - The electric blue should be immediately recognizable as the brand color, with purple and coral used strategically for emphasis.
5. **Educational Clarity** - Graphics and UI should make technical concepts accessible without oversimplification.
UI elements should embrace negative space with the navy background, using color purposefully to guide attention and create hierarchy. Typography should maintain generous line height and spacing for maximum readability on all devices.
All marketing materials should convey expertise and passion for music while maintaining an approachable, community-focused tone that differentiates from more corporate competitors.
4. Megabase - a database SaaS
[Needs image attached, see last post in threád]
Prompt:
Create an image of a sheet with the branding overview for a company, incorporating the elements illustrated below.
There's a template attached. Use a similar layout but none of the styles in it.
Output as "bento box" apple design.
Follow these rules:
1. a logo and usage. Label should be "Logo"
2. colors palette in a simple way. Label should be "Color Palette"
3. fonts (just 2 examples and font name). Label should be "Fonts"
4. gradient examples. Label should be "Gradients"
5. 6 icon examples. Label should be "Icons"
6. an on-brand image example. Label should be "Illustration"
7. Be concise with text.
8. make the sheet beautifully and modern designed incorporating colors and brand elements.
9. for style use modern big-tech branding with minimalistic icons
Here are the specs:
# MEGABASE BRAND DESIGN - FINAL SPECIFICATIONS
## LOGO SELECTION
We've selected "The Data Monolith" concept featuring a 3D cube with an integrated "M" formed by illuminated data connection points. This design communicates solidity and power while the glowing points suggest active data flow and accessibility.
## TYPOGRAPHY
- Primary Font (Headings): Inter
- Headers: Bold, 24-32px
- Subheadings: Semibold, 18-24px
- Navigation: Medium, 16px
- Buttons: Semibold, 14-16px
- Secondary Font (Body): IBM Plex Sans
- Body text: Regular, 16px
- UI text: Regular, 14px
- Documentation: Regular, 16px (1.5 line spacing)
- Code examples: IBM Plex Mono, 14-16px
## COLOR PALETTE
- Primary Brand Color: Electric Indigo (#6C2AE2)
- Secondary Color: Cyber Teal (#0CD4B3)
- Accent Color: Power Orange (#FF7D36)
- Neutral Dark: Deep Space (#121826)
- Neutral Light: Cloud White (#F7F9FC)
## KEY GRAPHIC STYLES
- Data Flow Streams - particle-based flow visualizations
- Connectivity Grid - node and line network patterns
- Isometric Database City - architectural infrastructure illustrations
- Wave Pulse Patterns - gradient waveforms for backgrounds/dividers
- Blueprint Diagrams - technical schematics for documentation
5. Multilingua - language learning platform
[Needs image attached, see last post in threád]
Prompt:
Create an image of a sheet with the branding overview for a company, incorporating the elements illustrated below.
There's a template attached. Use a similar layout but none of the styles in it.
Output as "bento box" apple design.
Follow these rules:
1. a logo, and logotype. Label should be "Logo"
2. colors palette with simple color swatches in a simple way. Label should be "Color Palette"
3. fonts (just 2 examples and font name). Label should be "Fonts"
4. gradient examples light & dark mode. Label should be "Gradients"
5. 5. 6 icon examples. Label should be "Icons"
6. an on-brand image example. Label should be "Illustration"
7. Be concise with text.
8. make the sheet beautifully and modern designed incorporating colors and brand elements, also for the background of the sheet itself
9. for style use fun, cute, playful, pastel colors, gradient, animal inspired
Here are the specs:
# MultiLingua - Modern Language Learning Platform
MultiLingua is a friendly, approachable language learning platform positioned as adaptive learning platform, helping users with conversation skills, and a supportive, encouraging approach to language acquisition. MultiLingua targets global users of all ages seeking an engaging, effective way to learn new languages.
## Brand Strategy & Final Decisions
### Logo
The "Language Flower" concept has been selected as MultiLingua's primary logo. This circular, flower-like design features colorful speech bubbles as "petals" radiating from a central hub, with subtle hints of different writing systems incorporated into each petal. This represents language diversity, the blooming of knowledge, and the learner at the center connecting to many linguistic traditions.
### Typography
- Primary (Headings): Nunito Bold/SemiBold/Medium - A friendly sans serif with rounded terminals
- Secondary (Body): Noto Sans Regular/Medium/Italic - Designed for excellent readability across multiple language systems
### Color Palette
- Primary: Vibrant Purple (#6A4DFF) - Represents creativity, wisdom, and imagination
- Secondary: Coral (#FF7E5F) - Conveys enthusiasm and the joy of achievement
- Tertiary: Soft Teal (#5ECDB9) - Symbolizes clear communication and reliability
- Neutral: Warm Gray (#F5F3F7) - Creates a soft, approachable canvas for content
- Accent: Sunny Yellow (#FFD15C) - Highlights achievements and celebrations
## Style Guidelines
The MultiLingua visual language emphasizes rounded shapes, friendly proportions, and a balanced use of the brand's color palette. All visual elements should convey an approachable, encouraging atmosphere while maintaining a clean, modern aesthetic.
Graphics should incorporate speech bubbles, simplified cultural imagery, and subtle references to different writing systems. Illustrations use simple, rounded shapes with minimal detail but expressive features. The style should feel contemporary yet playful, sophisticated yet approachable.
Animations should be smooth and natural, featuring subtle bounce effects for friendly feedback. The mascot should animate in encouraging, supportive ways—never appearing judgmental about language mistakes.
The overall design language should create a cohesive experience that feels distinctly different from Duolingo while equally engaging. All elements should reinforce MultiLingua's core value proposition: adaptive, conversation-focused language learning in a supportive, modern environment.
6. Pricepoint - discount store
[Needs image attached, see last post in threád]
Prompt:
Create an image of a sheet with the branding overview for a company, incorporating the elements illustrated below.
There's a template attached. Use a similar layout but none of the styles in it.
Output as "bento box" apple design.
Follow these rules:
1. a logo, and logotype. Label should be "Logo"
2. colors palette with simple color swatches in a simple way. Label should be "Color Palette"
3. fonts (just 2 examples and font name). Label should be "Fonts"
4. gradient examples light & dark mode. Label should be "Gradients"
5. 5. 6 icon examples. Label should be "Icons"
6. an on-brand image example. Label should be "Illustration"
7. Be concise with text.
8. make the sheet beautifully and modern designed incorporating colors and brand elements, also for the background of the sheet itself
9. for style use retro, cheap, yellow, colorful, pastel colors
Here are the specs:
PricePoint: A Modern Discount Retailer
PricePoint is a contemporary discount store designed to rival Walmart by offering exceptional value with a fresh, modern shopping experience. Targeting value-conscious consumers who appreciate quality and design alongside savings, PricePoint positions itself as the smarter alternative to traditional discount retail.
Logo: The recommended logo concept is "The Point Marker," featuring a clean, geometric "P" where the negative space forms a location pin/marker with a small price tag icon in the circle at the top. This design combines the ideas of precise pricing and destination shopping, suggesting PricePoint is the place to find optimal value. The single-weight line construction creates a minimalist yet distinctive mark that works well across applications.
Typography: The brand employs a dual-font system:
- Primary Font (Display): Poppins - A geometric sans-serif with friendly character and excellent readability. Use Bold (700) for headlines at 32-48px, SemiBold (600) for subheadings at 24-32px, and Medium (500) for navigation at 18-20px.
- Secondary Font (Body): Inter - Designed for digital interfaces with exceptional legibility. Use Regular (400) for body text at 16-18px and Medium (500) for price tags and promotional content.
Color Palette:
- Primary: Vibrant Yellow (#FFD100) - Optimistic, attention-grabbing, signals value without appearing cheap
- Secondary: Deep Charcoal (#2D2D2D) - Sophisticated, modern alternative to black, creates strong contrast
- Complementary: Fresh Teal (#00A9A5) - Adds contemporary edge, excellent for highlighting savings promotions
- Supporting: Soft Gray (#F2F2F2) - Creates breathing space, serves as background for promotional content
- Supporting: Bright White (#FFFFFF) - Ensures clarity and organization in communications
Graphics System:
- Point Pattern System: Geometric patterns derived from the logo's triangular elements for backgrounds and dividers
- Value Spotlight Graphics: Circular "spotlight" graphics with yellow outer rings for highlighting deals
- Price Comparison Visualizer: Parallel horizontal bars system for displaying price comparisons
- Department Navigation Icons: Minimalist line icons with consistent weight and rounded terminals
- Savings Badge System: Hexagonal badges designating different types of savings or promotions
Brand Style:
The overall aesthetic is clean, geometric, and purposeful. Communications should feature ample white space, strong typographic hierarchy, and judicious use of the yellow primary color for maximum impact. Photography should be bright, well-lit, and product-focused with minimal styling. The visual language emphasizes clarity, accessibility, and directness - reflecting PricePoint's transparent approach to value retail.
7. Bookworm - online book store
[Needs image attached, see last post in threád]
Prompt:
Create an image of a sheet with the branding overview for a company, incorporating the elements illustrated below.
There's a template attached. Use a similar layout but none of the styles in it.
Output as "bento box" apple design.
Follow these rules:
1. a logo, and logotype. Label should be "Logo"
2. colors palette with simple color swatches in a simple way. Label should be "Color Palette"
3. fonts (just 2 examples and font name). Label should be "Fonts"
4. gradient examples light & dark mode. Label should be "Gradients"
5. 5. 6 icon examples. Label should be "Icons"
6. an on-brand image example. Label should be "Illustration"
7. Be concise with text.
8. make the sheet beautifully and modern designed incorporating colors and brand elements, also for the background of the sheet itself
9. for style use fun, cute, playful, pastel colors, gradient, animal inspired
Here are the specs:
BookBurrow is a modern rival to Amazon's book division, designed to be a cozy, online bookstore that embraces the hygge concept while appealing to book lovers with a geeky, slightly nostalgic aesthetic. The brand aims to create a warm, personalized alternative to Amazon's utilitarian approach, focusing on the joy of reading and building a community of book enthusiasts.
Brand Identity:
Brand Name: BookBurrow
Tagline: "Burrow into a good book"
Core brand values: Coziness, community, literary appreciation, authenticity, and a touch of whimsy
Logo: "The Nested Books" - A stack of books with slightly irregular edges, resembling a burrow made of books. A small, minimalist bookworm peeks out from between two volumes. The "BookBurrow" wordmark sits beside the stack in the Bookmania font with subtle serifs. This logo effectively combines the key brand concepts of books and burrows while maintaining a clean, adaptable design with character.
Typography:
Primary Font (Headings): Bookmania
Main headlines: Bookmania Bold, 32-48px
Subheadings: Bookmania Medium, 24-30px
Navigation items: Bookmania Medium, 18-20px
Secondary Font (Body Text): Source Sans Pro
Body text: Source Sans Pro Regular, 16-18px
Product descriptions: Source Sans Pro Regular, 14-16px
Button text: Source Sans Pro Semibold, 14-16px
Footer information: Source Sans Pro Regular, 12-14px
Accent Font (Special Elements): Adelle Slab
Special promotional badges: Adelle Slab Semibold, 14-18px
Pull quotes: Adelle Slab Italic, 20-24px
Limited-time offer labels: Adelle Slab Bold, 16-20px
Color Palette:
Primary Brand Color: Warm Amber (#E6A642)
Secondary Colors:
Aged Paper Cream (#F5EDD8)
Burrow Brown (#87553D)
Bookworm Green (#567D46)
Reading Night Blue (#2C3E50)
Key Graphic Elements:
"Burrow Pathways" Pattern - Curved lines resembling tunnels that weave between simplified book shapes, creating a versatile background pattern for various applications.
"Reading Nook" Illustration Series - Warm, inviting illustrations of cozy reading environments that evoke the emotional experience of comfortable reading.
"BookBurrow Builder" Elements - Modular graphic elements including book stacks, reading accessories, and mascot poses that can be combined to create custom scenes.
"Page-Turner" Animated Transitions - Smooth animations mimicking turning book pages for digital applications.
"Literary Skylines" Series - Illustrated skylines of famous cities where buildings are replaced with books, connecting places with literature.
Brand Style:
The BookBurrow aesthetic balances traditional book-loving elements with contemporary design sensibilities. The overall style is warm, inviting, and slightly nostalgic without feeling outdated. Hand-drawn elements add authenticity and warmth, while clean typography and thoughtful negative space maintain readability and a modern feel. The color palette combines warm, earthy tones with refreshing accents, creating an environment that feels cozy but not stuffy. This balanced approach appeals to both serious bibliophiles and casual readers looking for a more personal book-buying experience than Amazon provides.
Here's how you can generate your own.
👇
I. Generate a design handover. I used claude-3.7 sonnet with this prompt:
"You are a professional brand designer tasked with creating a comprehensive design manual for a company. This manual will include logo concepts, font selections, a color palette, sample graphics, a mascot, and an iOS app icon. Your goal is to create a cohesive and professional brand identity based on the company's industry or type.
First, consider the following company type:
{{COMPANY_TYPE}}
Please create a design manual by following these steps. For each step, wrap your brainstorming process in
1. Logo Concepts:
Consider the company's industry, values, and potential target audience. List out at least 5 symbols, 5 shapes, and 5 styles that could effectively represent the company. Then, narrow down your choices to create 3-5 logo concepts.
- Create 3-5 logo concepts that reflect the company's industry and values.
- For each concept, provide a brief description of the design elements and their significance.
- Use descriptive language to explain the shapes, symbols, and overall style of each logo concept.
2. Font Selection:
List out 5-7 fonts that align with the company's industry and brand personality. Consider readability and versatility across different media. Then, evaluate each font's strengths and weaknesses before making your final selection.
- Choose a primary font for headings and a secondary font for body text.
- Provide the names of the chosen fonts and explain why they are appropriate for the company.
- Include suggestions for font sizes and weights for different applications (e.g., headings, subheadings, body text).
3. Color Palette:
List out 7-10 colors that resonate with the company's industry and brand values. Consider color psychology and how these colors will work together. Then, narrow down your choices to create a harmonious palette.
- Develop a color palette consisting of 3-5 colors that represent the company's brand.
- Include the primary brand color and 2-4 complementary colors.
- Provide the hex codes for each color.
- Explain the psychological associations and industry relevance of each color choice.
4. Sample Graphics:
List out 7-10 potential graphic concepts that complement the logo style and color palette. Consider how these graphics could be used across different marketing materials and platforms. Then, select the most versatile and impactful options.
- Create descriptions for 3-5 sample graphics or illustrations that could be used in the company's branding materials.
- Describe each graphic in detail, including its purpose and potential applications (e.g., website headers, social media posts, brochures).
5. Mascot:
List out 5-7 potential mascot ideas that embody the company's personality and values. Consider how each mascot could be used in various marketing contexts. Then, evaluate each option before selecting the most appropriate one.
- Design a mascot that represents the company's brand personality.
- Describe the mascot's appearance, personality traits, and how it relates to the company's products or services.
- Explain how the mascot could be used in different marketing materials and campaigns.
6. iOS App Icon:
List out 5-7 potential app icon concepts that are visually appealing, recognizable, and consistent with the overall brand identity. Consider how each would look at different sizes on iOS devices. Then, evaluate each option before making your final selection.
- Design an iOS app icon that represents the company's brand and is easily recognizable.
- Describe the icon's design elements, colors, and how it relates to the company's logo or other brand elements.
- Explain how the icon will maintain its clarity and impact at various sizes.
Present your design manual in the following format:
[Include your logo concepts here]
[Include your font selections here]
[Include your color palette here]
[Include your sample graphics descriptions here]
[Include your mascot description here]
[Include your iOS app icon description here]
Ensure that all elements of the design manual are cohesive and appropriate for the given company type. Use creative and descriptive language to clearly communicate your design choices and their rationale.
After you've brainstormed the various design manual concepts, decide on element of each and output a summary of the result that can be sent to a designer. Output as:
[Include small description of the product, including name and market]
[Include final decisions in detail and brand strategy, without mascot and iOS icon]
[Describe style in detail]
[Output mascot and iOS icon description]
--------------------------------
Example COMPANY_TYPE:
- personal banking called mevolit. Examples: Revolut, N26, Monzo
- an online store to buy and sell books. Examples: Amazon, Apple Books, Google Books
- a modern database SaaS company. Examples: Supabase, Firebase, Vercel
--------------------------------
II. Copy the "handover" above and post it to ChatGPT-4o and attach an example brand manual.
The image on this post worked best for me, but you can use any other style.
Note: you need to be subscribed to Pro.
Prompt:
"Create an image of a sheet with the branding overview for a company, incorporating the elements illustrated below.
There's a template attached. Use a similar layout but none of the styles in it.
Output as "bento box" apple design.
Follow these rules:
1. a logo, and logotype. Label should be "Logo"
2. colors palette with simple color swatches in a simple way. Label should be "Color Palette"
3. fonts (just 2 examples and font name). Label should be "Fonts"
4. gradient examples light & dark mode. Label should be "Gradients"
5. 5. 6 icon examples. Label should be "Icons"
6. an on-brand image example. Label should be "Illustration"
7. Be concise with text.
8. make the sheet beautifully and modern designed incorporating colors and brand elements, also for the background of the sheet itself
9. for style use
[Bonus]
8. Elysia: premium fashion e-commerce
(I persoanlly didn't like this one that much, but it is a different style so worth mentioning)
[Needs image attached, see prev post in threád]
Prompt:
Create an image of a sheet with the branding overview for a company, incorporating the elements illustrated below.
There's a template attached. Use a similar layout but none of the styles in it.
Output as "bento box" apple design.
Follow these rules:
1. a logo, and logotype. Label should be "Logo"
2. colors palette with simple color swatches in a simple way. Label should be "Color Palette"
3. fonts (just 2 examples and font name). Label should be "Fonts"
4. gradient examples light & dark mode. Label should be "Gradients"
5. 5. 6 icon examples. Label should be "Icons"
6. an on-brand image example. Label should be "Illustration"
7. Be concise with text.
8. make the sheet beautifully and modern designed incorporating colors and brand elements, also for the background of the sheet itself
9. for style use elegant, expensive, luxury, gradient, glassmorphism
Here are the specs:
# Elysia Brand Design Manual
## Brand Overview
Elysia is a premium fashion e-commerce platform positioned as a sophisticated rival to Zalando. Targeting discerning fashion consumers who value quality, curation, and elevated style, Elysia offers a more exclusive and high-end alternative to mainstream fashion retailers. The brand embodies elegant minimalism with subtle luxury touchpoints throughout the customer experience.
## Brand Strategy & Final Decisions
### Logo
The Diamond Frame concept has been selected as Elysia's primary logo. It features a precision-crafted diamond/rhombus shape in Burnished Gold framing the "ELYSIA" wordmark in Playfair Display. This geometric emblem connotes luxury and premium positioning while creating a distinctive, memorable brand mark that works across all applications.
### Typography
- Primary (Headings): Playfair Display - a contemporary serif with high-contrast strokes
- Weights: Regular, Bold, Light
- H1: 48-56px, H2: 36-42px, H3: 28-32px, H4: 22-24px
- Secondary (Body): Avenir - a humanist sans-serif balancing modernity with elegance
- Weights: Light, Regular, Medium
- Body: 16-18px, Small: 14px, Buttons: 16-20px, Navigation: 16px
### Color Palette
- Primary: Deep Sapphire (#0F2E4C) - authority, exclusivity, depth
- Secondary:
- Burnished Gold (#D4AF37) - luxury, achievement
- Soft Ivory (#F8F4E3) - elegance, simplicity
- Rich Merlot (#7D2027) - sophistication, passion
- Charcoal Gray (#333333) - professionalism, editorial quality
### Graphics
The Flowing Fabric Abstract and Geometric Thread Pattern will serve as primary graphic elements across marketing materials. The Editorial Fashion Silhouettes will be used for specific content highlighting styling and fashion expertise.
### App Icon
The Elysia Diamond Icon - featuring the geometric diamond in Burnished Gold against a Deep Sapphire background with a subtle "E" formed by negative space.
## Brand Style Direction
The overall aesthetic is defined by minimalist elegance with thoughtful luxury details. The visual language balances negative space with rich, deep colors and precise geometric elements. Photography should be editorial in quality with a focus on texture, craftsmanship, and sophisticated styling.
All brand communications should embody an elevated tone that is knowledgeable but never pretentious, sophisticated yet approachable. Layouts should feature generous white space, precise alignment, and considered typographic hierarchies.
Digital interfaces should prioritize intuitive navigation with subtle luxury touchpoints, like the Thread Pattern as a loading animation or the Fabric Abstract as transitional elements. Animations should be smooth and deliberate, never flashy.
The Elysia brand aims to create a sense of discovery and curation that makes customers feel that they've found something special—an exclusive alternative to mainstream fashion platforms that truly understands quality and style.
also, combine the image output with the copy generated by the initial prompt and you basically have a poor man's branding manual.
Claude 3.7-sonnet is pretty creative just from a basic company desc!
x.com/valsopi/status…
I am not a designer in the same sense, but I like to work with design and UI.
Hearing this from someone with a design background is quite surprising.
But I think it is the right approach.
I mean, not to say "well, it's done, might as well give up", but to accept this will get to a level where it'll be hard to justify a high hourly rate.
So the options then are:
- use these tools to become more efficient and combine them with your professional skills
- become a better generalist and approach projects from a holistic approach of tech/design
- get better at understanding business needs and sharpen real-life skills. Things that AI is not that good at doing (yet, at least)
Ultimately, accepting that there is a change and adapting is IMO the right thing to do.
Also, by getting comfortable with these you know the limitations and can turn them into selling points.
Same with coding tbh
One tip here.
Generating the logo only first and then using that across the various branding examples seems to be higher quality.
In some the logo concept slowly "drifts" away
It takes more time but helps with consistency.
Bonus: you can ask it to make a transparent png.
Last thing.
Be patient!
These were a lot more hit & miss vs UI mockups that were basically one-shotted (see below)
I think some of the prompts leave too many options on the table
More precise ones could give better results :)
Big thoughts
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.