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

1. Navigate to Brand DNA → Brand Kit

2. View all extracted visual assets organized by type

3. 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):

1. Go to Brand DNA → Brand Kit

2. Click Re-run Setup

3. 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