Steamworks Documentation
Store Promo Graphical Assets
If you are looking for all Steam asset specs, please see Asset Overview

Many of the major events on Steam, including regular curated promotions, feature specific sizes of artwork that are unique to those promotional spaces.

Many of these assets you can create yourself with your own design teams. Please send them to Valve with at least a week lead time so we can give you feedback and for our localization team to have time. We always translate Steam banners into 26+ languages.
NOTE: These are requirements when sending assets:
  • **All assets must be under 5MB**
  • A layered Photoshop (PSD) files
    • Main game/character art in highest resolution possible (smart object preferred). Doing so allows us to re-use these assets to create other Steam promotional art when necessary
    • Logo (smart object preferred) separated from the art
    • Any text should be editable in a separate “text” folder within the PSD document, so that it may be easily localized by our team.
  • Any fonts used (especially custom fonts)
  • For animated assets, please also provide a seamless looping MP4 or PNG sequence without the text and logo. Any text should not be animated so it may be easily localized by our team.

Asset NameSizeTypeNotes
Pop-up Marketing Messages570px x 600pxJPG or GIFGame or update artwork with game logo. Short Call-to-action.
See details
Spotlight Banner306px x 350pxJPGGame artwork with logo. Text will be laid over the bottom automatically
See details
Takeover Banner1850px x 450pxJPG, PNG. MP4 & WebM if animatedGame or update artwork with game logo. Short Call-to-action.
See details
Takeover Mobile Banner500px x 350pxJPG, PNG. MP4 & WebM if animatedSmaller version of Takeover Banner
Required if running a Takeover
See details
Takeunder Banner940px x 150pxJPG, PNG. MP4 & WebM if animatedGame or update artwork with game logo. Short Call-to-action.
See details
Takeunder Mobile Banner500px x 160pxJPG, PNG. MP4 & WebM if animatedSmaller version of Takeunder Banner
Required if running a Takeunder
See details

Templates for the above assets are available here: Promo Assets.zip

Pop-up Marketing Messages

Usage: Steam message pop-up window and on the front page of Steam

Design: For best results, please make sure the logo is clearly legible, and include a callout to the type of promotion it is (Pre-Purchase, Available Now, Coming Soon, etc.). Price and call-to-action button will automatically appear below the image.

Size: 570px x 600px, JPEG or GIF. If using GIF, keep file size below 5MB

Now AvailableWeekend DealNew DLC Available
IM_spark.jpgIM_doom.jpgIM_dlc.jpg
Midweek MadnessJust Updated
IM_Midweek.jpgIM_Update.jpg
Pre-Purchase NowPre-Load Now
IM_prepurchase.jpgIM_preload.jpg
Free WeekendFree Weekend Followup
IM_freeweekend.jpgIM_freweekendfollowup.jpg

Spotlight Banner

Usage: Spotlight banners appear near the top of the Steam Home page for specific promotions such as Midweek Madness or Weekend Deals.

Design: Spotlight Banners will automatically have a section rendered over the bottom with the text describing the type of promotion (eg. "Weekend Deal") and the end dates of the promo. The amount of the bottom of the image that may be covered can vary depending on volume of text and/or language. Please refrain from putting key elements in the bottom ¼ of the image. Otherwise, this banner should mostly just focus on your game art and logo

Size: 306px x 350px, JPEG

Spotlight bannerSpotlight Screenshot
A blue overlay will cover the bottom area (shown in pink)Example of the text overlay when shown on the store
spotlight_template.jpgspotlight_display.jpg

Takeover Banner

Usage: Steam Takeover is used only for the largest of game launches or specific Publisher Sales. This banner appears at the top of the Steam Store home page.

Design: Steam Takeover images should be simple and eye-catching. Typically the singular key piece of artwork that represents your brand and your product logo. This may use feathered edges or may transition to a different solid color if the primary color contrasts too greatly with the standard blue color of the Steam store.

Size: 1850px x 450px, PNG
Video Size: 1850px x 450px, MP4 & WebM

Frontpage_Takeover.jpg

FrontPage_Takeover_EXAMPLE.jpg

Takeover Mobile Banner

Usage: This is a mobile version of the Steam Takeover. It will be shown in browsers less than 500px wide.

Design: Should match the design of the Takeover, but smaller. Use the whole size and fill the space with logo and call-to-action.

Size: 500px x 350px, PNG
Video Size: 500px x 350px, MP4 & WebM

Take-under Banner

Usage: Steam Takeunder is used only for some of the largest of game launches or specific Publisher Sales. This banner appears near the top of the Steam Store home page, just below the Main Capsule carousel.

Design: Steam Takeunder images should be simple and eye-catching. Typically the singular key piece of artwork that represents your brand and your product logo. This will be shown as a banner on the page, so you can use the full dimensions of the asset (no feathered edges).

Size: 940px x 150px, PNG
Video Size: 940px x 150px, MP4 & WebM

take_under.jpg

Take-under Mobile Banner

Usage: This is a mobile version of the Steam Takeunder. It will be shown in browsers less than 500px wide.

Design: Should match the design of the Takeunder, but smaller. Use the whole size and fill the space with logo and call-to-action.

Size: 500px x 160px, PNG
Video Size: 500px x 160px, MP4 & WebM

take_under_mobile.jpg