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
