Skip to main content
All CollectionsWebsite Integration
Advanced Branding Settings
Advanced Branding Settings

For advanced users who want granular control over their Gymflow website pages and embeds look and feel.

Isaac Buchanan avatar
Written by Isaac Buchanan
Updated over 2 weeks ago

For a seamless look and feel Gymflow allows you to set all colours that make up our website pages. This advanced setting gives you complete completely control but should only be used both confident in their design approach as the wrong mix of colours can significantly degrade the user experience and accessibility.

How To Apply Advanced Colour Setting

  1. Head to Settings and to the Website Tab

  2. Scroll down to the Branded section and click Edit

  3. Toggle on the Advanced Settings

  4. Select your new colours and hit Save

The main colours you need to amend to make sweeping changes are:

When Using Dark Mode:

Colour Code

Area Used

Gray 950

Headers, Footers & Cards

Gray 900

Background Elements

Gray 800

Page Background

When Using Light Mode:

Colour Code

Area Used

Gray 0

Headers, Footers & Cards

Gray 100

Background Elements

Gray 50

Page Background

You can reset your advanced colour settings at anytime by turning them off and saving your preferences.

Did this answer your question?