Campaign Link Design Guide

Recommended sizing for graphical assets

Mads Lyse Nielsen avatar
Written by Mads Lyse Nielsen
Updated over a week ago

The graphical recommendations included in this guide are game-specific. You can find general recommendations for backgrounds, logos, and other images here.

Required graphics are marked with a star*

Dimensions are listed in pixels, width x height.

Maximum file size: 700kb

File types: .png, .jpeg, .jpg, .gif, .svg

Campaign Link connects multiple games. The player has an overview of all of the games they can play, usually shown with thumbnail images.

Thumbnail images

  • Number: 3 styles for each game: locked, active, complete

  • Recommended maximum: 36 (12 different games)

  • Recommended size: see below (based on number of thumbnails)

  • You can create separate thumbnails for desktop and mobile if you want to use different dimensions. Otherwise, the images will scale to fit on mobile.

Thumbnail styles

Locked: This is what the player will see if they are not allowed to open the game. This could be because they have not completed the previous game, because the game is date-controlled, or for some other reason (metric data filters).

Active: This is what the player will see when they can open the game and play it. Once they complete the game (which might mean winning it, but could also just mean finishing it), they will see the Completed thumbnail.

Completed: This is what the player sees when they have completed the game. This can either mean that the player cannot open the game again, or that they can re-play the game if they like (but re-playing will not change the fact that the game has been completed).

Thumbnail size

The size of your thumbnails will depend on how many games you have.

Below are the measurements for the thumbnail width based on how many columns you are using. The height will depend on how many rows there will be (e.g. 6 games in 3 columns = 2 rows).

Number of Columns

Width (desktop)

Width (mobile)

1

1080px

300px

2

525px

135px

3

340px

80px

4

255px

- not recommended -

5

200px

- not recommended -

6

160px

- not recommended -

Examples

Below are examples of two versions of the locked/active/complete thumbnails in different sizes.

Example 1, 340px x 500px:

Example 2: 340px x 310px:

Did this answer your question?