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 |
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 |
Event icon | icon | 120x120 |
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.
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 within an event, they see a full screen image behind the box where they can sign in. This image should be 1920x1080px.
This image is used for both mobile and web app. The image is cropped from the left and right if the screen of the user has a different ratio or orientation. That means for example for mobile, (large) parts of it will be cut off, so don't place important content near the edges.
Intro pages
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:
intro_4-3_port | 1536x2048px
intro_4-3_land | 2048x1536px
intro_16-9_port | 1440x2560px
intro_16-9_land | 2560x1440px
intro_16-10_port | 1600x2560px
intro_16-10_land | 2560x1600px
intro_195-9_port | 1440x3118px
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.
Event icon
The event icon can be used to brand your web app. It is shown at the top left in the app bar.
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.
