Back to Design System

Image Strategy

Prompts • Style • Creation

Image Strategy

Consistent, high-quality imagery is essential to brand identity. This page provides categorized prompts for generating images that align with the visual language and aesthetic.

Image Philosophy

Style

Dark backgrounds, neon accents, tech-forward aesthetic. Modern, sophisticated, forward-thinking.

Mood

Professional yet approachable. Inspiring without being clichéd. Premium without being pretentious.

Creation

AI-generated for consistency and speed. Carefully curated to maintain brand coherence.

Categorized Image Prompts

Hero & Banner Images

Large, impactful images for page headers and hero sections

Tech-Forward Professional
Create a professional tech-forward hero image with dark navy background (#0A0F1E), neon lime green accents (#BFFF00), and bright blue highlights (#3B82F6). Show abstract geometric shapes, circuit board patterns, or flowing data visualization. Modern, sophisticated, forward-thinking aesthetic. High contrast, vibrant colors, 16:9 aspect ratio.

💡 Tip: Modify the accent colors by replacing hex codes with your preferred palette. Add "with minimal text overlay" if you need to place text on top.

Learning & Innovation
Design an abstract learning experience hero image featuring interconnected nodes, light paths, and knowledge flows. Dark background with lime green and cyan accents. Suggest transformation, growth, and innovation. Tech-forward but warm and approachable. 16:9 aspect ratio.

💡 Tip: Specify different concepts by replacing "learning experience" with "digital transformation," "team collaboration," or "strategic thinking."

Strategic Thinking
Create a sophisticated strategic visualization showing interconnected elements, decision trees, or network patterns. Dark navy background with lime green highlights. Convey complexity made simple, strategic clarity, and forward momentum. Modern, professional, premium aesthetic.

💡 Tip: Add specific industry references like "L&D," "organizational change," or "digital strategy" for more targeted results.

Section Backgrounds

Subtle backgrounds for content sections and dividers

Gradient Overlay
Generate a subtle gradient background transitioning from dark navy (#0A0F1E) to slightly lighter navy with hints of blue and cyan. Very subtle, almost imperceptible. High contrast with white text. Suitable for content sections. Should feel premium and sophisticated.

💡 Tip: Adjust opacity by adding "with 20% opacity" or "with 40% opacity" to control visibility.

Geometric Pattern
Create a subtle geometric pattern background with navy and dark blue tones. Include faint circuit board lines, hexagons, or abstract shapes. Very low contrast, barely visible. Should not distract from text. Tech-forward but minimal.

💡 Tip: Change "circuit board" to "hexagons," "triangles," or "waves" for different pattern styles.

Noise Texture
Design a subtle noise/grain texture overlay on a dark navy background. Very fine grain, barely perceptible. Adds depth and premium feel without distraction. Should work well with white or light text.

💡 Tip: Specify grain intensity: "fine grain," "medium grain," or "coarse grain" for different effects.

Illustrations & Icons

Custom illustrations and icon systems

Learning Design Concept
Illustrate the concept of learning design as a modern, abstract visual. Show interconnected elements representing strategy, content, and interaction. Use lime green, bright blue, and white on transparent background. Line art or minimalist style. Professional but approachable.

💡 Tip: Specify style: "line art," "flat design," "minimalist," or "detailed illustration" for different aesthetics.

Strategy Icon
Create an icon representing strategic thinking and planning. Show elements like chess pieces, network nodes, or decision trees. Minimalist line art style. Use lime green (#BFFF00) or bright blue (#3B82F6). 1:1 square format, transparent background.

💡 Tip: Replace "strategic thinking" with other concepts: "innovation," "collaboration," "transformation," "growth."

Behavioral Science Icon
Design an icon representing behavioral psychology and user behavior. Show elements like brain, behavior patterns, or human interaction. Minimalist line art. Lime green or blue. 1:1 square, transparent background, suitable for UI.

💡 Tip: Modify for different concepts: "data analysis," "user research," "design thinking," "problem solving."

Data Visualizations

Infographics and data-driven visuals

Metrics Dashboard
Create a data visualization dashboard showing key metrics: 3 core colors, 2 font families, 5 behavioral principles. Use lime green for highlights, bright blue for secondary data, navy for backgrounds. Modern, clean design. Include icons, labels, and clear hierarchy. 16:9 aspect ratio.

💡 Tip: Replace metrics with your own: "78% completion rate," "3x faster delivery," "45% engagement increase."

Process Flow Diagram
Design a process flow diagram showing 5 stages: Discovery → Exploration → Engagement → Conversion → Advocacy. Use lime green for highlights, bright blue for connections, navy background. Include icons for each stage. Clean, modern, easy to follow.

💡 Tip: Customize stages to match your own process. Add percentages or metrics for each stage.

Comparison Chart
Create a comparison chart showing before/after or traditional/modern approaches. Use navy and lime green for contrast. Include specific metrics or percentages. Professional, data-driven aesthetic. Suitable for thought leadership content.

💡 Tip: Specify what you're comparing: "ADDIE vs. Modern Design," "Traditional vs. AI-Assisted," "Manual vs. Automated."

Portrait & Profile Images

Professional portraits and profile imagery

Professional Headshot
Create a professional headshot portrait with dark navy background (#0A0F1E) and subtle lime green accent lighting. Modern, sophisticated, approachable. Studio lighting with slight rim light in lime green. Professional attire. 1:1 square format.

💡 Tip: Add context: "wearing business casual," "in a modern office," "with tech background" for different settings.

Thought Leader Image
Design a thought leader portrait showing confidence and expertise. Dark background with strategic lime green and blue lighting. Professional, premium aesthetic. Could include subtle elements like books, technology, or design tools in background. 1:1 or 4:3 aspect ratio.

💡 Tip: Specify additional elements: "with design tools," "in modern office," "with tech elements," "with books."

How to Modify Prompts

Color Customization

Replace hex codes with your preferred colors. Example: Change #BFFF00 to #FF6B35 for coral accents.

Style Variations

Specify artistic style: "line art," "flat design," "3D," "watercolor," "minimalist," "detailed," "photorealistic."

Mood & Tone

Adjust emotional tone: "professional," "playful," "sophisticated," "energetic," "calm," "inspiring."

Aspect Ratios

Common ratios: 16:9 (widescreen), 4:3 (standard), 1:1 (square), 9:16 (portrait), 3:2 (photo).

Specific Elements

Add details: "with people," "with technology," "with data," "with nature," "abstract," "realistic."

Text Overlay

For images with text: Add "with minimal text overlay" or "with space for headline and subheading."

Example: Customizing a Prompt

Original Prompt:

Create a professional tech-forward hero image with dark navy background, neon lime green accents...

Modified for Warmth:

Create a professional tech-forward hero image with dark navy background, warm coral accents (#FF6B35), and gold highlights. Add subtle human elements...

Modified for Minimalism:

Create a minimalist tech-forward hero image with dark navy background, subtle lime green accents. Very clean, lots of whitespace, minimal elements...