Following our guidelines in creating your artwork ensures that the images in your app will appear optimally across different devices and screen sizes. Each event within a society app can have its own unique branding.

In the table below you will find the required dimensions for the artwork. For all images you can use either PNG or JPG, unless specified otherwise.

Artwork

Type

Dimensions (px)

Event tiles

Event, medium

Event, large

600x600

1260x600

Invite email

Header

900x450

Sign-in

Background

1600x900

News feed

Background

Banner

3000x3000

2400x600

People images

Background

Profile picture

1200x600

600x600

More explanation and examples are given in the paragraphs below.

IMPORTANT: To maximise the app's performance and speed, images should be less than 1MB, but preferably as small as possible. Use JPG when the image is photographic, and PNG for graphics and text. To convert one to the other, go to png2jpg.com or jpg2png.com. To compress large images, either PNG or JPG, use tinypng.com.

Event tiles

For an event in the app, the large image (1260x600px) is always required. This image is also used for the event info. The medium image (600x600px) is only required for a medium tile size.

Invite email

If you are using the invite feature from the attendee list, you can brand the emails that are sent. You can set a header image (900x450px) and a hexadecimal (e.g. #FFFFFF) accent color, used for titles, buttons and links.

Sign-in background

If a user signs in to the web app through the menu top right, they see a full screen image behind the section where they can sign in. This image should be 1600x900px. Please note that depending on the user's screen size, parts of it will be cut off, so don't place important content near the edges.

News feed background

Behind the news feed, a square image (3000x3000px) is shown on top of a customizable background color (hexadecimal, e.g. #FFFFFF). This image is resized for all screen sizes, but remains square. If you use PNG, you can add a gradient from transparent to solid to the bottom of the image, so that it transitions nicely the background color.

News feed banners

Optionally, you can add one or multiple banners (2400x600px) above the first news message, that will be displayed as a slideshow.

People images

Background

You can change the default background image behind all person profiles. This image will be used for all person pages in this event. This image should have a size of 1200x600px.

Profile picture

For speaker or presenter images, we require the profile picture with a size of 600x600px. Faces should be positioned in the centre of the photo as they will be cropped to a circle.

Did this answer your question?