Brand Image Generator

Brand Image Generator

This skill provides frameworks for generating consistent, on-brand images using fal.ai FLUX.1 model.

When to Use

• Creating hero images for landing pages
• Generating illustrations for marketing materials
• Building consistent visual libraries
• Creating product mockups or screenshots
• Any image generation that needs brand consistency

Brand Style Foundation

Lead Gen Jay Visual Identity

Image Categories

1. Hero Images - Large, impactful visuals for above-fold sections
2. Feature Illustrations - Icons and graphics for benefit sections
3. Background Elements - Subtle patterns, gradients, textures
4. Product Mockups - Screenshots, device frames, UI previews
5. Social Proof - Professional headshots, company imagery

Prompt Engineering Framework

The SPECS Formula

Every prompt should include:

Prompt Template

[STYLE]: [aesthetic description]
[SUBJECT]: [main subject/scene]
[ELEMENTS]: [specific visual components]
[COLORS]: [color palette]
[MOOD]: [emotional quality]
[TECHNICAL]: [quality modifiers]

fal.ai Integration

Model Selection

Use FLUX.1 [schnell] via /generate-image command:

• Fast generation (~2 seconds)
• Cost-effective ($0.003/megapixel)
• Great for iterations

Recommended Dimensions

Quality Modifiers

Always append these for professional results:

• "high quality"
• "professional"
• "clean design"
• "sharp details"
• "well-lit"

Brand Consistency Rules

DO

• Use consistent color palette across all images
• Maintain similar lighting and mood
• Keep compositions clean and focused
• Use professional, business-appropriate imagery
• Generate multiple variations and select best

DON'T

• Mix conflicting art styles
• Use overly busy compositions
• Generate generic stock-photo-style images
• Ignore brand color palette
• Use a single generation without iteration

Logo Source Rules

When an image needs a real tool/company logo:

Logo lookup order — check each, stop at first hit:

1. public/logos/ (project-local, already copied)
2. Nextcloud canonical source (first path that exists):
   • ~/Nextcloud/Visual assets/Logos/Tool Logos/
   • ~/Library/CloudStorage/Nextcloud-LGJ@cloud.nextwave.io/Visual assets/Logos/Tool Logos/
3. Legacy: public/brand/banner-logos/, public/brand/, public/ads/assets/

When found in Nextcloud or legacy, copy to public/logos/ before use: mkdir -p public/logos && cp "<source>" public/logos/

If not found anywhere: download via Playwright or use TEXT ONLY. Never AI-generate logos.

Prompt Library by Category

Hero Images

Professional/Business:

Modern professional workspace, clean minimalist design, person at laptop with growth dashboard on screen, soft natural lighting, blue (#2563eb) accent color, professional photography style, high quality, sharp details

Success/Results:

Abstract visualization of business growth, upward flowing lines and geometric shapes, modern gradient from deep blue to light blue, clean white background, professional SaaS aesthetic, high quality

Feature Illustrations

Data/Analytics:

Minimalist flat illustration of data analytics dashboard, clean geometric shapes, blue (#2563eb) primary color with white, modern vector style, centered composition, high quality

Communication:

Simple flat icon of communication or messaging, speech bubbles or envelope, minimalist style, blue monochrome, clean white background, vector illustration, high quality

Background Elements

Gradient:

Smooth gradient background, transitioning from deep blue (#1e40af) to light blue (#93c5fd) to white, subtle flowing curves, clean modern design, high resolution

Pattern:

Subtle geometric pattern, thin lines forming grid or network, very light blue on white background, minimalist, professional, seamless tile, high quality

Workflow

Step 1: Define Requirements

• What type of image?
• Where will it be used?
• What size/dimensions?
• Key elements to include?

Step 2: Craft Initial Prompt

• Use SPECS formula
• Reference brand guidelines
• Include quality modifiers

Step 3: Generate Variations

• Generate 2-3 variations
• Adjust prompt based on results
• Iterate until satisfied

Step 4: Select and Refine

• Choose best result
• Note effective prompt patterns
• Save for consistency reference

Common Adjustments

Integration with Other Skills

This skill works with:

• hero-section-designer - Generate hero images for hero sections
• icon-set-creator - Foundation for icon generation
• landing-page-auditor - Visual improvements based on audit findings

Reference Materials

For prompt templates by category, consult:

• references/prompt-templates.md - Ready-to-use prompts for different scenarios