name: theme-factory description: Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reports, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact, or generate a new theme on-the-fly.

Theme Factory

A curated collection of professional font and color themes for consistent styling across various artifact types.

Available Themes

1. Ocean Depths

Primary: #1a365d (Deep Navy)
Secondary: #2b6cb0 (Ocean Blue)
Accent: #63b3ed (Sky Blue)
Background: #ebf8ff (Pale Blue)
Headers: Montserrat
Body: Open Sans

2. Sunset Boulevard

Primary: #744210 (Burnt Orange)
Secondary: #dd6b20 (Sunset Orange)
Accent: #fbd38d (Warm Yellow)
Background: #fffaf0 (Cream)
Headers: Playfair Display
Body: Lato

3. Forest Canopy

Primary: #22543d (Forest Green)
Secondary: #38a169 (Leaf Green)
Accent: #9ae6b4 (Mint)
Background: #f0fff4 (Pale Green)
Headers: Merriweather
Body: Source Sans Pro

4. Modern Minimalist

Primary: #1a202c (Charcoal)
Secondary: #4a5568 (Slate)
Accent: #e53e3e (Red Pop)
Background: #ffffff (White)
Headers: Inter
Body: Inter

5. Golden Hour

Primary: #7b341e (Terracotta)
Secondary: #c05621 (Amber)
Accent: #f6e05e (Gold)
Background: #fffff0 (Ivory)
Headers: Abril Fatface
Body: Nunito

6. Arctic Frost

Primary: #2c5282 (Ice Blue)
Secondary: #90cdf4 (Frost)
Accent: #bee3f8 (Snow Blue)
Background: #f7fafc (Ice White)
Headers: Raleway
Body: Roboto

7. Desert Rose

Primary: #702459 (Deep Rose)
Secondary: #d53f8c (Rose Pink)
Accent: #fbb6ce (Blush)
Background: #fff5f7 (Rose White)
Headers: Cormorant Garamond
Body: Poppins

8. Tech Innovation

Primary: #0d1117 (Tech Black)
Secondary: #238636 (Matrix Green)
Accent: #58a6ff (Electric Blue)
Background: #161b22 (Dark Gray)
Headers: JetBrains Mono
Body: SF Pro Text / Inter

9. Botanical Garden

Primary: #276749 (Sage)
Secondary: #68d391 (Spring Green)
Accent: #f6ad55 (Marigold)
Background: #faf5f0 (Natural)
Headers: Libre Baskerville
Body: Work Sans

10. Midnight Galaxy

Primary: #1a1a2e (Space Black)
Secondary: #4a0e82 (Nebula Purple)
Accent: #ff6b6b (Star Red)
Background: #16213e (Deep Space)
Headers: Orbitron
Body: Exo 2

How to Use

1. View Theme Showcase

Review the themes above or ask to see visual examples.

2. Select Theme

Choose a theme that matches your content's tone:

Professional/Corporate: Modern Minimalist, Arctic Frost
Creative/Artistic: Sunset Boulevard, Desert Rose
Tech/Development: Tech Innovation, Midnight Galaxy
Nature/Wellness: Forest Canopy, Botanical Garden, Ocean Depths
Luxury/Premium: Golden Hour

3. Apply Theme

Provide the theme name when creating artifacts. The colors and fonts will be applied consistently throughout.

Custom Theme Creation

For requirements not met by pre-set themes, provide:

Mood/Feeling: What emotion should the design evoke?
Industry: What sector is this for?
Key Colors: Any specific brand colors to incorporate?
Typography Style: Modern, classic, playful, professional?

A custom theme will be generated with:

Primary, secondary, and accent colors
Background color
Header and body font pairings
Contrast ratios for accessibility

Application Guidelines

Contrast Requirements

Body text: minimum 4.5:1 contrast ratio
Large text/headers: minimum 3:1 contrast ratio
Interactive elements: minimum 3:1 contrast ratio

Font Pairing Rules

Headers: Display or serif fonts for impact
Body: Sans-serif for readability
Limit to 2-3 fonts per artifact

Color Usage

Primary: Main headings, key CTAs
Secondary: Subheadings, navigation
Accent: Highlights, links, buttons
Background: Page/section backgrounds

theme-factory

SKILL.md