> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify.com/anthropics/skills/llms.txt
> Use this file to discover all available pages before exploring further.

# Theme Factory

> Toolkit for styling artifacts with professionally designed themes

Apply consistent, professional styling to presentations, documents, reports, HTML landing pages, and other artifacts using curated themes with carefully selected color palettes and font pairings.

## Overview

The Theme Factory provides:

* 10 pre-set professional themes
* Carefully selected color palettes with hex codes
* Complementary font pairings for headers and body text
* Distinct visual identities for different contexts and audiences
* Ability to generate custom themes on-the-fly

<Note>
  Each theme includes a cohesive color palette and font pairing designed for professional presentation.
</Note>

## Available Themes

The Theme Factory includes 10 curated themes showcased in `theme-showcase.pdf`:

<Accordion title="1. Ocean Depths">
  Professional and calming maritime theme with deep blues and ocean-inspired tones.
</Accordion>

<Accordion title="2. Sunset Boulevard">
  Warm and vibrant sunset colors featuring oranges, pinks, and golden hues.
</Accordion>

<Accordion title="3. Forest Canopy">
  Natural and grounded earth tones with greens, browns, and organic colors.
</Accordion>

<Accordion title="4. Modern Minimalist">
  Clean and contemporary grayscale palette for sleek, professional designs.
</Accordion>

<Accordion title="5. Golden Hour">
  Rich and warm autumnal palette with golds, ambers, and warm neutrals.
</Accordion>

<Accordion title="6. Arctic Frost">
  Cool and crisp winter-inspired theme with icy blues and clean whites.
</Accordion>

<Accordion title="7. Desert Rose">
  Soft and sophisticated dusty tones with muted pinks, terracottas, and sand colors.
</Accordion>

<Accordion title="8. Tech Innovation">
  Bold and modern tech aesthetic with electric blues and contemporary accents.
</Accordion>

<Accordion title="9. Botanical Garden">
  Fresh and organic garden colors with vibrant greens and natural accents.
</Accordion>

<Accordion title="10. Midnight Galaxy">
  Dramatic and cosmic deep tones with dark purples, blues, and starry accents.
</Accordion>

## Usage Workflow

### Step 1: Show Theme Showcase

Display the `theme-showcase.pdf` file to allow users to see all available themes visually.

<Note>
  Do not make any modifications to the showcase file - simply show it for viewing.
</Note>

### Step 2: Ask for Choice

Ask which theme to apply to the deck or artifact.

### Step 3: Wait for Selection

Get explicit confirmation about the chosen theme before proceeding.

### Step 4: Apply the Theme

Once a theme has been chosen, apply the selected theme's colors and fonts to the deck/artifact.

<Tip>
  Always wait for explicit theme selection before applying - don't assume which theme the user wants.
</Tip>

## Theme Details

Each theme is defined in the `themes/` directory with complete specifications:

* **Cohesive color palette** with hex codes
* **Complementary font pairings** for headers and body text
* **Distinct visual identity** suitable for different contexts and audiences
* **Usage guidelines** for optimal application

## Application Process

After a preferred theme is selected:

1. **Read the theme file** from the `themes/` directory
2. **Apply colors consistently** throughout the deck/artifact
3. **Apply font pairings** for headers and body text
4. **Ensure proper contrast** and readability
5. **Maintain visual identity** across all slides/pages

<Accordion title="Application Best Practices">
  * Use theme colors for backgrounds, accents, and text
  * Apply header font to titles and major headings
  * Apply body font to paragraphs and content text
  * Maintain sufficient contrast for readability
  * Keep the theme's visual identity cohesive throughout
  * Don't mix themes - commit to one theme per artifact
</Accordion>

## Creating Custom Themes

<Note>
  When none of the existing themes work for an artifact, create a custom theme.
</Note>

### Custom Theme Process

1. **Gather requirements** - Based on provided inputs about the artifact's purpose, audience, and tone
2. **Generate theme** - Create a new theme similar to existing ones with:
   * Descriptive name representing the color/font combinations
   * Cohesive color palette (5-7 colors with hex codes)
   * Complementary font pairing (header + body fonts)
   * Visual identity description
3. **Show for review** - Present the custom theme for verification
4. **Apply theme** - Once approved, apply as described above

<Accordion title="Custom Theme Structure">
  A custom theme should include:

  **Theme Name**: Descriptive 2-3 word name

  **Color Palette**:

  * Primary color (hex code)
  * Secondary color (hex code)
  * Accent color (hex code)
  * Background color (hex code)
  * Text color (hex code)
  * Additional colors as needed (hex codes)

  **Font Pairing**:

  * Header/Display font
  * Body/Content font

  **Identity**: Brief description of the theme's character and ideal use cases
</Accordion>

## Theme Customization Guidelines

### Choosing Appropriate Themes

Consider the artifact's:

* **Purpose** - Presentation, report, landing page, document?
* **Audience** - Corporate, creative, academic, general?
* **Tone** - Professional, playful, serious, innovative?
* **Context** - Industry, setting, formality level?

<Tip>
  Different themes suit different contexts:

  * **Ocean Depths, Modern Minimalist** - Corporate presentations
  * **Sunset Boulevard, Golden Hour** - Creative pitches
  * **Forest Canopy, Botanical Garden** - Environmental/sustainability topics
  * **Tech Innovation, Midnight Galaxy** - Technology/innovation content
  * **Arctic Frost, Desert Rose** - Sophisticated, refined presentations
</Tip>

### Ensuring Consistency

Once a theme is applied:

* All slides/pages should use the theme's colors
* Typography should follow the font pairing throughout
* Visual elements should align with the theme's identity
* Maintain consistency from start to finish

## Integration with Other Skills

Theme Factory works well with:

* Presentation slide decks
* Document creation
* Report generation
* HTML landing pages
* Any artifact requiring professional styling

<Note>
  Apply themes after content is created but before final delivery to ensure cohesive styling.
</Note>

## Resources

### Theme Files

All theme definitions are stored in the `themes/` directory:

* Read theme files to get exact color codes and fonts
* Each theme file contains complete specifications
* Use as reference during application

### Theme Showcase

The `theme-showcase.pdf` provides:

* Visual representation of all 10 themes
* Color palette examples
* Font pairing demonstrations
* Quick reference for theme selection

<Tip>
  Always show the theme showcase when helping users choose a theme - visual preview helps with decision-making.
</Tip>

## Best Practices

1. **Show before applying** - Always display theme-showcase.pdf first
2. **Get explicit confirmation** - Don't assume which theme to use
3. **Apply consistently** - Use all aspects of the theme (colors + fonts)
4. **Check contrast** - Ensure readability with chosen color combinations
5. **Maintain identity** - Keep the theme's character throughout the artifact
6. **Consider context** - Match theme to artifact's purpose and audience
7. **Custom when needed** - Create new themes if existing ones don't fit

## Example Application Flow

```
User: "I need to style my presentation"
↓
Show theme-showcase.pdf
↓
User selects: "Ocean Depths"
↓
Read themes/ocean-depths.md
↓
Apply colors and fonts to presentation
↓
Ensure consistency across all slides
↓
Verify contrast and readability
```

<Note>
  The goal is to provide professional, cohesive styling that enhances the artifact without overwhelming the content.
</Note>