Theme Factory | Skills Pool
Theme Factory 10 professionally curated color + typography themes for styling presentations, documents, and artifacts. Pick a theme, apply to your work. Themes: Ocean Depths, Sunset Boulevard, Forest Canopy, Modern Minimalist, Golden Hour, Arctic Frost, Desert Rose, Tech Innovation, Botanical Garden, Midnight Galaxy. Trigger on: apply a theme, pick a theme, color theme, professional theme, visual theme, design theme...
heyharmony 0 Sterne 02.04.2026 Beruf Kategorien Kunst & Handwerk Purpose
Starting with a blank canvas can be paralyzing. This skill solves that by offering 10 professionally designed themes—each with a carefully chosen color palette, font pairing, and visual identity. Pick a theme that matches your industry and tone, apply it to your artifact (presentation, document, report, dashboard), and you instantly have cohesive, polished styling. For teams without a formal brand guide, themes are an immediate way to elevate visual quality. For established brands, themes offer inspiration or quick options for one-off projects.
When to Use
Creating a presentation or deck when you don't have brand guidelines
Styling a one-off report, proposal, or document that needs to look professional
Building a template or recurring artifact and needing a consistent visual foundation
Pitching to investors or new customers and wanting a polished, trustworthy look
Designing a dashboard or data visualization with color-coded status/categories
Creating an internal communication that stands out and feels intentional
Choosing a theme for a team or department that operates semi-independently
Exploring design inspiration if you're defining brand guidelines from scratch
Schnellinstallation
Theme Factory npx skills add heyharmony/skills
Sterne 0
Aktualisiert 02.04.2026
Beruf
Instructions
1. Browse the 10 Themes and Choose One Review the themes below. Consider your industry, audience, and the message you want to convey:
Formal/Trustworthy: Ocean Depths, Arctic Frost, Modern MinimalistWarm/Creative: Sunset Boulevard, Golden Hour, Desert Rose, Botanical GardenTechnical/Innovative: Tech Innovation, Midnight GalaxyNatural/Balanced: Forest Canopy, Botanical Garden Which theme resonates? Read the description and visual identity to pick.
2. Understand Your Theme's DNA
Primary Color (hex code): Use for main CTAs, headers, brand emphasisSecondary Color (hex code): Use for supporting elements, section dividersAccent Color (hex code): Use sparingly for alerts, highlights, data emphasisNeutral Light (hex code): Background, light text areasNeutral Dark (hex code): Body text, strong contrastSupporting Palette (2-3 hex codes): Additional colors for data, charts, varietyHeading Font: Font name, family (serif/sans), best weightsBody Font: Font name, family, standard weightsVisual Identity: Design style, imagery approach, overall vibe
3. Prep Your Artifact
Presentation/Deck: Slides, title slide layout, section breaksDocument/Report: Multi-page layout, headers, footers, sectionsDashboard: Cards, data visualizations, metric displaysSingle-Page: Proposal, flyer, or one-pager Gather your content (text, data, images) before styling. You'll apply the theme as you go.
4. Apply Colors Consistently Start with structure, then layer in colors:
Background: Use Neutral Light as your baseHeaders (H1, H2, H3): Primary Color for H1/H2, Secondary Color for H3Body Text: Neutral DarkCTAs/Buttons: Primary Color background with Neutral Light textDividers/Accents: Secondary Color (0.5-1px rules between sections)Data/Charts: Use Supporting Palette colors; assign consistent colors to categoriesCallout Boxes: Accent Color border or light Accent Color background with dark text Avoid color chaos: stick to the 5-7 colors in your theme. Don't introduce new colors.
5. Apply Typography
H1 (Title/Main headline): Heading Font, Bold weight, Primary Color, [Size: 36-48pt for decks, 28-36pt for docs]H2 (Section header): Heading Font, SemiBold, Primary Color, [Size: 24-32pt for decks, 18-24pt for docs]H3 (Sub-header): Heading Font, Medium, Secondary Color or Neutral Dark, [Size: 18-24pt for decks, 14-18pt for docs]Body Text: Body Font, Regular, Neutral Dark, [Size: 12-14pt for docs, 18-20pt for slides, readable at distance]Labels/Captions: Body Font, Regular, Secondary Color or light Neutral, [Size: 10-12pt] Test readability: print or view at actual size. Can you read the text comfortably?
6. Use Theme Imagery and Style Apply the theme's visual language:
Photography: Choose images that match the theme's style (e.g., Ocean Depths = seascapes, water imagery; Tech Innovation = modern, minimalist tech imagery)Illustrations: If using icons or illustrations, keep style consistent (e.g., line art, filled shapes, minimalist)Filters/Tone: If theme specifies a mood (e.g., Golden Hour = warm, sunset tones), apply consistent filters or adjust image saturation/temperaturePatterns: Some themes use subtle background patterns or textures; apply sparingly to avoid clutter
7. Lock Down Spacing and Layout Apply consistent spacing:
Margins: 1 inch (docs/reports), 0.5 inch (slides), or [theme-specific]Section spacing: 32-48px (slides), 24-36px (docs)Element spacing: 12-16px between bullets, list items, cardsCard/box padding: 16-20px inside boxes or calloutsGrid: Use an 8px or 12px base grid so all spacing is a multiple Aim for plenty of white space; don't cram content.
8. Review and Iterate Make adjustments. If something feels off, it likely is.
9. Export and Share
Save in your final format (PDF, .pptx, Google Slides, .docx, etc.)
Share with stakeholders
If this becomes a recurring template, save a blank version as a template for future use
Tag it with the theme name (e.g., "Ocean Depths Presentation Template")
10. Now What? After applying a theme to your artifact:
For presentations: Share the file, use in a pitch or all-hands, or save as a reusable templateFor documents/reports: Publish to your wiki, email to stakeholders, or add to your document libraryFor dashboards: Deploy to your monitoring/analytics tool, share the Figma or design file, or embed in reportsFor templates: Share with your team so others can create consistent work using the same theme
Theme Library (10 Professional Themes)
1. Ocean Depths Vibe: Trustworthy, professional, calm, tech-forward
Best for: Fintech, healthcare, SaaS, enterprise software, consulting
Primary: #003D82 (Deep Navy Blue)
Secondary: #0099E5 (Bright Cyan)
Accent: #FF6B35 (Coral Orange)
Neutral Light: #F0F4F8 (Off-White)
Neutral Dark: #1A1A1A (Near Black)
Supporting: #4CAF50 (Success Green), #FFC107 (Warning Yellow), #E53935 (Error Red)
Heading Font: Inter (sans-serif), weights: Bold (700), SemiBold (600)
Body Font: Open Sans (sans-serif), weights: Regular (400), Medium (500)
Photography: Water, ocean, professional corporate, clean architecture, tech products
Imagery Style: Minimalist, modern, high-quality stock photography
Mood: Calm, trustworthy, forward-thinking
Patterns: Subtle gradient overlays (navy to cyan), minimal decorative elements
Bank dashboard: Primary navy for headers, cyan for data highlights, coral for alerts
SaaS pitch deck: Title slide with navy background, cyan accents, white text
Technical documentation: Navy headers, cyan code blocks or callouts, white background
2. Sunset Boulevard Vibe: Warm, creative, approachable, energetic
Best for: Creative agencies, marketing, media, hospitality, lifestyle brands
Primary: #FF6B4A (Warm Coral)
Secondary: #FFB84D (Golden Orange)
Accent: #8B4513 (Deep Brown)
Neutral Light: #FFF9F0 (Warm White)
Neutral Dark: #2C2C2C (Charcoal)
Supporting: #FF1744 (Vibrant Red), #FFD700 (Gold), #A569BD (Purple)
Heading Font: Playfair Display (serif), weights: Bold (700)
Body Font: Lato (sans-serif), weights: Regular (400), Light (300)
Photography: Sunsets, warm-toned lifestyle, people, creativity in action
Imagery Style: Rich color, warmth, emotional connection, vibrant
Mood: Creative, optimistic, welcoming, energetic
Patterns: Gradient overlays (coral to gold), sun motifs, warm textures
Creative agency portfolio: Coral headlines, golden accents, warm photography
Restaurant menu or flyer: Golden primary color, warm imagery, friendly typography
Marketing campaign deck: Vibrant coral, playful secondary colors, lifestyle imagery
3. Forest Canopy Vibe: Natural, sustainable, grounded, approachable
Best for: Environmental companies, nonprofits, wellness, food/agriculture, outdoor brands
Primary: #2D5016 (Deep Forest Green)
Secondary: #6BA537 (Fresh Green)
Accent: #D4A574 (Warm Tan)
Neutral Light: #F5F5F1 (Soft White)
Neutral Dark: #3A3A3A (Dark Gray)
Supporting: #C85A54 (Rust Red), #A0826D (Taupe), #7CB342 (Light Green)
Heading Font: Merriweather (serif), weights: Bold (700), Regular (400)
Body Font: Source Sans Pro (sans-serif), weights: Regular (400), SemiBold (600)
Photography: Nature, trees, plants, outdoor landscapes, sustainability, people in nature
Imagery Style: Organic, natural, warm, grounded, authentic
Mood: Trustworthy, grounded, sustainable, welcoming
Patterns: Leaf patterns, organic shapes, wood textures, subtle gradients
Environmental nonprofit report: Deep green headers, fresh green accents, nature photography
Farm-to-table restaurant brand: Forest green with tan accents, organic imagery
Sustainability initiative presentation: Green palette with authentic nature imagery
4. Modern Minimalist Vibe: Clean, sophisticated, modern, forward-thinking
Best for: Tech startups, design agencies, B2B SaaS, professional services, luxury brands
Primary: #000000 (Pure Black) or #1F1F1F (Off-Black)
Secondary: #CCCCCC (Medium Gray)
Accent: #FF0066 (Hot Pink/Magenta)
Neutral Light: #FFFFFF (Pure White)
Neutral Dark: #333333 (Dark Gray)
Supporting: #00D4FF (Cyan), #00FF88 (Neon Green), #FFD700 (Gold)
Heading Font: Montserrat (sans-serif), weights: Bold (700), SemiBold (600)
Body Font: Helvetica Neue or System Font (sans-serif), weights: Regular (400)
Photography: Minimalist, clean lines, geometric shapes, tech products, abstract
Imagery Style: High contrast, lots of white space, single subjects
Mood: Sophisticated, forward-thinking, professional, cutting-edge
Patterns: Geometric shapes, minimal color, lots of negative space
Tech startup pitch deck: Black background, white text, pink accents, minimal imagery
Design agency portfolio: White background, black text, geometric illustrations
Professional services proposal: Clean layout, lots of white space, high-contrast imagery
5. Golden Hour Vibe: Warm, premium, aspirational, timeless
Best for: Luxury brands, hospitality, events, finance, fashion
Primary: #D4AF37 (Rich Gold)
Secondary: #C0A080 (Champagne)
Accent: #8B0000 (Deep Wine Red)
Neutral Light: #FAF7F2 (Cream)
Neutral Dark: #2F2F2F (Charcoal)
Supporting: #FFD700 (Bright Gold), #CC6600 (Bronze), #8B4513 (Brown)
Heading Font: Cormorant Garamond (serif), weights: SemiBold (600), Bold (700)
Body Font: Raleway (sans-serif), weights: Light (300), Regular (400)
Photography: Luxury, premium products, golden hour lighting, elegant spaces, fine details
Imagery Style: Warm, sophisticated, aspirational, high-end
Mood: Premium, timeless, elegant, luxurious
Patterns: Art deco elements, gold accents, marble textures, subtle gradients
Luxury hotel branding: Gold headers on cream background, elegant photography
Fashion brand presentation: Gold accents, sophisticated typography, high-end imagery
Premium service proposal: Champagne background, gold text, elegant layout
6. Arctic Frost Vibe: Cool, professional, tech-forward, clean
Best for: Tech companies, healthcare, B2B software, data analytics, banking
Primary: #004B7A (Cold Blue)
Secondary: #00A8E8 (Bright Cyan)
Accent: #00D4FF (Ice Blue)
Neutral Light: #F0F8FF (Alice Blue)
Neutral Dark: #0F1419 (Almost Black)
Supporting: #1E90FF (Dodger Blue), #00CED1 (Dark Turquoise), #40E0D0 (Turquoise)
Heading Font: IBM Plex Sans (sans-serif), weights: SemiBold (600), Bold (700)
Body Font: Roboto (sans-serif), weights: Regular (400), Light (300)
Photography: Technology, data, modern architecture, ice/snow, tech products, clean spaces
Imagery Style: Cool tones, minimalist, high contrast, digital
Mood: Professional, technical, innovative, trustworthy
Patterns: Geometric grids, frost/ice patterns, minimal decoration
Data analytics dashboard: Cold blue headers, cyan highlights for key metrics
Tech company all-hands: Bright cyan accents on dark background, modern imagery
Healthcare platform presentation: Cold blue primary, ice blue callouts, clean layout
7. Desert Rose Vibe: Bold, warm, sophisticated, artistic
Best for: Art, design, hospitality, craft brands, cultural organizations, beauty
Primary: #C85A54 (Warm Rose)
Secondary: #D9A99A (Dusty Rose)
Accent: #8B4513 (Saddle Brown)
Neutral Light: #FAF5F0 (Off-White)
Neutral Dark: #3C1F1F (Deep Brown)
Supporting: #F4A460 (Sandy Brown), #DAA520 (Goldenrod), #8B7355 (Burlywood)
Heading Font: Bebas Neue (sans-serif), weights: Regular (400), Bold (700)
Body Font: Poppins (sans-serif), weights: Regular (400), Light (300)
Photography: Desert landscapes, warm tones, artistic details, crafted objects, natural textures
Imagery Style: Warm, earthy, artistic, textured, organic
Mood: Bold, warm, creative, sophisticated
Patterns: Desert motifs, organic shapes, textured backgrounds, warm overlays
Artisan craft brand website: Rose primary color, earthy accents, artistic photography
Gallery or museum presentation: Warm rose headers, neutral background, artful imagery
Beauty brand deck: Dusty rose accents, warm photography, elegant layout
8. Tech Innovation Vibe: Cutting-edge, energetic, forward-thinking, bold
Best for: AI/ML companies, tech startups, venture capital, innovation hubs, future-focused brands
Primary: #6D28D9 (Deep Purple)
Secondary: #A78BFA (Bright Purple)
Accent: #00FF88 (Neon Green)
Neutral Light: #F3E8FF (Very Light Purple)
Neutral Dark: #1F1F1F (Almost Black)
Supporting: #60A5FA (Blue), #F472B6 (Pink), #14B8A6 (Teal)
Heading Font: Space Mono (monospace) or Courier Prime (monospace), weights: Bold (700)
Body Font: Inter (sans-serif), weights: Regular (400), Medium (500)
Photography: AI, technology, innovation, data visualization, futuristic, abstract
Imagery Style: High-tech, bold, colorful, glitchy, digital, neon
Mood: Innovative, bold, energetic, forward-thinking
Patterns: Gradient overlays (purple to neon green), digital patterns, tech-inspired shapes
AI startup pitch deck: Purple background, neon green accents, tech imagery
Innovation conference branding: Bold purple headers, colorful data visualizations
Tech product launch: Purple primary, neon accents, cutting-edge design
9. Botanical Garden Vibe: Peaceful, natural, inclusive, human-centered
Best for: Wellness, education, nonprofits, community organizations, sustainable brands, family-focused
Primary: #2D6A4F (Sage Green)
Secondary: #52B788 (Soft Green)
Accent: #D5A021 (Warm Yellow)
Neutral Light: #F1F9F6 (Pale Green-White)
Neutral Dark: #2D3142 (Dark Slate)
Supporting: #E76F51 (Warm Coral), #A8DADC (Light Blue), #C9ADA7 (Warm Taupe)
Heading Font: Comfortaa (sans-serif), weights: Bold (700), Regular (400)
Body Font: Nunito (sans-serif), weights: Regular (400), Light (300)
Photography: Plants, gardens, people together, nature, community, inclusive spaces
Imagery Style: Warm, welcoming, organic, human-centered, diverse
Mood: Peaceful, inclusive, natural, caring, community-focused
Patterns: Botanical illustrations, leaf patterns, organic shapes, warm overlays
Community nonprofit report: Sage green headers, warm yellow accents, inclusive photography
Wellness brand deck: Soft green palette, botanical imagery, warm and welcoming tone
Education organization branding: Botanical accents, natural imagery, inclusive design
10. Midnight Galaxy Vibe: Mysterious, sophisticated, ambitious, inspiring
Best for: Entertainment, science, astronomy, luxury tech, gaming, innovation-focused brands
Primary: #0B1E2E (Deep Midnight)
Secondary: #2E5090 (Deep Blue)
Accent: #FFD700 (Bright Gold) or #FF6EC7 (Magenta)
Neutral Light: #E8E8E8 (Light Gray)
Neutral Dark: #1A1A2E (Almost Black)
Supporting: #16213E (Dark Blue), #6A0572 (Deep Purple), #00FF88 (Neon Green)
Heading Font: Audiowide (sans-serif), weights: Regular (400)
Body Font: Orbitron (sans-serif), weights: Regular (400)
Photography: Space, stars, galaxies, night sky, cosmic imagery, dark architectural
Imagery Style: Dark, mysterious, high-contrast, cosmic, ambitious
Mood: Mysterious, ambitious, inspiring, sophisticated
Patterns: Star patterns, cosmic gradients, dark overlays, glowing accents
Space tech company pitch: Midnight background, gold or magenta accents, cosmic imagery
Gaming brand presentation: Dark navy, neon accents, mysterious ambiance
Innovation summit branding: Midnight sky background, gold/magenta highlights, inspiring imagery
# [Project Title]
**Theme:** [Theme Name]
**Created:** [Date]
---
[Your content here, styled with the theme's colors and typography]
---
## Theme Colors Used
| Element | Color | Hex Code |
|---------|-------|----------|
| Primary (Headers) | [Color Name] | #[HEX] |
| Secondary (Accents) | [Color Name] | #[HEX] |
| Accent (Highlights) | [Color Name] | #[HEX] |
| Background | [Color Name] | #[HEX] |
| Text | [Color Name] | #[HEX] |
## Fonts Used
- Headings: [Font Name] (Bold, SemiBold)
- Body: [Font Name] (Regular, Medium)
---
**Notes:**
[Any customizations or theme adjustments made]
Example
Project: Marketing presentation for a sustainable wellness brand
Theme chosen: Botanical Garden (peaceful, natural, inclusive)
Output: Themed Presentation (3 slides shown)
02
When to Use
Kunst & Handwerk
Sprites And Images Use this skill when creating Sprites or Images in Phaser 4. Covers factory methods, texture/frame selection, position, scale, rotation, tint, flip, alpha, origin, depth, and the component mixin system. Triggers on: Sprite, Image, this.add.sprite, this.add.image, texture, setTint, setAlpha.
Kunst & Handwerk
Graphics And Shapes Use this skill when drawing shapes and graphics in Phaser 4. Covers the Graphics game object, lines, rectangles, circles, arcs, polygons, gradients, fill, stroke, and generated textures. Triggers on: Graphics, draw shape, fillRect, lineStyle, polygon, arc.