Steamworks Documentation
Library Assets
As part of the release process on Steam, you will be required to deliver various graphical assets for your product. These assets are displayed in customer's libraries and in the community.

Templates

Download Photoshop templates for the library images here: https://partner.steamgames.com/public/marketing/game_page_templates_v3.zip

Library Capsule

  • Library capsule images should contain a readable product logo/name and have accurate dimensions.
  • Capsule images should not contain URLs, developer logos, or operating system/platform/store logos.
  • Capsule images should have PG-13 and under appropriate artwork.

library_capsule.png

Usage: This image is primarily used in the library overview and collection views.

Design: This should be graphically-centric and give the user some sense of the experience. Please use the key art and logo that is being used for any retail boxes or marketing. Avoid using quotes or other strings of text beyond the title of your application. The art should immediately tell the customer something important about your product. The logo should be easily legible against the background.

Size: Please provide at ‘600px x 900px’.

Library Details Page

The hero graphic and the logo are layered and move independently when the page is scrolled, creating a subtle parallax effect. Consider how the product logo will be placed on top of the hero image (left bottom corner or centered). You’ll want to ensure the logo is both visible and legible against the background.

Note: Higher resolution images are accepted and used for high resolution monitors. They are not required, but will be in the future.

Hero Graphic

Hero_example.jpg

Usage: Appears at the top of a user’s library details page for this product.

Design: This should be a visually rich image that is easily recognizable. For best results, please use the key art and logo that is being used for any retail boxes or marketing. Avoid using quotes or other strings of text.

At the center of the template is a “safe area” of 860px x 380px. This area will remain uncropped across scaling and resizing of the Steam client window. Artwork should extend across the entire template, but critical content should be within the safe area. For ex: a main character’s face should be entirely in the safe area or risk being cropped.

Size: 1920px x 620px PNG, or 3840px x 1240px (the higher res version will be required in the future)

Logo

Logo_example_1.png
Usage: Appears at the top of a user’s library details page for this product, placed on top of the hero graphic.

Design: For best results, use the logo that is being used for any retail boxes or marketing. You’ll want to ensure the logo is both visible and legible against the hero graphic background. The PNG image should have a transparent background.

Size: 640px x 360px PNG, or 1280px x 720px (the higher res version will be required in the future)

After upload, you'll use the preview tool to select the logo's position. Options include: left bottom corner, centered top, centered middle, and centered bottom.

Note: If a hero graphic and logo are not uploaded, the hero area will display a screenshot from the store, with the application name text overlaid in the bottom left corner.