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