Theme Factory
A fully self-contained theme system. All theme specifications live in this
file; there are no external PDFs, images, or theme directories to read.
Workflow
- If the user already named a theme (or their request clearly implies
one), skip selection and apply it directly.
- If the user needs to choose, present the options. Prefer generating a
live preview (see Generating a Preview below) over describing themes in
text. Ask which theme to apply and wait for confirmation.
- Apply the theme using the specs below, following the Application
Rules.
- If nothing fits, create a custom theme (see Custom Themes).
Theme Specifications
Each palette lists color name, hex, and role. Fonts are given as
Header / Body. All fonts are system fonts (DejaVu, FreeSans/FreeSerif
families) bundled in document-generation environments, so slide decks,
Word docs, and PDFs render correctly without downloading fonts.
Dark themes (dark background, light text): Ocean Depths, Tech
Innovation, Midnight Galaxy. All others are light themes.
| # |
Theme |
Palette |
Fonts (Header / Body) |
Best Used For |
| 1 |
Ocean Depths (dark) |
Deep Navy #1a2332 bg · Teal #2d8b8b accent · Seafoam #a8dadc light accent · Cream #f1faee text |
DejaVu Sans Bold / DejaVu Sans |
Corporate presentations, financial reports, consulting decks, trust-building content |
| 2 |
Sunset Boulevard |
Burnt Orange #e76f51 primary accent · Coral #f4a261 secondary accent · Warm Sand #e9c46a highlights/bg · Deep Purple #264653 dark contrast/text |
DejaVu Serif Bold / DejaVu Sans |
Creative pitches, marketing, lifestyle brands, event promos, inspirational content |
| 3 |
Forest Canopy |
Forest Green #2d4a2b primary · Sage #7d8471 muted accent · Olive #a4ac86 light accent · Ivory #faf9f6 bg/text |
FreeSerif Bold / FreeSans |
Environmental and sustainability content, outdoor brands, wellness, organic products |
| 4 |
Modern Minimalist |
Charcoal #36454f primary · Slate Gray #708090 accent · Light Gray #d3d3d3 bg/dividers · White #ffffff text/bg |
DejaVu Sans Bold / DejaVu Sans |
Tech presentations, architecture portfolios, design showcases, data visualization |
| 5 |
Golden Hour |
Mustard #f4a900 bold accent · Terracotta #c1666b warm secondary · Warm Beige #d4b896 neutral bg · Chocolate #4a403a text/anchors |
FreeSans Bold / FreeSans |
Restaurants, hospitality, fall campaigns, cozy lifestyle, artisan products |
| 6 |
Arctic Frost |
Ice Blue #d4e4f7 light bg/highlights · Steel Blue #4a6fa5 primary accent · Silver #c0c0c0 metallic accents · Crisp White #fafafa bg/text |
DejaVu Sans Bold / DejaVu Sans |
Healthcare, technology solutions, winter sports, clean tech, pharma |
| 7 |
Desert Rose |
Dusty Rose #d4a5a5 soft primary · Clay #b87d6d earthy accent · Sand #e8d5c4 warm neutral bg · Deep Burgundy #5d2e46 rich dark contrast |
FreeSans Bold / FreeSans |
Fashion, beauty brands, weddings, interior design, boutique businesses |
| 8 |
Tech Innovation (dark) |
Electric Blue #0066ff vibrant accent · Neon Cyan #00ffff bright highlight · Dark Gray #1e1e1e bg · White #ffffff text/contrast |
DejaVu Sans Bold / DejaVu Sans |
Tech startups, software launches, AI/ML, innovation showcases, digital transformation |
| 9 |
Botanical Garden |
Fern Green #4a7c59 rich natural primary · Marigold #f9a620 bright floral accent · Terracotta #b7472a earthy warm tone · Cream #f5f3ed soft neutral bg |
DejaVu Serif Bold / DejaVu Sans |
Garden centers, food, farm-to-table, botanical brands, natural products |
| 10 |
Midnight Galaxy (dark) |
Deep Purple #2b1e3e dark base/bg · Cosmic Blue #4a4e8f mystical mid-tone · Lavender #a490c2 soft accent · Silver #e6e6fa highlights/text |
FreeSans Bold / FreeSans |
Entertainment, gaming, nightlife venues, luxury brands, creative agencies |
Application Rules
- Respect each color's stated role: background colors stay as surfaces,
accents stay as accents. Distribute roughly 60% dominant surface / 30%
secondary / 10% accent.
- On dark themes, all body text uses the theme's light color; never place
dark palette colors as text on the dark background.
- Verify WCAG 2.1 AA contrast (4.5:1 body text, 3:1 large text). If a
combination fails, darken/lighten the foreground rather than swapping
roles. Note: Neon Cyan (
#00ffff) and Silver tones are highlight-only,
too low-contrast for body text on light surfaces.
- Header font for headings and display text only; body font for everything
else, including tables, captions, and labels.
- Apply the theme consistently across the entire artifact: every slide,
page, or section. Derive tints/shades of the palette for charts and
tables rather than introducing new hues.
- For slide decks and HTML, define the palette once as variables (CSS
custom properties or a theme constant) and reference the variables
everywhere.
- For HTML artifacts rendered in a browser, use web-safe equivalents:
DejaVu Sans →
Verdana, 'DejaVu Sans', sans-serif; DejaVu Serif /
FreeSerif → Georgia, 'DejaVu Serif', serif; FreeSans →
Helvetica, Arial, sans-serif.
Generating a Preview
When the user needs to see options before choosing, generate a single HTML
artifact showing swatch cards: one card per candidate theme (all 10, or a
shortlist filtered by the user's context, using the "Best Used For" column).
Each card shows:
- Theme name set in its header font, on its background color
- A one-line sample sentence in its body font and text color
- Four color chips with name and hex labels
Keep it lightweight: plain HTML/CSS with the web-safe font stacks above,
no JS frameworks, no external assets. This replaces any static showcase
file; generate it fresh, on demand, only when selection is actually needed.
Custom Themes
If no built-in theme fits:
- Gather intent: mood, audience, industry, any brand colors, light vs dark.
- Compose a theme in the same format as the table above: four colors with
named roles, a header/body font pairing from the bundled font families,
and a "best used for" line.
- Name it in the same style (two evocative words describing the palette).
- Show a preview card (same format as above) for confirmation, then apply.
- If the user likes it, offer to add it to this file's table so it becomes
a permanent part of the theme library.
1---2name: theme-factory3description: Apply professional font and color themes to any artifact: slide decks, documents, reports, HTML pages, dashboards, or diagrams. Use PROACTIVELY whenever the user asks for styling, theming, branding, color palettes, font pairings, or wants an artifact to "look better" or "more professional", even if they don't say the word "theme". Contains 10 complete built-in themes plus a workflow for generating custom ones.4---56# Theme Factory78A fully self-contained theme system. All theme specifications live in this9file; there are no external PDFs, images, or theme directories to read.1011## Workflow12131. **If the user already named a theme** (or their request clearly implies14 one), skip selection and apply it directly.152. **If the user needs to choose**, present the options. Prefer generating a16 live preview (see *Generating a Preview* below) over describing themes in17 text. Ask which theme to apply and wait for confirmation.183. **Apply the theme** using the specs below, following the *Application19 Rules*.204. **If nothing fits**, create a custom theme (see *Custom Themes*).2122## Theme Specifications2324Each palette lists color name, hex, and role. Fonts are given as25Header / Body. All fonts are system fonts (DejaVu, FreeSans/FreeSerif26families) bundled in document-generation environments, so slide decks,27Word docs, and PDFs render correctly without downloading fonts.2829**Dark themes** (dark background, light text): Ocean Depths, Tech30Innovation, Midnight Galaxy. All others are light themes.3132| # | Theme | Palette | Fonts (Header / Body) | Best Used For |33|---|-------|---------|----------------------|---------------|34| 1 | **Ocean Depths** *(dark)* | Deep Navy `#1a2332` bg · Teal `#2d8b8b` accent · Seafoam `#a8dadc` light accent · Cream `#f1faee` text | DejaVu Sans Bold / DejaVu Sans | Corporate presentations, financial reports, consulting decks, trust-building content |35| 2 | **Sunset Boulevard** | Burnt Orange `#e76f51` primary accent · Coral `#f4a261` secondary accent · Warm Sand `#e9c46a` highlights/bg · Deep Purple `#264653` dark contrast/text | DejaVu Serif Bold / DejaVu Sans | Creative pitches, marketing, lifestyle brands, event promos, inspirational content |36| 3 | **Forest Canopy** | Forest Green `#2d4a2b` primary · Sage `#7d8471` muted accent · Olive `#a4ac86` light accent · Ivory `#faf9f6` bg/text | FreeSerif Bold / FreeSans | Environmental and sustainability content, outdoor brands, wellness, organic products |37| 4 | **Modern Minimalist** | Charcoal `#36454f` primary · Slate Gray `#708090` accent · Light Gray `#d3d3d3` bg/dividers · White `#ffffff` text/bg | DejaVu Sans Bold / DejaVu Sans | Tech presentations, architecture portfolios, design showcases, data visualization |38| 5 | **Golden Hour** | Mustard `#f4a900` bold accent · Terracotta `#c1666b` warm secondary · Warm Beige `#d4b896` neutral bg · Chocolate `#4a403a` text/anchors | FreeSans Bold / FreeSans | Restaurants, hospitality, fall campaigns, cozy lifestyle, artisan products |39| 6 | **Arctic Frost** | Ice Blue `#d4e4f7` light bg/highlights · Steel Blue `#4a6fa5` primary accent · Silver `#c0c0c0` metallic accents · Crisp White `#fafafa` bg/text | DejaVu Sans Bold / DejaVu Sans | Healthcare, technology solutions, winter sports, clean tech, pharma |40| 7 | **Desert Rose** | Dusty Rose `#d4a5a5` soft primary · Clay `#b87d6d` earthy accent · Sand `#e8d5c4` warm neutral bg · Deep Burgundy `#5d2e46` rich dark contrast | FreeSans Bold / FreeSans | Fashion, beauty brands, weddings, interior design, boutique businesses |41| 8 | **Tech Innovation** *(dark)* | Electric Blue `#0066ff` vibrant accent · Neon Cyan `#00ffff` bright highlight · Dark Gray `#1e1e1e` bg · White `#ffffff` text/contrast | DejaVu Sans Bold / DejaVu Sans | Tech startups, software launches, AI/ML, innovation showcases, digital transformation |42| 9 | **Botanical Garden** | Fern Green `#4a7c59` rich natural primary · Marigold `#f9a620` bright floral accent · Terracotta `#b7472a` earthy warm tone · Cream `#f5f3ed` soft neutral bg | DejaVu Serif Bold / DejaVu Sans | Garden centers, food, farm-to-table, botanical brands, natural products |43| 10 | **Midnight Galaxy** *(dark)* | Deep Purple `#2b1e3e` dark base/bg · Cosmic Blue `#4a4e8f` mystical mid-tone · Lavender `#a490c2` soft accent · Silver `#e6e6fa` highlights/text | FreeSans Bold / FreeSans | Entertainment, gaming, nightlife venues, luxury brands, creative agencies |4445## Application Rules46471. Respect each color's stated role: background colors stay as surfaces,48 accents stay as accents. Distribute roughly 60% dominant surface / 30%49 secondary / 10% accent.502. On dark themes, all body text uses the theme's light color; never place51 dark palette colors as text on the dark background.523. Verify WCAG 2.1 AA contrast (4.5:1 body text, 3:1 large text). If a53 combination fails, darken/lighten the foreground rather than swapping54 roles. Note: Neon Cyan (`#00ffff`) and Silver tones are highlight-only,55 too low-contrast for body text on light surfaces.564. Header font for headings and display text only; body font for everything57 else, including tables, captions, and labels.585. Apply the theme consistently across the entire artifact: every slide,59 page, or section. Derive tints/shades of the palette for charts and60 tables rather than introducing new hues.616. For slide decks and HTML, define the palette once as variables (CSS62 custom properties or a theme constant) and reference the variables63 everywhere.647. For HTML artifacts rendered in a browser, use web-safe equivalents:65 DejaVu Sans → `Verdana, 'DejaVu Sans', sans-serif`; DejaVu Serif /66 FreeSerif → `Georgia, 'DejaVu Serif', serif`; FreeSans →67 `Helvetica, Arial, sans-serif`.6869## Generating a Preview7071When the user needs to see options before choosing, generate a single HTML72artifact showing swatch cards: one card per candidate theme (all 10, or a73shortlist filtered by the user's context, using the "Best Used For" column).74Each card shows:7576- Theme name set in its header font, on its background color77- A one-line sample sentence in its body font and text color78- Four color chips with name and hex labels7980Keep it lightweight: plain HTML/CSS with the web-safe font stacks above,81no JS frameworks, no external assets. This replaces any static showcase82file; generate it fresh, on demand, only when selection is actually needed.8384## Custom Themes8586If no built-in theme fits:87881. Gather intent: mood, audience, industry, any brand colors, light vs dark.892. Compose a theme in the same format as the table above: four colors with90 named roles, a header/body font pairing from the bundled font families,91 and a "best used for" line.923. Name it in the same style (two evocative words describing the palette).934. Show a preview card (same format as above) for confirmation, then apply.945. If the user likes it, offer to add it to this file's table so it becomes95 a permanent part of the theme library.
brenordv