Introduction
A consistent and visually appealing design is key to delivering a professional and engaging experience for your attendees, community members, and app users.
This guide provides all the tools and specifications you need to customize visuals across your Branded App, Community, and Event pages. From exact image dimensions to downloadable design templates, everything you need is here to help maintain brand consistency across all touchpoints.
In this guide, you will find:
Detailed tables listing all the dimensions, aspect ratios, and formats of the images you can customize, along with their specific uses across the platform.
A downloadable PDF file that provides a visual preview of how these images will appear in the app's context, giving you a clear understanding of their impact.
A Figma file, allowing your design team to easily prepare and visualize your custom visuals within the app environment.
Our goal is to make the customization process as seamless as possible, ensuring that your event's branding is represented accurately and beautifully across all digital touchpoints. Dive in to explore all the customization options available and start creating an engaging and visually cohesive experience for your attendees.
Images specifications for your Branded Application
| Dimensions | Size | Ratio | Format | Usage |
Icon | 1024x1024 | - | 1:1 | PNG | Stores and user’s device |
Launch screen | 1125x2436 | 2MB | - | PDF, PNG, JPG | Launch screen |
Home logo | - | - | - | SVG | Application home |
Images specifications for your Community
| Dimensions | Size | Ratio | Format | Usage |
Page background | 2560x1600 | 1MB | 16:10 | GIF, PNG, JPEG | Community pages |
Logo | 2160x1080 | 2MB | 2:1 | GIF, PNG, JPEG | Navigation |
Banner | 1024x256 | 2MB | 2:1 | GIF, PNG, JPEG | Community home |
Images specifications for your Event
| Dimensions | Size | Ratio | Format | Usage |
Page background | 2560x1600 | 1MB | 16:10 | GIF, PNG, JPEG | Event pages |
Event image | 2160x1080 | 2MB | 2:1 | GIF, PNG, JPEG | Community and event home |
Button background | 600x200 | 300kb | 3:1 | GIF, PNG, JPEG | Event home |
Sponsor - Banner ad | 1080x360 | 300kb | 3:1 | GIF, PNG, JPEG | Event home |
Sponsor - Grid of logos | 300x300 | 300kb | 1:1 | GIF, PNG, JPEG | Event home |
Event home ad | 1080x1920 | 1MB | 9:16 | GIF, PNG, JPEG | Event home |
Advanced banner ad - Desktop | 2520x180 | 5MB | 14:1 | GIF, PNG, JPEG | Event pages |
Advanced banner ad - Mobile | 720x180 | 5MB | 4:1 | GIF, PNG, JPEG | Event pages |
Badge header | 1080x360 | 300kb | 3:1 | GIF, PNG, JPEG | Badge |
People profile picture | 200x200 | 1MB | 1:1 | GIF, PNG, JPEG | People page |
Session header | 1920x1080 | 1MB | 16:9 | GIF, PNG, JPEG | Session page |
Roundtable background | 1920x1080 | 1MB | 16:9 | PNG, JPEG | Session details |
Exhibitor header | 1200x675 | 1MB | 16:9 | GIF, PNG, JPEG | Exhibitor details |
Exhibitor logo | 400x200 | 1MB | 2:1 | GIF, PNG, JPEG | Exhibitor page |
Exhibitor background | 2560x1600 | 1MB | 16:10 | GIF, PNG, JPEG | Exhibitor details |
Exhibitor ad | 1080x1920 | 1MB | 9:16 | GIF, PNG, JPEG | Exhibitor details |
Item picture | 400x400 | 1MB | 1:1 | GIF, PNG, JPEG | Item page |
Discussion | 256x256 | 300kb | 1:1 | GIF, PNG, JPEG | Discussion page |
Email header | 1200x300 | 200kb | 4:1 | GIF, PNG, JPEG | Event emails |
Email block | - | 200kb | - | GIF, PNG, JPEG | Event emails |
Reference document presenting all images with specifications
For a detailed view of all image specifications, download the PDF below.
Figma File for Visual Editing and Easy Export
To edit and export your images easily, please use the linked Figma file provided. This tool allows you to customize the design templates to match your event's unique branding and style.
1. Download the Figma template
If you're using the Figma Desktop app, simply double-click the file to open it.
If you're using the Figma Web app, you'll need to import the file,follow these steps to import a file:
Navigate to the Drafts section in the left panel.
Click on the New File button in the top right corner of your screen.
Select the file from your computer.
Once the file is uploaded, click on it to open.
2. Customize the visuals
Click the “Edit Visual” button on each page to tailor the design to your needs.
Remove unnecessary layers and craft your unique visual.
3. Preview your designs
Once your visual is customized, click the “Back to Preview” button.
Review your visual on both desktop and mobile views before moving to the next one.
4. Export your images
Once all visuals are prepared, proceed to the final step to export your designs.
Click the Export button, directing you to the ✏️Visuals page.
On this page, navigate to File at the top left of your screen, then select Export…
A dialog box will appear showcasing all the visuals you've prepared.
Click Export or choose specific visuals if needed before finalizing.
Built-in image library powered by Unsplash
To help you create high-quality visuals even faster, Studio now includes an integrated image search tool powered by Unsplash, directly embedded in any visual customization field.
When adding images—whether to a session banner, page background, or a sponsor area—you can now browse a library of over 6 million free, licence-free photos without leaving the platform.
Simply click “Browse Unsplash images” in the image upload window, search using keywords, and select your preferred crop from the suggested formats.
No need for external sourcing or uploads
All images are licence-free (no attribution required)
Smart cropping options based on visual format
Rapid visual improvement with just a few clicks
This enhancement ensures you can quickly create beautiful and compliant visuals, even if you don’t have a design team on hand.
Read more