search

Found

info Overview

Build a Steam Header Capsule with title, tagline, genre tag plus 3 backgrounds (solid, gradient, vignette) — 920x430 PNG, color + text-color pickers.

📘 How to Use

  1. Type your game title, tagline and genre tag
  2. Pick a background style (solid / gradient / vignette) and adjust the two background colors and text color
  3. Check the preview to confirm spacing and legibility
  4. Click the Download button

Steam Capsule Image Builder

Article

Steam Capsule Image Builder | Placeholder Header Capsules at 920x430

Generate a Steam header capsule (920x430, the new spec) in the title / tagline / genre-chip layout, with Steam store dark-navy + cyan defaults. Designed as a fast placeholder while your real key art is still in production.

💡 About this tool

When you are about to submit a Steam store page for review, your real capsule art is often still being commissioned, iterated on, or stuck in the queue with an illustrator. You still need something readable at the top of your store page, in your press kit draft, and in the screenshots you send to friends asking "does this look like a Steam page yet?"

This builder is intentionally narrow: a centered game title, a tagline below it, a Space Mono genre chip at the bottom, and three background modes (solid, gradient, vignette). You cannot drop in concept art or upload a logo PSD. The trade-off is that you get a Steam-looking header in well under a minute without leaving the page.

The output is fixed at 920x430 PNG. Valve upgraded the header capsule spec in August 2024 (the old size was 460x215), and the builder targets the new 920x430 directly so you are not rebuilding the file the day before submission.

🧐 Frequently Asked Questions

Why is the output exactly 920x430? That is the current Steam header capsule spec, raised from 460x215 in August 2024. Valve started phasing out the old smaller sizes on November 1, 2024, so any new store page should ship at the new resolution.

The preview looks small (460x215). Is the export low-res? No. The preview area is CSS-scaled down to 460x215 to mirror what the capsule looks like in the Steam grid, but the canvas underneath renders at full 920x430 and the downloaded PNG is the full-resolution file.

What should I put in the genre tag? Keep it to one or two words: "Roguelike", "Indie - Adventure", "Puzzle Platformer". Valve's own design guidance discourages extra marketing text on base capsules, so the chip is most useful during placeholder and press-kit drafting, not as a permanent fixture in the final art.

When do I use solid vs gradient vs vignette? Solid maximizes text contrast and is the safest first pass. Gradient adds mood without distracting from the title. Vignette pulls the eye to center and is useful for narrative or atmospheric games. Try all three with your title before committing to a brief for the real artist.

Can I import a logo PNG? Not in this tool. It is text-only by design. Once you have real logo art, you should move to a layered editor (Photoshop, Affinity, Figma) for the final capsule. This builder covers the gap before that step.

📚 Why Placeholder Capsules Matter for Indie Launches

Steam reuses the header capsule across the store carousel, the "Recommended for You" rail, the library grid, Big Picture browse views, and the Daily Deal slot. One image has to survive being shrunk dramatically. Valve's own guidance says your logo should be readable at 120x45 pixels, roughly one-eighth of the header capsule's footprint. That constraint is why this builder auto-fits the title to about 85% of the canvas width: anything narrower starts to disappear in the grid.

Veteran capsule designers consistently warn against the "indie collage" - five characters, a vehicle, a dragon, and the logo all crammed in. At thumbnail size that collage becomes visual noise, while a single high-contrast focal point reads cleanly. Even at the placeholder stage, it is worth testing whether your working title survives shrinking by half before you sign off on a brief, and the typed-text-on-flat-color approach here makes that legibility test trivial.

Treat the exported PNG as a stand-in: replace it with proper key art before launch, but use the placeholder to lock in your title typography hierarchy, genre framing, and color story while the rest of the page comes together.