Your society app is a container that can host multiple events, information pages and news. Following our guidelines in creating your artwork ensures that images in your app will appear optimally across different devices and screen sizes. 

This page contains information about:

  1. App icon
  2. Google Play Store images
  3. Welcome screen
  4. Selection screen tiles
  5. Confirmation and password reset emails

You can find the guidelines for event-related artwork, such as the intro page, exhibitor logos or person images, in the Event guidelines page.

IMPORTANT: To maximise the app's performance and speed, images should be less than 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, 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 600 x 600px and align it in the center of the image.

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

  1. icon_iOS  |  1024x1024px.
  2. icon_Android | 1024x1024px.

Google Play Store images

To submit your app to the Google Play Store, create the following images that represent your app.  The image must be PNG, and should have no transparency or shadow. Please note that the corners of the image will be automatically rounded, so important information should be kept from the edges.

  1. icon_square_512x512  |  512x512px
  2. feature_graphic  |  1024x500px

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

  1. welcome_screen_logo  |  1024x1024px
  2. background color  |  hexadecimal color, e.g. #FFFFFF

Selection screen tiles

Upon launching the society app, the selection screen appears. This screen showcases your events, information and news in the form of tiles. These tiles can be configured individually and arranged in different ways depending on the device size and screen orientation.

Events

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

Info, news and topical chat

For each info, news, or topical chat page, you only have to upload the tile size you're using: small, medium or large. We require the following sizes, in PNG or JPG:

  1. Info_S  |  600px x 370px
  2. Info_M  |  600px x 800px
  3. Info_L  |  1260px x 800px

Confirmation and password reset emails

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 and an accent color, used for titles, buttons and links.

  1. society_header  |  900x300p
  2. accent color  |  hexadecimal color, e.g. #FFFFFF

Please refer to Artwork Guidelines - Event for creating the artwork for Events within the app.

Did this answer your question?