Skip to main content

What are the primary and secondary colors on the mobile app and web integrations?

Changing your studio's colors? Learn how colors are applied to your mobile app and web integrations.

Jason Wiese avatar
Written by Jason Wiese
Updated over 3 months ago

Your studio has primary and secondary colors associated with your account. The colors determine how your mobile app and web integrations display.

Request the colors be changed by emailing support@marianatek.com and providing the Hex Color code. Once the changes are made by support, it will take up to 10 minutes for them to appear.

If you make a change, below is a list and images of what will change within your app and web integrations. For the following examples, here are the colors we will be using:


Mobile App

Primary Color

On the mobile app, the primary color will be used on:

  • Bottom of the Sign-In screen.

  • Home Screen header

  • Account Creation header

  • Schedule/Reservation header

Secondary Colors

On the mobile app, the secondary color will be used on:

  • Check-In and Guest button

  • Milestone background and button

  • Sign up and Reserve button


Web Integrations

Primary Color

On your Web Integrations, the primary color will be used on the top banner.

Mariana Web Integrations Demonstration - Google Chrome 2023-07-20 at 3.19.17 PM

Secondary Color

On your Web Integrations, the secondary color will be used on:

  • Buy Classes button

  • Product Banner

Did this answer your question?