Guidelines to Share With Designers

Amego empowers you to elevate the design of digital elements for events.

Our platform offers branded mobile experiences and websites that can be customized in real time to match your brand. By following the guidelines in this guide, you can quickly create an app or website that aligns with your brand identity.

Below, you'll find key branding elements, but the best way to experience customization is by diving into the Amego CMS and personalizing your app.

Quick Links & Design Specs

These resources provide designers with the essentials for crafting the ideal mobile experience.

Images

Home Header

The top of the home screen can have an image to help establish the event brand. You can set this image in Screens > Home > Header. Image size: 1280x720. You can also set this image to be a smaller height, and it can even be just a small color bar or shadow, if you wish.

Event Picker Header

The top of the event picker should have an image to help establish the corporate brand. You can set this image in Top Right Menu > Your Events > Event Picker. Image size: 1280x720.

Event Highlights

Individual event highlights should have an image that ties into the highlight. You can set this image in Screens > Home > Select Content > Highlights. Image size: 1280x720.

Standard Session Images

Each session should have an image that can either be unique per session (ideal) or common across all sessions. You can set this image in Content > Sessions. Image size: 1280x720. To add a global image, go to Settings > Content > Images.

Standard Speaker Images

Standard speaker images are 512x512 and should be high resolution.

Standard Sponsor Images

Standard sponsor images are their logo in high resolution, and will be resized to fit. Please include minimal empty space around the logo for best results. If your logos are too small, they have too much extra space around them. If you see variation in logos, it's caused by variation in the space around the logo.

App Icon

High resolution PNG, 1024x1024, is required. This PNG cannot have any transparency. Note that changing this image requires a new app build/review/launch.

Image Formats

We recommend PNG for logos and icons, and WEBP whenever possible for all 1280x720 images. These images are smaller and result in the best experience for attendees. For speakers and sponsors, we support PNG, JPG, or WEBP.

Maps

Maps Screen

The maps screen is a standalone screen that allows you to show high resolution campus or building maps. These images can be pinched and zoomed. To ensure the best quality, we only accept PDF file types.

Session Maps

Each session can have a room map added in Content > Sessions. These should have a 2:1 aspect ratio and can use any of the formats shown.

Navigation Icons

Navigation icons can be customized. To change these, go to Screens > Navigation and click the pencil icon for the screen you want to customize. On the screen that follows, you can add active and inactive state icons with a transparent background in an SVG file type.

Recommended Timeline

Design asks due during Customization period

• App Icon: 1024x1024 PNG (no transparency) - note: this is for the Container App
• Mobile Header Logo: 165x60px transparent WEBP or PNG
• Header Image (Landscape Cover, optional): 1280px wide WEBP, PNG, or 16:9 GIF
• Navigation Icons (if desired, we have existing options): SVG (transparent background with active and inactive states)
• Font: App supports Google fonts, or custom fonts via TTF files. Note: this is for Container Apps only.

Design asks due during Engagement period

• Highlight Images: 1280x720px WEBP or PNG
• Session Images: 1280x720px WEBP or PNG (optional per session)
• Article Images: 1280x720px WEBP or PNG (carousel view); can also be included in the article itself
• Map Image: PDF

Input in EMS (or upload to CMS)

• Speaker Images: 512x512 WEBP or PNG
• Sponsor Logo Images: 400px wide transparent WEBP or PNG (minimal empty space around the logo)