Color Scheme

Color Scheme

Color Scheme

Select your app color scheme to splash your branding throughout the app. We recommend playing with this section and testing your app on the front to ensure the best look. The images in this section will provide examples of how this is displayed in the app.

There are 3 tabs to consider, Basic Scheme, Icons and Advanced.

Basic Scheme



 

  1. Primary Color: this is the main color of your app. The primary color appears on the app heading, links, button icons on the side menu, etc. You can also edit the color of the text on this color with the field below.
  2. Text on primary-colored buttons & headers: This is the color of the text on the primary colored buttons and headers.  Normally black or white.
  3. Secondary Color: this is your complementary color to your primary color. This color appears on various headings and as main buttons throughout the app. You can also edit the color of the text on this color with the field below.
  4. Text on secondary-colored buttons & headers: This is the color of the text on the secondary colored buttons and headers.  Normally black or white.
  5. Tertiary Color: this color is used sparingly but should also compliment your primary and secondary colors. The tertiary color appears on the refresh button, under my event headings, etc. You can also edit the color of the text on this color with the field below.
  6. Text on tertiary-colored buttons & headers: This is the color of the text on the tertiary colored buttons and headers.  Normally black or white.
  7. Default Button Color: this is the default color of your app’s buttons.
  8. Default Button Text Color: this is the default color of your button text throughout the app.
  9. Default Text Color:  this is the default color of your text throughout the app.
  10. Text Input Background Color:  this is the color of the input field background.
For more examples of how colors are used in the app, please see the Color Scheme Help Guide article

Icons

This setting allows you to change whether the icon on a particular page displays as light or dark.

Idea
Try both to see what works best with your branding colors.


  1. Directory Chevron - this displays on the tile for each name in the user list. The chevron indicates the tile can be clicked on to show more information (if enabled). 
  2. Agenda Chevon - this is shown on each session tile to indicate more information on the next screen. Similar to the directory, however, colors may be different depending on special sessions and strand colors (see agenda section for more details).
  3. Profile, Notification and Refresh icon - this changes the side navigation icons to black (dark) or white (light).
  4. Side Navigation Icon Color Mode - this changes the color of the icons next to the side navigation items to black (dark) or light (white).

Advanced

This should only be used if you are familiar with using custom ccs. 

Please contact support@resultsathand.com if you have questions about your color scheme






    • Related Articles

    • Color Scheme Help Guide

      Color Schemes In the admin portal under Branding -> Color Schemes, you can personalize your app with colors to match the other branding at your event. There are 3 types of color schemes: Primary, Secondary, and Tertiary. The following shows what is ...

    • How to add Animated GIFs to your Branding

      Go to Branding > Header Rotators > Add Rotator > Basic. Once the basic information in entered, you must first update the settings on the advanced screen before adding your animated header/footer, see instructions below. Click on the Header tab to add ...

    • App Icon, Splash Page, and Background Images

      App Icon See below for a description on how the app icon is used based on your app plan. Premium Event App: If you have a native app, you can add your own app icon through the Admin Portal to appear under the Apple App Store and Google Play listings. ...

    • Header and Footer Rotators

      Header Rotators Header rotators appear at the top of your app. Most commonly, they introduce the app or event. After you click Branding, the first screen you will be taken to is your app’s header rotators. To get to Footer Rotators, simply click the ...

    • Event URL and Web App QR code

      URL The event/company URL allows you to access the app via the web. R@H will populate the URL prior to sending the app Welcome email, however, you do have the ability to change it. If you have an Unlimited/Membership app, the URL will be at the ...