How to make a game logo and vector-style art with AI

A game logo is the one picture where a single wrong letter ruins everything. Most image models draw words as shapes, so “EMBER HOLLOW” comes back as “EMBER HOLOW” or a row of letter-like marks. A logo also has to work at every size: huge on a store page, tiny as a favicon, white on a dark title screen, one colour on a T-shirt. This guide picks the models that are good at words, makes the title logo on a transparent background, builds the variants from it, adds flat vector-style art in the same style, and ends with the checks to run before anything goes to a printer or a store. Every file is a PNG, JPG or WEBP picture. No model here makes SVG. If you need a true vector file, the last section shows how to trace one.

The chain

Step	Model	Why this model	Cost
1. Title logo, four takes	Ideogram 4.5 `image/ideogram-4.5`	The model for words in images: it spells the title you typed, letter for letter, and four takes in one job give you a real choice.	$0.312
2. Logo variants x 3	GPT Image 2.5 `image/gpt-image-2.5`	Faithful edits: it keeps the letter shapes and colours of the chosen logo while it changes one thing, such as the layout or the colour.	$0.261
3. Flat vector-style illustrations x 4	Recraft V4.1 `image/recraft-4.1`	Clean flat illustration with tight composition, the look that matches a vector logo and traces well if you need a vector file later.	$0.212
		Total	$0.785

$0.785 for the whole chain, at each model’s list price:

Title logo, four takes: $0.312 ($0.06 per image)
Logo variants x 3: $0.261 ($0.053 per image, 3 jobs)
Flat vector-style illustrations x 4: $0.212 ($0.035 per image, 4 jobs)

A failed job costs nothing. Before you run anything, price each step exactly and for free: summer api estimate <model> --input '<json>', or POST /v1/estimate with the same body as the job. Prices come from GET /v1/models and change only when the provider’s price does.

Before you start

npx -y summer-engine@latest login

Your browser opens the Summer sign-in. Pick a spend limit for this computer and choose Allow. Using a coding agent? Paste this guide’s URL and say “make my game logo”; the quickstart for your agent connects it in one command. Write down three things before the first job. They go into every prompt, word for word:

The exact title, in the capitals you want, with line breaks decided (“EMBER above HOLLOW”).
The letter style in plain words: “chunky hand-cut serif”, “rounded bubble letters”, “sharp condensed sans with a cut through the middle”.
The palette and outline: two or three named colours and one outline rule. This sentence becomes the style of everything in this guide.

Step 1: the title logo, letter for letter

Use a model that was built to draw words. Ideogram 4.5 is the one: logos, title cards and signs are what it is for. GPT Image 2.5 is the safe second choice, with exact text and very good light, and it is the one to use when you need to edit the result later. What makes the words come out right:

Put the title in double quotes and say “the exact words”. The model treats quoted text as text to spell, not as a description.
Short titles win. One to three words spell right almost every time. A long subtitle (“and the Curse of the Seven Moons”) is where letters go missing. Make the subtitle a separate line of UI text in the engine.
Say the layout. “Two lines, EMBER above HOLLOW” stops the model from choosing for you.
Forbid extra text. “Only these two words, no other text, no tagline.” Without it, models add fake small print.
Ask for flat colour. “Flat vector style, no gradients inside the outline, no texture” makes the logo readable at small sizes, clean to cut out, and easy to trace into a vector file.

removeBackground: true cuts the background away after the picture is made and returns a PNG with real transparency. Do not write “transparent background” in the prompt instead: models then paint a grey checkerboard as part of the picture. Ask for “a plain flat background” and let the cut-out do the rest. numImages: 4 makes four takes in one job. Logos are a taste call, so look at four, not one.

npx -y summer-engine@latest api run image/ideogram-4.5 \
  --input '{"prompt":"Video game title logo with the exact words \"EMBER HOLLOW\" in two lines, EMBER above HOLLOW. Chunky hand-cut serif letters with a slight upward arc, warm orange to deep red fill, thick dark brown outline, a small ember spark above the letter O. Flat vector style, clean edges, no gradients inside the outline, no texture. Centered on a plain flat background with wide empty space around it. Only these two words, no other text, no tagline.","aspectRatio":"16:9","numImages":4,"removeBackground":true,"title":"Ember Hollow logo"}' \
  --download .

curl https://www.summerengine.com/v1/jobs \
  -H "Authorization: Bearer $SUMMER_TOKEN" \
  -H "Content-Type: application/json" \
  -H "Idempotency-Key: $(uuidgen)" \
  -H "Prefer: wait=60" \
  -d '{"model":"image/ideogram-4.5","input":{"prompt":"Video game title logo with the exact words \"EMBER HOLLOW\" in two lines, EMBER above HOLLOW. Chunky hand-cut serif letters with a slight upward arc, warm orange to deep red fill, thick dark brown outline, a small ember spark above the letter O. Flat vector style, clean edges, no gradients inside the outline, no texture. Centered on a plain flat background with wide empty space around it. Only these two words, no other text, no tagline.","aspectRatio":"16:9","numImages":4,"removeBackground":true,"title":"Ember Hollow logo"}}'

const res = await fetch("https://www.summerengine.com/v1/jobs", {
  method: "POST",
  headers: {
    Authorization: `Bearer ${process.env.SUMMER_TOKEN}`,
    "Content-Type": "application/json",
    "Idempotency-Key": crypto.randomUUID(),
    Prefer: "wait=60",
  },
  body: JSON.stringify({
    "model": "image/ideogram-4.5",
    "input": {
      "prompt": "Video game title logo with the exact words \"EMBER HOLLOW\" in two lines, EMBER above HOLLOW. Chunky hand-cut serif letters with a slight upward arc, warm orange to deep red fill, thick dark brown outline, a small ember spark above the letter O. Flat vector style, clean edges, no gradients inside the outline, no texture. Centered on a plain flat background with wide empty space around it. Only these two words, no other text, no tagline.",
      "aspectRatio": "16:9",
      "numImages": 4,
      "removeBackground": true,
      "title": "Ember Hollow logo"
    }
  }),
});
const { job } = await res.json();
console.log(job.state, job.id);

import os, uuid, requests

res = requests.post(
    "https://www.summerengine.com/v1/jobs",
    headers={
        "Authorization": f"Bearer {os.environ['SUMMER_TOKEN']}",
        "Idempotency-Key": str(uuid.uuid4()),
        "Prefer": "wait=60",
    },
    json={"model": "image/ideogram-4.5", "input": {"prompt": "Video game title logo with the exact words \"EMBER HOLLOW\" in two lines, EMBER above HOLLOW. Chunky hand-cut serif letters with a slight upward arc, warm orange to deep red fill, thick dark brown outline, a small ember spark above the letter O. Flat vector style, clean edges, no gradients inside the outline, no texture. Centered on a plain flat background with wide empty space around it. Only these two words, no other text, no tagline.", "aspectRatio": "16:9", "numImages": 4, "removeBackground": True, "title": "Ember Hollow logo"}},
)
job = res.json()["job"]
print(job["state"], job["id"])

// Summer's MCP server: npx -y summer-engine@latest setup <agent> --yes
summer_api_run({
  model: "image/ideogram-4.5",
  input: {
    prompt: "Video game title logo with the exact words \"EMBER HOLLOW\" in two lines, EMBER above HOLLOW. Chunky hand-cut serif letters with a slight upward arc, warm orange to deep red fill, thick dark brown outline, a small ember spark above the letter O. Flat vector style, clean edges, no gradients inside the outline, no texture. Centered on a plain flat background with wide empty space around it. Only these two words, no other text, no tagline.",
    aspectRatio: "16:9",
    numImages: 4,
    removeBackground: true,
    title: "Ember Hollow logo"
  },
  out: "assets",
})

Each take is one entry in result.assets. Zoom in and read every letter of every take, slowly, before you pick. Then keep the fileUrl of the one you chose: it is the reference for step 2. Other models for this step. Seedream 5.0 Pro has strong text in many languages, so it is the one for a localized logo in Japanese, Korean or Chinese ($0.135 per image). GPT Image 2 draws precise text and UI ($0.211 per image).

Step 2: the variants, from the chosen logo

A game needs the same logo in several shapes. Edit the chosen logo instead of drawing new ones: referenceImageUrl keeps the letter shapes and colours, and the prompt changes only one thing per job. The three variants most games need:

The emblem: the mark without the full title, for the app icon, the favicon, the loading spinner and the store’s small square slot.
One colour: “the same logo in solid white only, no outline colour, no shading”. It sits on any dark screen, on video and on merch.
A wide layout: “the same words on one line”. It fits a thin header or a capsule banner.

npx -y summer-engine@latest api run image/gpt-image-2.5 \
  --input '{"prompt":"Make the emblem version of this logo: keep only the ember spark and the letter shapes of the O, inside a round badge with the same thick dark brown outline and the same orange to red fill. No other letters. Flat vector style, clean edges, centered, square, plain flat background.","referenceImageUrl":"<fileUrl of title logo, four takes>","aspectRatio":"1:1","removeBackground":true,"title":"Ember Hollow emblem"}' \
  --download .

curl https://www.summerengine.com/v1/jobs \
  -H "Authorization: Bearer $SUMMER_TOKEN" \
  -H "Content-Type: application/json" \
  -H "Idempotency-Key: $(uuidgen)" \
  -H "Prefer: wait=60" \
  -d '{"model":"image/gpt-image-2.5","input":{"prompt":"Make the emblem version of this logo: keep only the ember spark and the letter shapes of the O, inside a round badge with the same thick dark brown outline and the same orange to red fill. No other letters. Flat vector style, clean edges, centered, square, plain flat background.","referenceImageUrl":"<fileUrl of title logo, four takes>","aspectRatio":"1:1","removeBackground":true,"title":"Ember Hollow emblem"}}'

const res = await fetch("https://www.summerengine.com/v1/jobs", {
  method: "POST",
  headers: {
    Authorization: `Bearer ${process.env.SUMMER_TOKEN}`,
    "Content-Type": "application/json",
    "Idempotency-Key": crypto.randomUUID(),
    Prefer: "wait=60",
  },
  body: JSON.stringify({
    "model": "image/gpt-image-2.5",
    "input": {
      "prompt": "Make the emblem version of this logo: keep only the ember spark and the letter shapes of the O, inside a round badge with the same thick dark brown outline and the same orange to red fill. No other letters. Flat vector style, clean edges, centered, square, plain flat background.",
      "referenceImageUrl": "<fileUrl of title logo, four takes>",
      "aspectRatio": "1:1",
      "removeBackground": true,
      "title": "Ember Hollow emblem"
    }
  }),
});
const { job } = await res.json();
console.log(job.state, job.id);

import os, uuid, requests

res = requests.post(
    "https://www.summerengine.com/v1/jobs",
    headers={
        "Authorization": f"Bearer {os.environ['SUMMER_TOKEN']}",
        "Idempotency-Key": str(uuid.uuid4()),
        "Prefer": "wait=60",
    },
    json={"model": "image/gpt-image-2.5", "input": {"prompt": "Make the emblem version of this logo: keep only the ember spark and the letter shapes of the O, inside a round badge with the same thick dark brown outline and the same orange to red fill. No other letters. Flat vector style, clean edges, centered, square, plain flat background.", "referenceImageUrl": "<fileUrl of title logo, four takes>", "aspectRatio": "1:1", "removeBackground": True, "title": "Ember Hollow emblem"}},
)
job = res.json()["job"]
print(job["state"], job["id"])

// Summer's MCP server: npx -y summer-engine@latest setup <agent> --yes
summer_api_run({
  model: "image/gpt-image-2.5",
  input: {
    prompt: "Make the emblem version of this logo: keep only the ember spark and the letter shapes of the O, inside a round badge with the same thick dark brown outline and the same orange to red fill. No other letters. Flat vector style, clean edges, centered, square, plain flat background.",
    referenceImageUrl: "<fileUrl of title logo, four takes>",
    aspectRatio: "1:1",
    removeBackground: true,
    title: "Ember Hollow emblem"
  },
  out: "assets",
})

For each variant, change the prompt and keep the reference the same. Edit from the original logo every time, not from the last variant: each edit drifts a little, and a chain of edits drifts a lot. When you need the words in a picture that is not the logo, such as a sign in the game world or a poster in a cutscene, use this same step with the logo as the reference, so the lettering matches.

Step 3: flat vector-style art in the same style

Menus, loading screens, achievement cards and tutorial tips all want small, clean illustrations that look like they belong next to the logo. Recraft V4.1 is the model for this: flat illustration and design pieces with tight composition, for $0.035 per image. The trick is the same style sentence as the logo, word for word: “Warm orange, deep red and dark brown palette with one muted teal accent, thick dark brown outlines, flat colour fills, no gradients, no texture, no text.” Change only the subject at the front: “a small lantern on a stump”, “a cracked map”, “a fox curled up asleep”.

npx -y summer-engine@latest api run image/recraft-4.1 \
  --input '{"prompt":"Flat vector-style spot illustration of a small lantern glowing on a mossy tree stump, for a game loading screen. Warm orange, deep red and dark brown palette with one muted teal accent, thick dark brown outlines, flat colour fills, no gradients, no texture, no text. Centered, wide empty space around it, plain flat background.","aspectRatio":"1:1","removeBackground":true,"title":"Loading art: lantern"}' \
  --download .

curl https://www.summerengine.com/v1/jobs \
  -H "Authorization: Bearer $SUMMER_TOKEN" \
  -H "Content-Type: application/json" \
  -H "Idempotency-Key: $(uuidgen)" \
  -H "Prefer: wait=60" \
  -d '{"model":"image/recraft-4.1","input":{"prompt":"Flat vector-style spot illustration of a small lantern glowing on a mossy tree stump, for a game loading screen. Warm orange, deep red and dark brown palette with one muted teal accent, thick dark brown outlines, flat colour fills, no gradients, no texture, no text. Centered, wide empty space around it, plain flat background.","aspectRatio":"1:1","removeBackground":true,"title":"Loading art: lantern"}}'

const res = await fetch("https://www.summerengine.com/v1/jobs", {
  method: "POST",
  headers: {
    Authorization: `Bearer ${process.env.SUMMER_TOKEN}`,
    "Content-Type": "application/json",
    "Idempotency-Key": crypto.randomUUID(),
    Prefer: "wait=60",
  },
  body: JSON.stringify({
    "model": "image/recraft-4.1",
    "input": {
      "prompt": "Flat vector-style spot illustration of a small lantern glowing on a mossy tree stump, for a game loading screen. Warm orange, deep red and dark brown palette with one muted teal accent, thick dark brown outlines, flat colour fills, no gradients, no texture, no text. Centered, wide empty space around it, plain flat background.",
      "aspectRatio": "1:1",
      "removeBackground": true,
      "title": "Loading art: lantern"
    }
  }),
});
const { job } = await res.json();
console.log(job.state, job.id);

import os, uuid, requests

res = requests.post(
    "https://www.summerengine.com/v1/jobs",
    headers={
        "Authorization": f"Bearer {os.environ['SUMMER_TOKEN']}",
        "Idempotency-Key": str(uuid.uuid4()),
        "Prefer": "wait=60",
    },
    json={"model": "image/recraft-4.1", "input": {"prompt": "Flat vector-style spot illustration of a small lantern glowing on a mossy tree stump, for a game loading screen. Warm orange, deep red and dark brown palette with one muted teal accent, thick dark brown outlines, flat colour fills, no gradients, no texture, no text. Centered, wide empty space around it, plain flat background.", "aspectRatio": "1:1", "removeBackground": True, "title": "Loading art: lantern"}},
)
job = res.json()["job"]
print(job["state"], job["id"])

// Summer's MCP server: npx -y summer-engine@latest setup <agent> --yes
summer_api_run({
  model: "image/recraft-4.1",
  input: {
    prompt: "Flat vector-style spot illustration of a small lantern glowing on a mossy tree stump, for a game loading screen. Warm orange, deep red and dark brown palette with one muted teal accent, thick dark brown outlines, flat colour fills, no gradients, no texture, no text. Centered, wide empty space around it, plain flat background.",
    aspectRatio: "1:1",
    removeBackground: true,
    title: "Loading art: lantern"
  },
  out: "assets",
})

Tips that make flat art look designed and not generated:

One subject, centered, with empty space around it. Busy scenes lose the flat look and do not cut out cleanly.
Name a limited palette. Three or four named colours. Every colour you do not name is a colour the model may invent.
Say “no text”. Illustration models like to add labels.
Run the set as one batch. Four or forty illustrations cost the same per picture, and a batch is priced before it starts (batches).

Inside a Summer Engine project, the ui-graphics skill makes buttons, panels and frames in the same style and wires them into the scene.

Put it in your game

Summer Engine. Drop the PNG into your project, or import it by its assetId. Show the title logo with a TextureRect set to keep its aspect centered, and turn mipmaps off for UI pictures: they show at or near full size. The animated title screen guide puts the logo over a looping background.
Any other engine. The PNG has real alpha. Import it as a UI texture with no compression artifacts on the edges (lossless while you work).
Store pages. Key art and covers carry no text: the stores draw the title over them. Upload the logo as its own asset where the store asks for one. The store-art skill lists every slot and size.

Check it before you print or ship it

A logo leaves the game. It goes on a store page, a trailer, a T-shirt, a sticker. Run these checks once, before any of that.

Check	How
Spelling	Read the logo out loud, letter by letter, from the file, not from memory. Then ask one other person to read it.
Small sizes	Shrink it to 64 px and 32 px wide. If the title does not read, use the emblem at those sizes.
Light and dark	Put it on white, on black and on your title screen. A dark outline saves an orange logo on a light background.
The cut-out	Look inside closed letters (O, A, B, R, the hole of the e). They must be transparent too. Zoom into the edge for a light halo.
Print size	A print shop wants about 300 pixels per inch. A 4096 px wide logo prints about 34 cm wide at that density. Ask for `width` and `height` up to 4096 if you plan to print it.
Vector need	Some printers and web pages want SVG. See the next section.
The name	Search the title in your country’s trademark register and in the stores you will ship to.

When you need a vector file

The models make pictures, not vector files. When a printer, a sign maker or a web page asks for SVG, trace the PNG with the image trace tool of any vector editor (free ones have it too). Flat colour, thick outlines and no gradients, the style this guide asks for, trace into clean shapes in a few seconds. Check the traced letters against your picture, fix any wobbly curve by hand, and keep the PNG as the source.

Scale it up

A full brand set is a few dozen pictures: the logo and its variants, an emblem per platform, a set of loading screen illustrations, achievement art. Write them as one JSONL file, one job per line, with the style sentence copied into every prompt, and send them as one batch:

npx -y summer-engine@latest api run --batch brand-set.jsonl --download art/brand

A batch takes up to 500 jobs. It is priced when it arrives and runs all or none, so you know the total before anything starts. Estimate one line of each kind first with summer api estimate to tell your team what the whole set costs.

Common problems

You see	Do this
A letter missing or doubled	Put the title in double quotes, keep it to three words or fewer, and run four takes. Move a long subtitle into the game’s UI text
Extra small text or a fake tagline	Add “only these words, no other text, no tagline”
A grey checkerboard behind the logo	Remove “transparent” from the prompt, ask for “a plain flat background” and set `removeBackground: true`
The inside of the O is not transparent	Ask for a plain flat background that is a different colour from the letters, then cut out again
Variants drift from the logo	Edit each variant from the original logo, not from the last variant, and change one thing per prompt
The illustrations do not match the logo	Copy the palette and outline sentence word for word into every prompt
The logo looks soft when printed	Ask for a larger `width` and `height`, or trace it into a vector file

Questions

Can I get an SVG? Not from these models: they return PNG, JPG or WEBP. Trace the PNG as shown above. Flat-colour logos trace well. Can I use the logo commercially and trademark it? Every model on the Summer API allows commercial use of what it makes. Trademark law is about your name and its use, not the tool; check your local register before you file. Can I start from my own sketch? Yes. Upload it first (send a picture), then run step 2 with your sketch as the referenceImageUrl and a prompt that names the exact words. Do I need a plan? No. Jobs are paid from your paid Summer credits, your plan’s credits or a top-up. Each connected agent has its own spend limit in Settings > Connected apps.

Start here

How to make

Models and pricing

Use the API

API reference

How to make a game logo and vector-style art with AI

The chain

Before you start

Step 1: the title logo, letter for letter

Step 2: the variants, from the chosen logo

Step 3: flat vector-style art in the same style

Put it in your game

Check it before you print or ship it

When you need a vector file

Scale it up

Common problems

Questions

​The chain

​Before you start

​Step 1: the title logo, letter for letter

​Step 2: the variants, from the chosen logo

​Step 3: flat vector-style art in the same style

​Put it in your game

​Check it before you print or ship it

​When you need a vector file

​Scale it up

​Common problems

​Questions

The chain

Before you start

Step 1: the title logo, letter for letter

Step 2: the variants, from the chosen logo

Step 3: flat vector-style art in the same style

Put it in your game

Check it before you print or ship it

When you need a vector file

Scale it up

Common problems

Questions