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