Articles on: Getting Started

Branding Colour Guide

This guide will help you to identify the different areas of the app and emails where the colours are used - this will help you when planning out your own custom colour schemes.




The sidebar sections relate to the app colour customisation, and the email branding is specific to the notification emails sent from the app to your employees and clients.







Sidebar Background will alter the colour of the main sidebar background.

Sidebar Text controls the colour of the text on the sidebar - be careful to choose one that goes well with your chosen background colour!

Sidebar Hover Background highlights the section of the sidebar your mouse is currently hovering, not a problem for mobile devices, but on desktop you can change this to compliment 1 and 2 above.

Sidebar Active is the colour your sidebar text will turn when you hover over it with a mouse.

You’ll have your lovely company logo within the title block, but this can control the area of colour behind it - to make those logos pop!

Let's explore the next selection of options.




Sidebar Title Background will also control the block of colour behind the Account information at the bottom of every page.

Sidebar Title highlights your name.

Sidebar Sub Title alters the firm name under your logo.

Sidebar Sub Title Hover controls the colour the sub title will turn when you hover over it with your mouse.

Finally, these are the areas within your branded email which relate to each of the branding options for email customisation:



Have fun with this, but should you run into trouble - here’s a link back to the branding page: https://app.plannrcrm.com/settings/branding and at the base of that is a default button that will restore all the original colours.

For reference, these are below as well:

Sidebar Background: #0e0e56

Sidebar Accent: #36367e

Sidebar Text: #ffffff

Sidebar Hover Background: #0a0a42

Sidebar Active: #53dbb8

Sidebar Title Background: #000028

Sidebar Title: #ffc634

Sidebar Sub Title: #ffffff

Sidebar Sub Title Hover: #ffffff

Updated on: 19/04/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!