Brand Kit
Brand Kit
Brand Kit automatically extracts and organizes your visual identity - logos, colors, typography, and more - from your website. This visual DNA powers AI image generation and ensures visual consistency across all content.
What Gets Extracted
When you connect a brand/site, Cuppa automatically discovers:
Logos
Multiple logo variants for different use cases:
| Type | Description |
|---|---|
| Primary Logo | Main logo, typically full color |
| Logo Mark | Icon/symbol only (no wordmark) |
| Wordmark | Text-only logo |
| Dark Mode | Logo for dark backgrounds |
| Light Mode | Logo for light backgrounds |
| Favicon | Small icon for browser tabs |
Logos are captured in multiple formats (SVG, PNG) when available.
Color Palette
Your brand colors extracted from:
- Logo colors
- Website CSS variables
- Meta theme colors
- Prominent UI colors
Colors include:
- Primary Color - Main brand color
- Secondary Color - Supporting color
- Accent Color - Highlight/CTA color
- Additional palette colors
Typography
Font families used on your site:
- Primary Font - Main headings/titles
- Secondary Font - Body text/paragraphs
- Font weights and styles
Additional Assets
- Hero Image - Homepage preview screenshot
- Social Profiles - LinkedIn, Twitter, Facebook, Instagram, YouTube links
- Favicon - Browser tab icon
Viewing Your Brand Kit
- Navigate to Brand DNA → Brand Kit
- View all extracted visual assets organized by type
- Click any asset to download or copy
The Brand Kit page displays:
- Logo gallery with all variants
- Color swatches with hex codes
- Typography samples
- Social profile links
How Brand Kit Powers Content
AI Image Generation
When generating images with DALL-E, Flux, or other AI models, your Brand Kit provides:
- Color guidance - Images use your brand palette
- Style direction - Visual mood matches your brand
- Consistency - All generated images feel cohesive
Social Post Visuals
Auto-generated social posts can include AI images that:
- Feature your brand colors
- Match your visual style
- Maintain professional consistency
Mood Board Generation
The premium Mood Board feature uses your Brand Kit to generate gallery-worthy brand visuals automatically during onboarding.
Updating Your Brand Kit
Re-Run Extraction
If your brand has changed (new logo, updated colors):
- Go to Brand DNA → Brand Kit
- Click Re-run Setup
- Wait for extraction to complete (1-2 minutes)
Manual Override
Currently, Brand Kit extraction is automatic. Manual editing of colors and fonts is planned for a future release.
Troubleshooting
”Logos look wrong or missing”
Cause: Some websites use complex JavaScript rendering that makes logo extraction difficult.
Solution: Try the Re-run Setup button. If issues persist, your logos may need to be added manually (feature coming soon).
”Colors don’t match my brand”
Cause: Website may use colors that aren’t your primary brand colors (e.g., white backgrounds, black text).
Solution: Ensure your website’s CSS includes your brand colors prominently. Re-run extraction after making changes.
”No typography detected”
Cause: Fonts may be loaded via JavaScript or use generic fallbacks.
Solution: This doesn’t affect content generation significantly - typography is primarily for display purposes in the Brand Kit view.
Plan Availability
| Feature | Hobby | Power | Business | Agency |
|---|---|---|---|---|
| Brand Kit Extraction | ❌ | ✅ | ✅ | ✅ |
| Multiple Brands | ❌ | ✅ (3) | ✅ (5) | ✅ (Unlimited) |
| AI Image Integration | ❌ | ✅ | ✅ | ✅ |
Related Features
- Mood Board - AI-generated visual inspiration
- Image Generation - Create brand-aligned images
- Brand Research - Deep company intelligence