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