Business Documentation

Overview

WokGen Business is an AI brand and marketing asset generator. It produces professional-grade visual assets for branding, marketing, presentations, and the web — not illustrations, not pixel art, not UI mockups. Every tool is purpose-built for its output format: the Logo Mark tool enforces isolated icon composition; Social Banner enforces exact platform dimensions; Brand Kit generates four coordinated assets in a single run.

Who it's for

• Startup founders — get a brand identity (logo mark, OG image, social header) in under 10 minutes without hiring a designer.
• Indie hackers — ship a launch with a complete visual package: logo, hero background, and social assets.
• Designers — generate multiple concept directions fast, then refine the winner in Figma or Illustrator.
• Marketing teams — produce platform-sized social assets without resizing images manually.
• Freelancers — deliver brand starter kits to clients quickly and iterate on feedback without per-revision time costs.

What WokGen Business is NOT

• Not a layered design tool — it does not have layers, objects, or vector editing. Use Figma or Illustrator for that.
• Not a presentation maker — it generates slide backgrounds, not full decks with text slides. Build your deck in Google Slides, Keynote, or PowerPoint, then import the background.
• Not a UI/UX design tool — it generates hero backgrounds and brand images, not screens, wireframes, or components.
• Not a reliable text-in-image tool — AI image models cannot consistently render legible brand names or body copy inside images. Generate the visual background, then add your own text in a design tool.

Output types

Use case examples

• Startup brand kit in 5 minutes — describe your product, pick Corporate Clean + Professional mood, run Brand Kit. Download all four assets: logo mark (512×512), header banner (1200×400), profile image (400×400), OG meta (1200×630). Drop straight into your website.
• Pitch deck visuals — use Slide Visual with Tech Dark or Gradient Modern style. Generate three or four background variations, import into Google Slides, add your copy on top. Investors see a polished deck without you hiring a deck designer.
• Product launch social assets — run Social Banner once for each platform: Twitter/X Header (1500×500), Instagram Post (1080×1080), LinkedIn Banner (1584×396), OG Image (1200×630). All share a visual language because you use the same prompt and style preset.

Quick Start

Generating your first business asset takes about two minutes. Here is the five-step process, followed by a full walkthrough.

Five steps

1. Pick a tool — open Business mode and choose Logo Mark, Brand Kit, Slide Visual, Social Banner, or Hero Image from the tool selector.
2. Describe your concept — write a short brand description: what the product does, who it is for, what feeling it should convey. One to three sentences is ideal.
3. Set the industry — select your industry from the dropdown (SaaS, Fintech, Healthcare, E-commerce, Agency, etc.). This shapes the composition and color instincts of the model.
4. Choose style and mood — pick one of the eight style presets and one mood tag (Professional, Bold, Playful, Minimal, Luxury). See the Style Guide section for details.
5. Generate — click Generate. Standard tier returns in 3–10 seconds. HD tier returns in 20–40 seconds for large dimensions.

Walkthrough: SaaS analytics platform logo

Goal: a clean logo mark for a B2B SaaS analytics platform. We want it to feel trustworthy and modern, not playful.

Tool:        Logo Mark
Concept:     Analytics platform for e-commerce businesses.
             Helps teams track revenue, churn, and LTV.
Industry:    SaaS / B2B Software
Style:       Corporate Clean
Mood:        Professional
Color dir:   Deep blue and white, with a subtle teal accent
Bg toggle:   Transparent (for use on dark and light sites)

Click Generate. The model produces a 512×512 PNG: an isolated geometric mark in deep blue and teal, clean and symmetrical, suitable as a favicon, app icon, or letterhead mark. If the result is too complex, add simple, minimal, single shape to the concept field and regenerate.

Tools Reference

Logo Mark

Logo Mark generates a brand symbol or icon mark. It is designed to produce isolated, clean compositions suitable for use as app icons, favicons, letterhead marks, and geometric brand symbols. It is not a full logotype generator — it does not reliably render your brand name as legible text inside the image. AI image models struggle with consistent typography. Generate the mark, then add your brand name in Figma, Canva, or any design tool.

• Output size: 512×512 PNG
• Background toggle: White / Dark / Transparent (transparent requires HD tier)
• Best for: app icons, favicon marks, geometric brand symbols, letterhead icons, profile avatars
• Not for: full logotypes with wordmark text, badges with company name, realistic illustration logos

Style recommendations for Logo Mark by industry

Example prompts — Logo Mark

// 1. B2B SaaS data platform
Analytics SaaS for e-commerce revenue tracking,
minimal flat style, professional mood,
deep blue and white, simple geometric mark, isolated

// 2. Fintech payments startup
International payments startup, corporate clean style,
trustworthy mood, navy and gold, hexagon or shield motif,
clean isolated icon on white background

// 3. Developer tools company
CLI developer toolchain for cloud deployments,
tech dark style, bold mood, electric blue and charcoal,
geometric abstract mark, circuit or node motif

// 4. Health and wellness app
Mindfulness and sleep tracking app,
warm brand style, calm mood, sage green and soft cream,
organic circular mark, leaf or wave element

// 5. Creative design agency
Brand design agency for digital startups,
bold geometric style, confident mood, vibrant coral and black,
angular abstract letterform or stacked shapes

Brand Kit (4×)

Brand Kit is the most efficient tool in WokGen Business. One generation produces four coordinated brand assets simultaneously, all sharing the same visual language — color palette, style, and compositional mood. This is the fastest way to go from zero to a complete brand visual identity.

The four assets Brand Kit generates

Color consistency is achieved through your style and mood selection. The model uses the same color family across all four images. If you specify blue and white, minimal in your prompt, all four assets will pull from that palette. You do not need to specify the same colors four times — one shared concept drives all four generations.

Brand Kit walkthrough — B2B invoicing startup

Concept:  B2B invoicing and payment automation startup.
          Helps small businesses get paid faster.
Industry: Fintech / B2B SaaS
Style:    Corporate Clean
Mood:     Professional
Colors:   Minimal, blue and white palette

Expected outputs:
  1. Logo Mark (512×512)   — clean geometric mark, blue on white,
                             simple angular or circular form
  2. Header Banner (1200×400) — wide horizontal brand banner, company
                                mark left-aligned, blue gradient bg
  3. Profile Image (400×400)  — square avatar crop of the mark,
                                suitable for social profile pictures
  4. OG Meta (1200×630)       — horizontal link preview card,
                                subtle blue tone, space for overlay text

Slide Visual

Slide Visual generates full-bleed 16:9 backgrounds for presentations, pitch decks, keynotes, and online courses. It is not a presentation maker — it does not create slides with text, bullet points, or layouts. It generates the background image that you import into Google Slides, Keynote, or PowerPoint and add your own copy on top.

• Output: 1920×1080 PNG (16:9, full HD)
• Best styles for slides: Minimal Flat, Tech Dark, Gradient Modern, Corporate Clean
• Text zone: select Left, Right, or Center to leave a clear area for your slide text
• Not for: slides with readable text content, chart backgrounds requiring grid lines, animated transitions

Importing into presentation tools

Example prompts — Slide Visual

// 1. AI product launch keynote
AI product launch keynote background, tech dark style,
professional mood, subtle electric blue gradient,
abstract particle field, text-safe left zone

// 2. Investor pitch deck — fintech
Fintech investor pitch deck background, corporate clean style,
trustworthy mood, navy blue with subtle grid lines,
minimal and elegant, clear center text zone

// 3. Developer conference talk
Open source developer conference talk background,
tech dark style, bold mood, matrix-inspired green on black,
minimal code texture, text-safe upper left

// 4. Product design team workshop
Design systems workshop slide background,
gradient modern style, calm mood, soft purple to blue gradient,
clean and airy, text-safe top strip

// 5. Sales enablement deck
B2B SaaS sales deck background, corporate clean style,
professional mood, light grey and white with teal accent line,
clean minimal gradient, lower-left text zone

Social Banner

Social Banner generates platform-sized images for social media and web sharing. Select your target platform and the output dimensions are set automatically — no manual resizing. Each platform has specific compositional requirements; the text zone selection is especially critical here because many platforms crop or overlay UI chrome on parts of the image.

Supported platforms

OG Image explained

The OG (Open Graph) image is the link preview image shown when you share a URL on Twitter/X, LinkedIn, Slack, Discord, iMessage, WhatsApp, and most chat tools. It is defined in your HTML <head> via the og:image meta tag. The recommended size is 1200×630. Generate it in WokGen Business, host it as a static asset or in your CDN, then point the meta tag at its URL.

<!-- Next.js App Router metadata -->
export const metadata = {
  openGraph: {
    images: [{ url: '/og.png', width: 1200, height: 630 }],
  },
};

Text zone and platform chrome

Example prompts — Social Banner

// Twitter/X Header — dev tools SaaS
Developer tools SaaS company header banner,
minimal flat style, dark background with subtle code grid texture,
turquoise accent line, text-safe center-right zone

// LinkedIn Banner — consulting firm
B2B strategy consulting firm LinkedIn banner,
corporate clean style, navy blue with light gold accent,
wide horizontal composition, abstract geometric forms,
professional and authoritative mood

// Instagram Post — product launch
SaaS product launch announcement post,
gradient modern style, bold mood, vibrant purple to pink gradient,
abstract burst shape, centered composition

// Instagram Story — online course launch
Online course launch story, warm brand style,
energetic mood, orange and yellow palette,
vertical composition with central focal element

// OG Image — open source project
Open source developer library website link preview,
tech dark style, bold mood, dark background,
neon green and white, abstract node graph texture

Hero Image

Hero Image generates full-bleed backgrounds for website hero sections and landing pages. It is not a UI component generator — it generates the background image layer, not buttons, navigation bars, or layout components. You overlay your headline, subheading, and CTA on top in your website builder or code.

• Output: 1920×1080 PNG (full HD, suitable for retina with CSS sizing)
• Text zone: always select a text zone — most hero sections have a headline in the left half or center
• CSS usage: set as background-image with background-size: cover
• Not for: above-the-fold illustrations with characters, product screenshots, or UI components

CSS integration

/* Tailwind CSS */
<div className="relative w-full h-screen bg-cover bg-center"
     style={{ backgroundImage: "url('/hero.png')" }}>
  <div className="absolute inset-0 bg-black/40" />  {/* optional overlay */}
  <div className="relative z-10 ...">
    <h1>Your headline here</h1>
  </div>
</div>

/* Vanilla CSS */
.hero {
  background-image: url('/hero.png');
  background-size: cover;
  background-position: center;
  min-height: 100vh;
}

Style suggestions for Hero Image

• Photography Overlay — photorealistic atmosphere; good for lifestyle, travel, food, and consumer brands
• Tech Dark — dark with subtle texture; perfect for dev tools, AI products, and B2B SaaS
• Gradient Modern — clean colorful gradients; works for any modern startup landing page
• Warm Brand — earthy and inviting; food, wellness, community, and creator economy
• Minimal Flat — very clean with white or off-white base; works well if your brand colors are the main statement

Example prompts — Hero Image

// 1. Climate tech startup
Climate technology startup homepage hero background,
warm brand style, optimistic mood,
earth greens and ocean blues, abstract topographic lines,
text-safe left half, bright and inspiring atmosphere

// 2. Developer tools SaaS
Developer tools SaaS landing page hero,
tech dark style, bold mood,
dark charcoal background with subtle circuit grid texture,
electric blue glow accent, text-safe left two-thirds

// 3. B2B fintech platform
Fintech payment infrastructure platform hero background,
gradient modern style, professional mood,
deep navy to midnight blue gradient with abstract flow lines,
clean minimal, center text zone

// 4. Creator economy platform
Creator economy platform for independent writers,
warm brand style, friendly mood,
warm cream and terracotta palette, soft light bokeh,
airy and open, text-safe center

// 5. Cybersecurity company
Cybersecurity startup landing page background,
tech dark style, serious mood,
black background with glowing green hexagonal mesh,
subtle scanline texture, top-center text zone

Style Guide

WokGen Business has eight style presets. Choosing the right style is the single biggest lever you have over the output. Here is a full breakdown of each: when to use it, what mood it creates, which industries it suits, what to avoid it for, and example color directions.

Minimal Flat

Clean, flat design with generous white space, simple geometric shapes, and a limited color palette. Inspired by Swiss design and modern app iconography. Figures and forms are simplified to their essence — no gradients, no textures, no drop shadows.

• When to use: logo marks, icons, modern brand identities, SaaS product assets
• Mood: clean, modern, trustworthy, approachable
• Industries: SaaS, productivity tools, fintech, healthcare, legal tech
• Do NOT use for: brands that need warmth or personality, luxury brands, bold athletic brands
• Color directions that work: navy + white, black + single accent, coral + off-white, teal + light grey

Bold Geometric

Strong geometric shapes — triangles, hexagons, grids — with high contrast and decisive color blocks. Compositions are assertive and energetic. Often uses thick outlines, bold negative space, and two or three high-contrast colors.

• When to use: brand marks for confident, disruptive companies; social banners needing impact
• Mood: bold, energetic, confident, disruptive
• Industries: tech, fitness, gaming, e-sports, creative agencies, direct-to-consumer brands
• Do NOT use for: healthcare (too aggressive), finance (too informal), luxury (too rough)
• Color directions that work: black + electric yellow, deep red + white, vibrant multi-color with black

Corporate Clean

Conservative, polished, and trust-signaling. Clean lines, structured layouts, restrained color use. This is the "business suit" of the style presets — it communicates reliability, expertise, and professionalism over creativity or personality.

• When to use: logos for consulting firms, financial products, law firms, B2B enterprise SaaS
• Mood: professional, trustworthy, authoritative, stable
• Industries: finance, legal, consulting, insurance, healthcare, HR tech, enterprise software
• Do NOT use for: consumer apps, creative agencies, youth-oriented brands, anything that needs to feel fun
• Color directions that work: navy + gold, deep blue + white, charcoal + light blue, forest green + cream

Photography Overlay

Photorealistic atmospheric backgrounds with depth, light, and texture. Looks like a high-quality stock photograph rather than a graphic. Best used for hero images and social banners where a real-world visual feel adds emotion and context.

• When to use: website hero backgrounds, social banners for lifestyle/consumer brands, OG images with atmosphere
• Mood: cinematic, aspirational, warm, real, emotional
• Industries: travel, hospitality, food, wellness, consumer goods, e-commerce, education
• Do NOT use for: logo marks (too complex to isolate), slide backgrounds (text will be unreadable), monochromatic brands
• Color directions that work: golden hour warm tones, misty morning blues, deep ocean teal, forest greens

Monochrome

Black, white, and shades of grey only. No color. Timeless, versatile, and works at any size. A monochrome logo mark can be placed on any background color. Compositions rely on form, contrast, and proportion rather than color to communicate.

• When to use: logo marks destined for single-color or two-color brand systems; minimalist brand identities
• Mood: timeless, sophisticated, minimal, versatile, editorial
• Industries: fashion, luxury, architecture, publishing, art, high-end consulting
• Do NOT use for: social banners (needs color to stand out in feed), slide backgrounds (too flat), warm consumer brands
• Color directions that work: pure black + white, charcoal + light grey, near-black + off-white

Gradient Modern

Smooth, multi-step color gradients in a contemporary style. Associated with the current wave of SaaS and app brand design. Gradients can be linear, radial, or mesh-style. Often incorporates subtle glows and soft color transitions.

• When to use: startup brand assets, hero backgrounds, social banners for modern digital products
• Mood: modern, dynamic, digital, optimistic, forward-looking
• Industries: SaaS, mobile apps, consumer tech, creator tools, AI products, edtech
• Do NOT use for: conservative B2B (too trendy), physical goods brands, brands that need longevity over trend
• Color directions that work: purple to pink, blue to teal, orange to yellow, deep indigo to electric blue

Tech Dark

Dark or near-black backgrounds with subtle technical textures — grids, circuit patterns, node graphs, scanlines — and colored glow accents. Strongly associated with developer tools, AI products, cybersecurity, and gaming. High contrast between background and accent colors.

• When to use: dev tools, AI products, cybersecurity companies, gaming, slide backgrounds for technical talks
• Mood: powerful, technical, focused, cutting-edge, serious
• Industries: developer tools, cybersecurity, AI/ML, blockchain, game studios, infrastructure SaaS
• Do NOT use for: consumer lifestyle brands, healthcare (too cold), food and wellness, any brand that needs warmth
• Color directions that work: black + electric blue, charcoal + neon green, dark navy + cyan glow, near-black + purple

Warm Brand

Earthy, friendly, and approachable. Uses warm tones — terracotta, amber, sage, cream, burnt orange — and organic shapes. Feels handcrafted and personal rather than corporate or technical. Often incorporates natural textures, rounded forms, and soft light.

• When to use: food brands, wellness products, community platforms, creator economy, local businesses
• Mood: friendly, warm, authentic, community-oriented, grounded
• Industries: food and beverage, wellness, fitness, education, non-profit, local business, lifestyle brands
• Do NOT use for: enterprise B2B (too casual), fintech (too informal), cybersecurity (too soft)
• Color directions that work: terracotta + cream, sage green + off-white, amber + warm brown, dusty rose + sand

Prompting Guide

Business prompts are different from generative art prompts. You are not describing a scene or a painting — you are describing a brand identity, a marketing asset, a visual direction. The most effective prompts are specific about concept and mood, and leave the compositional decisions to the model.

Core prompt structure

[brand concept or product description]
[industry or sector]
[color direction]

Examples:
"B2B invoicing platform for freelancers, SaaS, blue and white"
"Outdoor adventure gear brand, e-commerce, earthy greens and orange"
"AI writing assistant, productivity SaaS, deep purple and cream"

The style preset and mood tag are set in the UI — you do not need to repeat them in the prompt text. The concept field should focus on what the brand is andwhat colors it should use. Industry context shapes the model's instincts for composition, form, and visual vocabulary.

What NOT to include in your prompt

• Brand references — do not write "make it look like Apple" or "similar to Stripe". These references are ignored or produce inconsistent results. Describe the qualities directly: "clean, minimal, white background, single geometric mark" instead of "like Apple".
• Layout instructions — do not write "put the logo in the top left" or "text on the right side". Use the text zone selector in the UI for positional control.
• Text content — do not write your company name and expect it to appear legibly in the output. AI image models cannot reliably render text. Generate the visual asset, then add your text in Figma, Canva, or your website.
• Technical specs — do not include dimensions, DPI, file format, or color mode (RGB/CMYK) in the prompt. These are handled by the tool settings, not the prompt.
• Negative prompts via the main field — if you want to exclude something (e.g., "no text", "no faces"), there is a dedicated negative prompt field. Mixing negative instructions into the main concept field reduces prompt clarity.

Mood guide

Iteration strategy

When refining results, change one variable at a time. If the composition is right but the colors are wrong, update only the color direction in the prompt and keep everything else the same. If the style feels right but the mood is off, change only the mood selector. Changing everything at once makes it impossible to know what produced the improvement.

• Colors wrong: update the color direction in the prompt — be more specific ("deep cobalt blue, not light blue")
• Too complex: add simple, minimal, clean, single shape to the prompt; switch to Minimal Flat or Monochrome style
• Too generic: add industry-specific vocabulary ("circuit node", "leaf mark", "shield emblem", "abstract wave")
• Wrong feel: change the mood tag first, then the style preset if mood alone does not fix it
• Good composition, wrong colors: duplicate the generation settings, update only the color direction, and compare side by side

Platform Dimensions Reference

All dimensions below are the exact pixel sizes WokGen Business outputs for each platform. These match the recommended size from each platform's official guidelines as of the current version of this documentation.

Export Guide

Download filenames

Every downloaded asset has a structured filename so you can identify it without opening it:

Using outputs in design tools

• Canva — upload the PNG via Uploads → Add new → Upload files. Drag onto canvas. For logos: use as-is or remove background with Canva's background remover (Pro feature). For slide backgrounds: drag to back layer, right-click → Set as background.
• Figma — drag the PNG directly onto the canvas. For logo refinement: import as a reference image, then retrace with vector shapes on top. For brand kit assets: import all four, create a frame for each, and build your brand guidelines page.
• Google Slides — Slide → Change background → Image → Upload from computer. Select the slide visual PNG. Apply to one slide or all slides.
• Webflow — Assets panel → Upload the PNG. Set as background image on the hero section with fit: Cover, position: Center. Add an overlay div with low opacity for text contrast if needed.
• Next.js / React — place the PNG in /public and reference it as /filename.png, or upload to a CDN (Vercel Blob, Cloudflare R2, S3) and use the CDN URL. Use CSS background-image: url(...) withbackground-size: cover for hero sections.

Background removal for logos

Logo Mark outputs have a white, dark, or transparent background depending on your bg toggle selection. If you need a transparent PNG after the fact:

• remove.bg — upload the PNG; free tier gives lower resolution, paid gives full resolution
• Figma background removal — select the image, right-click → Remove background (uses Figma's built-in AI)
• Canva background remover — available on Canva Pro; select element → Edit image → Background remover
• PhotoShop / GIMP — use Select → Subject then Delete background for manual control

Format note: PNG only, no SVG

All WokGen Business outputs are PNG raster images. SVG (vector) export is not available because AI image models generate raster images — they cannot output vector paths.

If you need an SVG version of your logo mark, use a PNG-to-SVG vectorization tool after downloading:

• Adobe Express Image to SVG — free web tool, good for simple logo marks
• Vectorizer.io — AI-powered, handles more complex shapes
• Inkscape (desktop) — free, open source; Path → Trace Bitmap for full control
• Illustrator Live Trace — Object → Image Trace → Expand for professional vector output

Credits & Limits

Credit system

WokGen Business uses the same credit system as WokGen Pixel. Each image generation consumes one credit. Brand Kit consumes four credits per run (one per image). Credits are shared across both Pixel and Business tools — your credit balance is unified.

Generation time

Generation time depends on the quality tier and the output dimensions:

• Standard tier: 3–8 seconds for all tools. Lower resolution, fast draft quality.
• HD tier — Logo Mark (512×512): 8–15 seconds
• HD tier — Slide Visual / Hero Image (1920×1080): 20–40 seconds — large canvas at full resolution
• HD tier — Social Banner (platform dimensions): 10–25 seconds depending on aspect ratio
• HD tier — Brand Kit (4× parallel): 20–40 seconds — all four images generate simultaneously, not sequentially

Rate limits

Rate limits are the same across Pixel and Business tools — they are account-level, not tool-level. Refer to the Pixel docs limits section for the current rate limit table, as limits may change with plan updates.

Quality tiers comparison

FAQ