Steamworks Documentation
Events and Announcements Examples
As part of the Steam Library update, we’ve improved the look and feel of your event and announcement pages, along with the authoring tools for creating them. Below is an example of one of these revamped event pages, and how it will appear under your page’s Recent Updates.

Cover Image

A portal to your event/announcement.

The cover image asset is used to represent your event/announcement in a number of places across Steam, including on the store page for your game and in the Steam Client Library. It's used to link to your event/announcement and may be displayed alongside content from multiple games, so the image should be clear and recognizable.

Alongside the cover image, Steam will always include your game's name and icon, so you do not need to include this information within the image. Instead, it is recommended that the image concisely represents your announcement, including any announcement specific graphics or branding. Example: to take a specific event like TI6, Valve would create a cover image focusing on "The International" rather than a generic use of "Dota 2".

Example cover images:

capsule_examples.jpg


When viewed inside the Steam Library:

event_example_home_862.jpg

Event/Announcement Detail Page

The guts of your event/announcement.
Users will click through the cover image (described above) to read the Event Detail page.


There are two primary parts to the Event Detail page:

Event Header

An event header image can be provided for each event or announcement that you post. This graphic is optional but increases the prominence of your major updates. If provided, the graphic should include images and logos/branding related to your update.

Event Body

Users can interact with the event body section of your announcement. So, in addition to text and static images, feel free to include Steam Store widgets or YouTube videos.

event_example_detail_lg2.jpg

Steam Library - Game Details Page

Your game details page in the Steam Library includes three image types to convey information about the state of your game.
  • Hero image - Reflects the branding/art for your game
  • Featured Event - You can "Feature" an important event/announcement for your users, which causes it to appear at the top of your library page with a special formatting to stand out.
  • Patch Notes - Patch Notes are shown in a more compact format to convey their less prominent status.


Library-Breakdown.jpg

Hero Image and Game Logo

The hero image supplied for your game will act as the branding/header for your game details page and as a visual anchor representing where a user is within the Steam Client. Users will expect this image to be consistent, recognizable, and an accurate representation of your game's brand. Therefore it should not include any text or other messaging related to most events or announcements. In most cases, to alert the user to new information, you'll want to use the spotlight image described below.

In the rare case, you may want to change your hero image to reflect major changes in your game. Some scenarios for updating your library hero image are:
  • major content update
  • the start of a new game season
  • addition of a new game character
  • a long running seasonal event (a multi-week Halloween or Christmas update)

Cover Image

Your cover image is reused alongside the event Title and Summary when displaying previous events/announcements in the user's Activity Feed.

Doc_partnerevent_coverinfeed_examples.jpg