Managing Fonts in Design

Amego provides standardized global font sizes and weight settings. However, we understand that certain elements may require additional customization. You can adjust these font settings below. Additionally, all Amego app fonts can be overridden by attendee accessibility settings to enhance user experience. In the Amego CMS, the Fonts section within Design offers a variety of options to personalize your app's appearance. Here, you can customize font styles, colors, and sizes, giving your app a unique, polished look. This article will guide you through the Fonts section to help you leverage these tools and create an engaging, accessible experience for your users.

Add Custom Mobile Font

This feature lets you personalize your app by selecting or uploading a custom font that aligns with your brand's style. You have the flexibility to use any font that suits your app's design. For detailed instructions on adding and managing custom fonts, please see our guide on Managing App Fonts.

Now, let's go through each section step-by-step to make it as easy as possible for you to customize and perfect your app. Each feature is designed to help you create a visually cohesive and engaging experience, with clear instructions to guide you every step of the way.

Home Header Title Font Size & Home Header Title Font Color

Typically, most clients use this section to display the event name prominently. For example, in this guide, the text is set to DreamCon 2026. Displaying the event name here can help establish brand identity and ensure it's one of the first things your audience notices. You can adjust the font size to suit your design needs; in this case, the size is set to 22 for optimal visibility on a range of devices. The text color is set to white, creating a clean, professional look against darker backgrounds, as shown in the picture below. By experimenting with font sizes and colors, you can further customize the app header to make it stand out and reflect your brand's style.

Home Header Mini Text Font Size & Home Header Mini Text Font Color

The Home Header Mini Text settings allow you to adjust the font size and color of additional text displayed in your app's header. Many clients use this space to create a personalized greeting, such as "Welcome, {{firstName}}!", adding a friendly, engaging touch to the app experience. This feature is also ideal for displaying brief descriptions, taglines, or supplementary information just below the main event name, giving users more context at a glance. Customize the font size for readability and choose a color that complements your design, ensuring your header remains both welcoming and visually appealing.

Home Header Body Font Size & Home Header Body Font Color

The Home Header Body settings allow you to customize the font size and color of the main text within your app's home header. This section is often used for brief yet informative content, such as event details, dates, or short descriptions, helping to orient users as they enter the app. Adjusting the font size ensures the text is easy to read on your mobile device, while selecting an appropriate color enhances visibility and aligns with your brand's theme. With these settings, you can make essential information stand out and create a cohesive, professional-looking header.

Carousel Header Font Size & Carousel Header Font Color

The Carousel Header settings provide you with the tools to customize the font size and color of the text displayed in your app's carousel section title feature. This area is crucial for grabbing users' attention as it typically showcases key highlights, promotional messages, or featured content in an engaging format. By adjusting the font size, you can ensure that your text is easily readable across various screen sizes, while selecting the right color can enhance visibility and draw users in.

Carousel Subtext Size & Carousel Subtext Font Color

The Carousel Subtext settings enable you to customize the font size and color of the secondary text displayed alongside your carousel headers. This section, while often overlooked, provides a valuable opportunity to offer additional context or details about the carousel items, enhancing the overall user experience. By adjusting the subtext size, you can create a clear hierarchy of information, ensuring that users can easily differentiate between the main header and supplementary details. Selecting an appropriate font color can improve readability and ensure the subtext complements the carousel's visual appeal. Leveraging this feature can help you communicate essential information effectively and make your carousel even more engaging.

Highlight Title Font Size & Highlight Title Font Color

The Highlight Title settings allow you to customize the font size and color of key titles within your app, drawing attention to important messages or features. This section is crucial for emphasizing critical information, making it stand out to users as they navigate through your content. By adjusting the font size, you can create a visual hierarchy that guides users' focus, while selecting a contrasting color ensures that the title is easily noticeable. Whether you're highlighting announcements, special offers, or critical updates, utilizing these settings can enhance your app's overall design and ensure that key messages are effectively communicated.

Highlight Body Font Size & Highlight Body Font Color

The Highlight Body settings enable you to customize the font size and color of the main text associated with your highlighted content. This section is essential for providing additional context and information that supports the key messages in your app. By adjusting the font size, you can ensure that the body text is legible and easy to read, while selecting an appropriate color can enhance visibility and create a cohesive look with the rest of your design. Effectively utilizing these settings allows you to draw users' attention to important details, making your content more engaging and informative.

Highlight Text CTAs Font Size & Highlight Text CTAs Font Color

The Highlight Text CTAs settings allow you to customize the font size and color of call-to-action (CTA) text within your highlighted content. This feature is essential for making CTAs—such as "Learn More," "Register Now," or "Get Started"—stand out, encouraging user engagement and guiding actions within the app. By adjusting the font size, you can ensure the CTA text is noticeable and easy to tap, while selecting a contrasting color draws attention and aligns with your app's visual style. Thoughtfully customizing these settings can help you create compelling, effective CTAs that enhance user experience and drive engagement.