Steamworks Documentation
Library and Community 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 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 '300px x 450px' or ‘600px x 900px’ (the higher res versions will be required in the future).

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.

Community Assets

Client Icon

Usage: This icon is used along with your application name when space doesn't allow for a rich graphical image. Such as the game library list and in the mobile apps. It is also used when creating desktop shortcuts to launch your application.

Size: ICO file that includes sizes at least 150px x 150px and 32px x 32px. These sizes accommodate scaling on different resolutions including mobile retina displays.

Community Icon

Usage: This small icon is used in the upper-left corner the store page and community hub pages for your application. This icon will not appear properly on your store page until your app is published as 'Coming Soon' or as fully released.

Note: The Community Icon can be automatically generated from the above Client Icon .ico file.

Size: 32px x 32px JPG