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