Introduction
Welcome to the comprehensive guide on customizing visuals for your event, community, and application on our platform.
We understand the importance of having a consistent and appealing visual identity, and this article is designed to help you achieve just that.
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.
Read more