A single event app contains the content of your event and should reflect the event branding through the artwork and colours. Following our guidelines to create your artwork, ensures that images in your app will appear optimally across different devices and screen sizes.

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)

App icon

iOS icon

Android icon

1024x1024 (PNG only)

1024x1024 (PNG only)

Google Play Store

Icon

Feature graphic

512x512 (PNG only)

1024x500 (PNG only)

Welcome screen

Logo

1024x1024

Confirmation and password reset emails

Header

900x300

Invite email

Header

900x450

Sign-in

Background

1600x900

Intro page

intro_4-3_port

intro_4-3_land

intro_16-9_port

intro_16-9_land

intro_16-10_port

intro_16-10_land

intro_195-9_port

intro_195-9_land

1536x2048

2048x1536

1440x2560

2560x1440

1600x2560

2560x1600

1440x3118

3118x1440

Carousel

Carousel image

1500x2000

News feed

Background

Banner

3000x3000

2400x600

Floor plans

Floor plan

max. 2000x2000

Company images

Logo

Card image for grid view

Booth background

Slideshow

Session sponsor logo

Session banner

600x600

1200x600

1920x384

1280x480

900x150

1200x600

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.

App icon

The app icon is the visual anchor for your app. It should reflect your Society app, while remaining sharp and legible at a small scale. Because iOS and Android crop icons in a different way, two different icons are needed to make sure it looks good on both platforms. For iOS, only the corners are rounded. For Android, a mask is applied and more of the original image is cropped. Try to make your artwork no bigger than 600x600px and align it in the centre of the image.

Both images should be a 1024x1024px PNG, and should have no transparency or shadow.

Google Play Store images

To submit your app to the Google Play Store, create the following images that represent your app:

  • A square icon of 512x512px. You can resize the App icon for this.

  • A feature graphic of 1024x500px

Both images should be PNG without transparency or shadow. Please note that the corners of the image will be automatically rounded, so important information should be kept from the edges.

Welcome screen

The welcome or splash screen is displayed while the app opens and loads. The length of time for which the welcome screen appears depends on the size of the app and the speed of the device.

The welcome screen is composed of a square logo (1024x1024px, see dashed line in the image below) on top of a background color. Make sure the logo has transparency, so that it looks good on the background color.

Confirmation and password reset email

If you're allowing your users to log in to the app with their email address, you can brand the emails that are sent. These are the mail to verify a user's email address or to reset their password. You can set a header image (900x300px) and a hexadecimal (e.g. #FFFFFF) accent color, used for titles, buttons and links.

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.

Intro page

An intro page is displayed when an event is opened. The duration can be configured.

Using the suffixes "_4-3_port", "_16-10_land", etc. in your file naming as listed below, will allow for all of the images to be uploaded at once into the configurator. An Adobe Illustrator template with export-ready artboards is available upon request.

We require the image in the following sizes:

  1. intro_4-3_port | 1536x2048px

  2. intro_4-3_land | 2048x1536px

  3. intro_16-9_port | 1440x2560px

  4. intro_16-9_land | 2560x1440px

  5. intro_16-10_port | 1600x2560px

  6. intro_16-10_land | 2560x1600px

  7. intro_195-9_port | 1440x3118px

  8. intro_195-9_land | 3118x1440px

Carousel images

Carousel images can be added after the intro page to showcase, for instance, sponsored content. Images are one size (1500x2000px) and appear as an overlay on the screen. The overlay can be closed by the user at any time.

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.

Floor plans

You can upload one or multiple floor plans in an event. Floor plans should have a maximum size of 2000x2000px.

Company images

Logo

If you add a company logo, it will be shown in the list of companies (in list view and in grid view if the card size is small) and on the company page. The logo should have a size of 600x600px.

Card image for grid view

In case you display your exhibitors in a grid instead of a list, and you have set the tile size of a certain exhibitor to be Large, you need to add an additional image. This image should have a size of 1200x600px.

Background

On company pages, the background behind the different sections (the triangles in the example below) can also be customized.

This image should have a size of 1920x384px. Please note this image is only used in the web app.

Slideshow

The slideshow images are shown on the Info tab, below the description. Images added here should have a size of 1280x480px.

Company images for sessions

You can also add company images to a session page: a logo above the session in the list, and/or a banner on the session detail page.

Sponsor logo

The sponsor logo appears above the session name in the daily programme. The image should have a size of 900x150px.

Session banner

It is also possible to place a clickable banner at the top of a session detail page. The banner image should have a size of 1200x600px.

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?