Artwork Guidelines - Sponsored items

Whether you're showcasing a sponsor on the home page, promoting a sponsored session or creating an exhibitor booth, following these guidelines will ensure the artwork looks great across mobile devices, tablets and the web.

Society screen tile (Info tile)

👁️ Where users see it: On the Community/Society level: Displayed on the Multi-event App selection screen, the app icon appears on users' home screens and in the App Store and Google Play Store. Tiles can link to: an information page, a website, and sponsored content.

✅ Requirements:

• Small 600 x 370 px
• Medium 600 x 800 px
• Large 1260 x 800 px

👉 Where to upload in the studio: Go Community App > Home > Click Add tile > Click Info tile from the dropdown options > A page will open where you can upload your sponsored (or other) image size (you can choose between small, medium and large). To link the tile to your item, scroll down to Content and either link to a Page or to a URL.

Event intro screens

👁️ Where users see it: Intro screens (also known as splash screen) are displayed when users open the event, and are a great opportunity to show a main sponsor. You can upload multiple images and configure how long each one is displayed.

✅ Requirements:

• Intro screen image 1080 × 1920 px
• Optional but recommended: a chosen hexcode background color

Intro screens are shown before the event home page is shown and can for instance be used to showcase sponsored content. Images are 1080x1920 and are placed on top of a customisable background colour.

👉 Where to upload in the studio: Choose your event > Pages > Home > Select the intro screen button next to the Home page of the event app, then a popup will appear where you can choose multiple intro screen images.

Event tile

👁️ Where do users see it: The large required event banner (also known as large event tile) is used in the mobile app when the event is linked with a large tile, and in the web app when accessing the event through the event overview on Floq Live.

✅ Requirements:

• Required: Large event tile (1260x600px)
• Medium event tile (600x600px)

This is what the large event image (event tile) looks like in the web app (right) and when the user initially opens the multi-event event app (left).

👉 Where to upload in the studio: Choose your event in your Community level in the studio > Click on Settings > Click on the General tab > Scroll down to Images > Upload your Event image.

 

Home page banner

👁️ Where users see it: Displayed at the top of the event home page. You can choose to show the event name as text on top of this banner, like in the example below, but you can also add it to the image itself. 

✅ Requirements: Different aspect ratios are needed for the different device types:

• Mobile: 1080 x 1080 px (1:1)
• Tablet: 1920 x 960 px (2:1)
• Web: 1920 x 480 px (4:1)
• Choose a customizable background colour (hexadecimal, e.g. #FFFFFF) that is shown below the image on the rest of the page.

👉 Where to upload in the studio: Choose your event > Pages > Home > Select the device type (mobile, tablet or web) and when hovering on the home screen, the text "Add/change page banner" will appear. 

Navigation buttons

👁️ Where users see it: These are the main buttons displayed on the home page, and can be customized to fit the event branding. You can create the navigation tiles for the home page in the studio by selecting an icon and choosing a label, but you can also upload a custom image.

✅ Requirements: Different aspect ratios are needed for the different device types:

• Small – 600 × 170 px
• Medium – 600 × 370 px
• Large – 1260 × 370 px

👉 Where to upload in the studio: Choose your event > Pages > Home > Add a Navigation widget > scroll down in your Home screen and click "Add button" > Connect your button to a page, and change the Type to Image to add an image for a button.

Already have a navigation widget and want to edit or add more buttons? Simply click the 3 dots (...) next to the navigation section to add a button to that section, or edit a button by hovering over one and clicking the 3 dots that appear. 

 

 

 

 

Sponsor banner

👁️ Where users see it: Displayed as a slideshow (sponsor banner widget) on the home page. You can have as many images and as many separate sponsor banners as you like.

✅ Requirements:

• Banner 1260 × 370 px

👉 Where to upload in the studio: Choose your event > Pages > Home > Add a Navigation widget > scroll down in your Home screen and click "Add button" > Connect your button to a page, and change the Type to Image to add an image for a button.

News messages

👁️ Where users see it: Optionally displayed on top of a news message, which can be seen in the home screen and when you open a news message.

✅ Requirements: 

• There are no requirements for these images: recommended 1200 x 300 px
• Optional: This could also be a Youtube or Vimeo video (URL required)

👉 Where to upload in the studio: Choose your event > Click News > Either add a message or edit an existing message > Scroll down to Content > Upload a Banner image or video URL.

Banner on list or navigation page

👁️ Where users see it: Displayed above list and navigation pages as a slideshow (optional), you can add one or multiple banners.

✅ Requirements: Different aspect ratios are needed for the different device types:

• Banner image 1280 × 320 px

👉 Where to upload in the studio: Choose your event > Pages > then, click the Pages tab > Click on List where a dropdown will appear > click the list you want your banner to show (in this example it is Exhibitors) > Go to Slideshow and upload a banner of your choice!

Sponsored session images

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

Sponsor logo

👁️ Where users see it: Appears above the session title within the Daily Programme.

✅ Requirements: 

• 900 × 150 px

 

 

 

 

 

 

👉 Where to upload in the studio: Choose your event > Click on Data > Choose the Programme items tab > then, locate the session/presentation you would like to add the sponsor logo to > Click your session > Scroll to Images > Upload your Sponsor logo.

Session banner

👁️ Where users see it: Appears at the top of the session detail page.

✅ Requirements: 

• Banner 1200 × 600 px
• Optional: Vimeo or Youtube link to add a video

👉 Where to upload in the studio: Choose your event > Click on Settings > Click on Data types tab > Go to Programme items and select the item you want to display all the same banner (eg: all Sessions, or only all Posters, etc) > Scroll down to the Image section and upload your banner image.

Want to change the banner per programme item? Choose your event > Click on Data > Choose the Programme items tab > then, locate the session/presentation you would like to add the session banner to > Click your session > Scroll to Images > Find Banner > Upload your Sponsor logo.

Virtual rooms - Placeholder images

Placeholder slide frame & speaker frame

👁️ Placeholder slide frame - Where users see it: A placeholder image for slides in a virtual room in the branding of your event. When no slides are being shared, this image is the placeholder instead. Great to use for sponsored sessions!

👁️ Placeholder speaker frame - Where users see it: This placeholder image can be seen in a virtual room in the branding of your event where the speaker should be displayed. When no video camera on the speaker is shared, this image is the placeholder instead

✅ Requirements: 

• Placeholder slide frame 1280 x 720 px
• Placeholder speaker frame 1280 x 720 px

 

 

 

👉 Where to upload in the studio: Choose your event > Click on Settings > Click on the General tab > Scroll down to Images section > Find the Placeholder images in virtual rooms section and upload your image in Slides frame.

Virtual room banner

👁️ Where users see it: You can add a unique banner in each virtual room which will be displayed below the slides frame. The image could be linked to an object or page in the app, or an external URL.

✅ Requirements: 

• Sponsor Banner 1280 x 160 px.

👉 Where to upload in the studio: Choose your event > Click on Data > Click on the session/poster/presentation you would like to add a sponsor banner to > Go to Scroll down to Virtual room section > Upload your image in the Sponsor banner section*


*This is not the same as Sponsor logo. To know the different, click here.

Large card in industry list

👁️ Where users see it: By default, institutes/sponsors will display a small card, which is automatically the logo image, but institutes have the option to appear on a large card with a customisable banner in the industry overview.

✅ Requirements: 

• Large card 1200 x 600 px.

👉 Where to upload in the studio: Choose your event > Click on Data > Click on the institute/sponsor/exhibitor you would like to have a large image card > Scroll down to the Layout section > Go to the Card size section > Click the Large tab instead of the default Small tab > Then, Card image section will appear where you can upload your large card image.

Institute page (side panel)

👁️ Where users see it: Companies have the option to fill in their pages with information and slideshows to get the attendee's attention and include links to their booths, sessions, website, or social media pages as a way to get in touch.

Institution Logo

✅ Requirements: 

• Logo image 600 x 600 px.

👉 Where to upload in the studio: Choose your event > Click on Data > Click on the institute/sponsor/exhibitor you would like to uplaod a logo for > In the General section you will see where you can upload a logo for a institution.

Background images for institutions (side panel)

✅ Requirements: 

• Background image for institutes 1200 x 600 px.

👉 Where to upload in the studio: Choose your event > Click on Settings > Click on the Data types tab > Find the Institutions dropdown and locate which type you would like to apply a background image for all institutes of the same type > Scroll down to the Image section and locate Background image where you can upload your image.

Slideshow images (side panel) (web only)

👁️ Where users see it: Slideshow images are show just under the content tabs.



✅ Requirements: 

• Slideshow images for institutes 1200 x 600 px.

👉 Where to upload in the studio: Choose your event > Click on Data > Click on the institute/sponsor/exhibitor you want to add a slideshow for > Scroll down to the Layout section > Go to the Slideshow section > Upload as many slides as you want.

Exhibitor booth

This is a customisable page that can be built to individual needs including a background image (web only) and logo; a video; a slideshow; information texts; downloadable resources; links to external websites, social media, and contact information; as well as a drop business card feature for attendees to get in touch with the sponsors.

Institution Logo

✅ Requirements: 

• Logo image 600 x 600 px.

👉 Where to upload in the studio: Choose your event > Click on Data > Click on the institute/sponsor/exhibitor you would like to uplaod a logo for > In the General section you will see where you can upload a logo for a institution.

Page banner for institutions (exhibitor booth)

👁️ Where users see it: The banner behind the different sections can be customised

✅ Requirements: 

• This image should have a size of 1920x384px.

• Please note this image is only used in the web app.

👉 Where to upload in the studio: Choose your event > Click on Settings > Click on the Data types tab > Find the Institutions dropdown and locate which type you would like to apply a background image for all institutes of the same type > Scroll down to the Image section and locate Background image where you can upload your image.

Slideshow images (exhibitor booth) (web only)

👁️ Where users see it: In exhibitor booth, slideshow images are show just above the company name.

✅ Requirements: 

• Slideshow images for institutes 1200 x 600 px.

👉 Where to upload in the studio: Choose your event > Click on Data > Click on the institute/sponsor/exhibitor you want to add a slideshow for > Scroll down to the Layout section > Go to the Slideshow section > Upload as many slides as you want.