Managing App Colors

Amego offers a feature allowing you to create and label colors to establish a color scheme. These configurations can be duplicated for future app build outs, ensuring consistent branding across events.

Creating Custom Colors

Navigate to Design > Colors to incorporate custom colors that represent your brand:

• Input the Hex color code and name, then save your changes.
• Your custom colors will be accessible throughout the Amego admin interface wherever color customization is permitted.

Regarding accessibility: It's important to ensure adequate color contrast to enhance the experience for users with visual impairments.

Color Settings

• Mobile Primary - Color used throughout the mobile app for various interface elements.
• Mobile Accent - Color used for the "Up Next" feature including CTA
• Mobile Header - Color used for the header/navigation bar at the top of screens.
• Mobile Header Title - Color used for text in the top header/navigation bar.
• Home Header - Color used for the header on the Home screen.
• Calendar Item - Color used for agenda/event blocks in the calendar.
• Selected Day/Tab - Color used for selected dates in the Library or calendar tabs.
• Button Background - Color used as the background for buttons.
• Button Text - Color used for text on buttons.
• QR Icon Background - Color used for the background of the QR code icon.
• QR Icon - Color used for the QR code icon itself.
• Navigation Bar - Color used for the navigation bar.
• Default Nav Text - Color used for navigation text in inactive tabs/screens.
• Active Nav Text - Color used for navigation text when the screen/tab is active.

The images below shows how colors and fonts are used on each screen of the app.

Home & Navigation

Library & My Agenda