Format

Square 1:1

Portrait 4:5

Wide 16:9

Custom…

Composition scale

Template

Replaces the layer stack with a starting point. A ★ means you've saved a custom layout over the built-in.

IMG

Trade show

Event centerpiece

Partnership

Solidicon × Partner

Game launch

Logo + characters

Going to event

Solidicon → event

Blank

Start fresh

Downloads a file embedding all 5 templates + any local images. Drop it next to index.html and the tool becomes self-contained for sharing.

Background

Pick a palette — every overlay below auto-tints from its accent colour so they always harmonise. Tweak any colour to override.

Base

Gradient

Photo

Gradient style

Linear

Soft radial

Color 1 (accent)

Color 2 (deep)

Overlays

Soft glow

Blobs

Fingerprint

Smoke

Vignette Random seed (blobs & smoke)

Export

Choose a size, export one game or all of them, and pick a format — PNG, JPEG or WebP. Tick Animated for SVGs with motion instead.

Theme

Width × Height (px)

Common sizes

Games

All games

Single game

Animated (SVG)

Format

PNG

JPEG

WebP

PSD

Size

Carousel L · 1910×230 · WebP ≤150KB

Carousel S · 430×90 · WebP ≤150KB

Push · 1024×512 · JPG ≤220KB

Social · 1080×1350 · ≤200KB

Inbox · 360×180 · JPG ≤80KB

Custom…

Game artwork

Layers from the chosen preset are drawn onto the banner canvas the same way Thumbnails render — characters anchored to corners stay anchored, backgrounds cover to fit.

Theme

Game

Include game layers (BG + characters + logo) Artwork opacity % Layer min size (px) 0

Floor for every game layer's shorter edge. Bump up to keep characters from getting tiny on short carousel banners.

Game logo size 100%

Scales every layer flagged isLogo (the game's own NAVIGATOR / WIN logo etc.). 100% = preset default; 0% hides them.

Padding (% of canvas, L/T/R/B)

left

top

right

bottom

Insets the game artwork so text / logo / CTA on top have breathing room.

Game layers · visibility

Turn off individual layers for this banner — overrides are per (theme + game) so toggling here doesn't affect Thumbnails.

Gradient overlay

Enabled

Color A

Color B

Alpha A %

Alpha B %

Angle 90°

Text stack

All lines stack vertically and share one anchor. Auto-fit shrinks any line that would overflow the canvas width.

Anchor (where the stack sits on the canvas)

X %

Y %

Scale %

Line gap %

Max width %

Auto-fit

CTA pill

Enabled

Label

BG

Text

Anchor

Size %

X %

Y %

Solidicon logo

Enabled Variant Size 8% Anchor

X %

Y %

Shadow

Layout · save & push

Auto-saved to your browser as you edit. To make the current setup the default for everyone, bake a banner-defaults.js and drop it next to index.html in the repo.

Export

PNG

JPEG

WebP

PSD

—

Prompt

Describe the banner. Claude picks the game, size, headline, accent, and CTA from your intent. Tweak any field below after.

—

Anthropic key / proxy

Use local proxy

Run $env:ANTHROPIC_API_KEY="sk-ant-…"; node proxy.mjs in this folder, then tick the box. Key never enters the browser.

Or paste your key (stored in browser localStorage only). Get a key →

Mode

Game

Uses the same layered composition as the Thumbnails tab.

Size

Headline

Subtitle

Accent colour

White

Cyan

Orange

Gold

Green

CTA pill

—

Format

Template

Background

Overlays

Layers

Export

Game preset

Layers

Layer settings

Preview size

Export

Size

Game artwork

Game layers · visibility

Gradient overlay

Text stack

CTA pill

Solidicon logo

Layout · save & push

Export