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.

This page contains information about:

  1. Event tiles
  2. Invite emails
  3. Intro pages
  4. News feed background
  5. Floor plans
  6. Carousel images
  7. Company images
  8. People images

IMPORTANT: To maximise the app's performance and speed, images should be below 1MB, but preferably as small as possible. If both JPG and PNG are allowed, 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 (PNG or JPG), use tinypng.com.

Event tiles

For an event in the app, the large image is always required. This image is also used for the event info. The medium image is only required for a medium tile size. We require the following sizes, in PNG or JPG:

  1. Event_M  |  600x600px
  2. Event_L  |  1260x600px

Invite emails

If you're using the invite feature from the attendee list, you can brand the emails that are sent. You can set a header image and an accent color, used for titles, buttons and links.

  1. invite_header  |  900x450px
  2. accent color  |  hexadecimal color, e.g. #FFFFFF

Intro pages

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

Attention points

  • 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.

For an intro page, we require the image in the following sizes, in PNG or JPG:

  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

News feed background

Behind the news feed, a square image is shown on top of a customizable background color. This image is resized for all screen sizes, but remains square.

For this background, we require the image in 3000x3000px, in PNG or JPG. 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 above the first news message, that will be displayed as a slideshow.

The banner should be 2400x600px, in PNG or JPG.

Floor plans

You can upload one or multiple floor plans in an event. 

Floor plans should be PNG or JPG and have a maximum size of 2000x2000px.

Carousel images

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

Carousel images should be PNG or JPG and have a size of 1500x2000px.

Company images

There are two types of company pages: a 'regular' company page, and a sponsor page. On the company page header, you can choose between having a logo with a background, or use the background as a banner. Optionally, you can link a URL to this banner. Besides this, you can add a slideshow of rotating banners on both page types.

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 (not on sponsor pages). The logo should be PNG or JPG, with 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 be PNG or JPG, with a size of 1200x600px.

Background

On company pages, the background behind the logo can also be customized. This image should be PNG or JPG, and have a size of 1200x600px.

Banner

It is also possible to replace the logo and background on a company page with a clickable banner. The banner image should be PNG or JPG, and have a size of 1200x600px.

Slideshow 

On company pages, the slideshow images are shown below the info. The images should be PNG or JPG and have a size of 1280x480px. 

On sponsor pages, they are shown at the top of the page. The images should be PNG or JPG and have a size of 1200x600px.

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

If added, this logo appears above the session name in the daily programme. The image should be PNG or JPG, and 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 be PNG or JPG, and 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 be PNG or JPG, and have a size of 1200x600px.

Profile picture

For speaker or presenter images, we require the profile picture as PNG or JPG, 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?