---
name: theme-factory
description: Generate and apply cohesive visual themes (color palettes and font pairings) to any artifact — slides, documents, HTML pages, dashboards, or marketing materials. Use when user wants consistent branding, needs a color scheme, asks for styling/theming, or wants to apply a visual identity to content.
triggers:
  - apply a theme
  - generate a color palette
  - style this with a theme
  - make this look professional
  - brand this
  - pick colors for
  - font pairing
---

# Theme Factory

Generate complete visual themes with color palettes and font pairings, then apply them consistently to any artifact.

## When to Use

Trigger when user wants to:
- Apply consistent styling to slides, documents, or web pages
- Generate a color palette from a description or mood
- Find font pairings for a project
- Brand content with a specific visual identity
- Restyle existing content with a new look

## Pre-Set Themes

Ten ready-to-use themes are available:

| Theme | Colors | Mood | Best For |
|-------|--------|------|----------|
| Ocean Depths | Navy, teal, seafoam, white | Professional, calming | Corporate, finance |
| Sunset Boulevard | Coral, amber, warm pink, cream | Warm, vibrant | Creative, lifestyle |
| Forest Canopy | Deep green, moss, bark brown, cream | Natural, grounded | Sustainability, wellness |
| Modern Minimalist | Charcoal, white, light gray, black | Clean, contemporary | Tech, SaaS |
| Golden Hour | Rich gold, burnt orange, deep brown, ivory | Rich, autumnal | Luxury, food |
| Arctic Frost | Ice blue, silver, white, pale gray | Cool, crisp | Healthcare, science |
| Desert Rose | Dusty pink, terracotta, sand, sage | Soft, sophisticated | Fashion, beauty |
| Tech Innovation | Electric blue, dark navy, neon cyan, white | Bold, modern | Startups, AI |
| Botanical Garden | Leaf green, lavender, soft yellow, white | Fresh, organic | Education, lifestyle |
| Midnight Galaxy | Deep purple, midnight blue, silver, white | Dramatic, cosmic | Entertainment, gaming |

## Theme Generation Process

### If user picks a pre-set theme:

Apply the following structure:

```
Primary: [dominant background/text color]
Secondary: [supporting color for sections/cards]
Accent: [highlight color for CTAs, links, emphasis]
Neutral: [text/border/subtle elements]
Background: [page/slide background]

Heading Font: [display font with character]
Body Font: [readable, complementary font]
```

### If user wants a custom theme:

1. Ask about the mood, audience, and context
2. Generate a palette using color theory (complementary, analogous, triadic, or split-complementary)
3. Select font pairings that match the energy
4. Present the theme for approval
5. Apply once confirmed

## Application Rules

When applying a theme to any artifact:

- Use the primary color for headings and key elements
- Use the accent color sparingly for CTAs, links, and emphasis only
- Maintain proper contrast ratios (4.5:1 minimum for text)
- Apply heading font to all titles and section headers
- Apply body font to all paragraph text
- Use the neutral color for borders, dividers, and secondary text
- Background color for page/slide backgrounds
- Never use more than 3-4 colors on a single page/slide

## Font Pairing Principles

Strong pairings create contrast through:
- Serif heading + Sans-serif body (classic)
- Display/decorative heading + Clean body (modern)
- Geometric heading + Humanist body (tech-friendly)
- Slab serif heading + Light sans body (editorial)

Always specify fallback fonts. Load from Google Fonts when building web content.

## Output

When generating a theme, deliver:
1. Complete color palette with hex codes
2. Font pairing with specific weights
3. Usage guidelines (what goes where)
4. A quick visual preview (HTML snippet or applied example)