home / skills / sanky369 / vibe-building-skills / brand-asset

brand-asset skill

/skills/creative/brand-asset

This skill generates branded visual elements such as logos, icons, patterns, and illustrations to reinforce your brand identity.

npx playbooks add skill sanky369/vibe-building-skills --skill brand-asset

Review the files below or copy the command above to add this skill to your agents.

Files (1)
SKILL.md
8.6 KB
---
name: brand-asset
description: Generate branded design elements and visual assets. Use when creating logos, icons, brand patterns, or other branded visual elements.
---

# Brand Asset Skill

## Overview

Brand Asset creates branded visual elements that reinforce your brand identity. This skill teaches you to generate logos, icons, patterns, and other brand elements.

**Keywords**: brand assets, logo design, brand elements, icons, brand patterns, visual identity, brand design, branded graphics

## Core Methodology

Brand assets have three components:

1. **Brand Identity** — Logo, colors, typography
2. **Asset Type** — What kind of asset to create
3. **Consistency Framework** — Ensuring brand cohesion

## Asset Types

### Asset Type 1: Logo Design

**Purpose**: Primary brand mark

**Prompt Template**:
```
Logo design for [brand name], [style], [color palette], 
minimalist, scalable, professional, modern, [mood], 
vector-like, clean design, 4K, professional quality, 
trending on behance
```

**Example**:
```
Logo design for tech startup, geometric style, blue and white colors, 
minimalist, scalable, professional, modern, innovative mood, 
vector-like, clean design, 4K, professional quality, trending on behance
```

### Asset Type 2: Icon Set

**Purpose**: Supporting visual elements

**Prompt Template**:
```
Icon set for [brand/purpose], [number] icons, [style], 
[color palette], consistent design, professional, 
scalable, [mood], vector-like, high quality, 4K
```

**Example**:
```
Icon set for SaaS product, 6 icons, minimalist style, 
blue and gray colors, consistent design, professional, 
scalable, modern mood, vector-like, high quality, 4K
```

### Asset Type 3: Brand Pattern

**Purpose**: Repeating design element

**Prompt Template**:
```
Brand pattern design, [pattern type], [color palette], 
seamless, repeating, [style], professional, [mood], 
scalable, high quality, 4K, vector-like
```

**Example**:
```
Brand pattern design, geometric pattern, blue and white colors, 
seamless, repeating, minimalist style, professional, modern mood, 
scalable, high quality, 4K, vector-like
```

### Asset Type 4: Brand Illustration

**Purpose**: Custom illustrations for brand

**Prompt Template**:
```
Brand illustration for [brand], [subject], [style], 
[color palette], professional, [mood], consistent with brand, 
high quality, 4K, trending on dribbble
```

**Example**:
```
Brand illustration for wellness company, person meditating, 
minimalist style, green and white colors, professional, 
calm mood, consistent with brand, high quality, 4K, 
trending on dribbble
```

### Asset Type 5: Brand Texture

**Purpose**: Textured background element

**Prompt Template**:
```
Brand texture design, [texture type], [color palette], 
subtle, professional, seamless, scalable, [mood], 
high quality, 4K, vector-like
```

**Example**:
```
Brand texture design, geometric texture, blue tones, 
subtle, professional, seamless, scalable, modern mood, 
high quality, 4K, vector-like
```

## Style Options

### Style 1: Minimalist
```
"Minimalist design, simple shapes, clean lines, 
lots of white space, modern, professional"
```

### Style 2: Geometric
```
"Geometric design, geometric shapes, clean lines, 
modern, professional, symmetrical"
```

### Style 3: Organic
```
"Organic design, flowing shapes, natural forms, 
smooth curves, modern, professional"
```

### Style 4: Illustrative
```
"Illustrative design, artistic style, detailed, 
expressive, professional, modern"
```

### Style 5: Abstract
```
"Abstract design, abstract shapes, conceptual, 
modern, professional, artistic"
```

## Color Palette Application

### Primary Color Usage
```
"Use [primary color] for main elements, 
[secondary color] for accents, 
[accent color] for highlights"
```

### Monochromatic Approach
```
"Monochromatic design using [primary color], 
varying shades for depth and hierarchy"
```

### Complementary Colors
```
"Complementary color scheme with [color1] and [color2], 
professional, balanced, eye-catching"
```

## Complete Brand Asset Prompts

### Professional Logo
```
Professional logo design for [brand name], [style], 
[color palette], minimalist, scalable, modern, professional, 
vector-like, clean design, 4K, trending on behance, 
suitable for all applications
```

### Icon Set
```
Professional icon set, [number] icons, [style], 
[color palette], consistent design, professional, 
scalable, modern, vector-like, high quality, 4K, 
suitable for UI/UX design
```

### Brand Pattern
```
Seamless brand pattern, [pattern type], [color palette], 
professional design, modern, scalable, vector-like, 
high quality, 4K, suitable for backgrounds and textures
```

### Brand Illustration
```
Custom brand illustration, [subject], [style], 
[color palette], professional, [mood], consistent with brand, 
high quality, 4K, trending on dribbble, unique and memorable
```

### Brand Texture
```
Professional brand texture, [texture type], [color palette], 
subtle, professional, seamless, scalable, modern, 
high quality, 4K, suitable for backgrounds and overlays
```

## Brand Guidelines for Assets

Create a brand asset guide:

```
BRAND ASSET GUIDELINES

1. LOGO
   - Primary Logo: [Description]
   - Logo Variations: [List variations]
   - Minimum Size: [Size]
   - Clear Space: [Specification]
   - Color Variations: [Colors]

2. ICON SET
   - Style: [Style]
   - Size: [Sizes]
   - Stroke Weight: [Weight]
   - Color Usage: [Colors]

3. COLOR PALETTE
   - Primary: [Color + Hex]
   - Secondary: [Color + Hex]
   - Accents: [Colors + Hex]
   - Usage Rules: [Rules]

4. TYPOGRAPHY
   - Headline Font: [Font]
   - Body Font: [Font]
   - Sizes: [Sizes]

5. PATTERNS & TEXTURES
   - Primary Pattern: [Description]
   - Secondary Texture: [Description]
   - Usage: [Where used]

6. CONSISTENCY RULES
   - Must Always: [Requirements]
   - Never Include: [Prohibitions]
   - Quality Standards: [Standards]
```

## How to Use This Skill

1. **Define Your Brand** — What's your brand identity?
2. **Choose Asset Type** — What asset do you need?
3. **Select Your Style** — Which style matches your brand?
4. **Define Colors** — Use your Creative Strategist palette
5. **Build Your Prompt** — Combine all elements
6. **Generate Asset** — Use Image Generation skill
7. **Refine** — Iterate based on results
8. **Document** — Add to brand guidelines

## Integration with Other Skills

Brand Asset works with:
- **Creative Strategist** — Your style guide informs assets
- **Image Generation** — Uses FAL.ai to create assets
- **Social Graphics** — Assets used in social content
- **Product Photography** — Assets used in product context

## Asset Specifications

### Logo Specifications
- **Formats**: PNG, SVG, PDF
- **Sizes**: 16px to 512px
- **Colors**: Full color, monochrome, white
- **Backgrounds**: Transparent, white, colored

### Icon Specifications
- **Size**: 16px, 24px, 32px, 48px, 64px
- **Style**: Consistent across set
- **Stroke Weight**: Consistent
- **Color**: Full color or monochrome

### Pattern Specifications
- **Size**: 512x512 or larger
- **Seamless**: Tiles without visible seams
- **Resolution**: 4K or higher
- **Format**: PNG or SVG

## Pro Tips

**Consistency**: All assets should feel cohesive  
**Scalability**: Assets should work at all sizes  
**Versatility**: Assets should work in multiple contexts  
**Simplicity**: Simpler designs are more memorable  
**Testing**: Test assets in real contexts  
**Documentation**: Document all assets in brand guide  
**Updates**: Keep brand assets current and refreshed

## Common Pitfalls

**Inconsistent Style** — All assets should match brand  
**Poor Scalability** — Assets must work at all sizes  
**Weak Design** — Design should be memorable and distinctive  
**Color Mismatch** — Use your Creative Strategist palette  
**Overcomplication** — Simpler is usually better  
**Low Quality** — Use high resolution and professional design  
**Missing Documentation** — Document all assets

## Troubleshooting

### Logo Doesn't Look Professional
- Simplify the design
- Improve spacing and proportions
- Use professional color palette
- Add "professional," "modern," "premium" to prompt

### Icon Set Looks Inconsistent
- Specify "consistent design" in prompt
- Use same stroke weight
- Use same style throughout
- Reference same style for all icons

### Pattern Doesn't Tile Seamlessly
- Specify "seamless" in prompt
- Request "repeating pattern"
- Ensure edges align
- Test tiling before use

### Colors Don't Match Brand
- Reference specific color names
- Use hex codes if available
- Reference your Creative Strategist palette
- Test in brand context

## Next Steps

Once you've created brand assets, move to Skill 07: Talking Head to create presenter content.

Overview

This skill generates branded visual elements to reinforce and scale your brand identity. It produces logos, icon sets, patterns, illustrations, and textures tailored to a chosen style, color palette, and usage context. Use it to create consistent, production-ready assets and a simple brand asset guide.

How this skill works

Provide a concise brand identity (name, core colors, mood, and preferred style) and select the asset type you need. The skill builds targeted image-generation prompts for logos, icons, patterns, illustrations, or textures, then iterates and refines outputs until they match scale and format specifications. Outputs include guidance for file formats, sizes, and inclusion in a brand asset guideline.

When to use it

  • Launching a new brand or product that needs a primary logo and supporting visuals
  • Creating a consistent icon set and UI graphics for a SaaS or mobile app
  • Designing repeatable brand patterns or textures for backgrounds and packaging
  • Producing custom illustrations that match your brand voice
  • Documenting assets into a concise brand asset guide for teams

Best practices

  • Start with a clear brand brief: personality, core colors, and target use cases
  • Choose a single style family (minimalist, geometric, organic, etc.) and apply it across all assets
  • Specify hex codes and exact sizing to avoid color and scale mismatch
  • Prioritize vector-like, scalable outputs (SVG/PDF) for logos and patterns
  • Test assets in real contexts (app UI, merch, social) and iterate

Example use cases

  • Generate a minimalist, scalable logo for a tech startup with blue/white palette
  • Create a 6-icon set in a consistent stroke weight for product UI
  • Design a seamless geometric pattern for website backgrounds and packaging
  • Produce a calm, branded illustration for a wellness landing page
  • Build a subtle textured background for presentation slides and overlays

FAQ

What file formats and sizes are provided?

Recommended outputs include SVG/PDF for vectors and PNG for raster needs; sizes should range from 16px icons to 4K pattern assets as specified.

How do I ensure color accuracy?

Provide exact hex codes and reference the Creative Strategist palette; request monochrome and full-color variants for validation.