| 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
