Change Pathmonk Color and Font

Align the Pathmonk micro-experiences with your brand by changing the color of the Micro-experience CTA, headline text, and the colors of the icons on the Contextual Menu

Editing the Micro-experience font

The main color is the color of the call-to-action buttons, icons, and header background

1. Login to crm.pathmonk.com
2. Click Accelerate
3. Select Micro-Experiences
4. Navigate to Design
5. Click the Font dropdown
6. Select a font from the dropdown
7. Click Save Appearance

Editing the Micro-experience color

The main color is the color of the call-to-action buttons, icons, and header background

1. Login to crm.pathmonk.com
   
2. Click Accelerate
3. Select Micro-Experiences
4. Navigate to Design
5. Click the color box next to the CTA
6. Use the arrows on the far right side of the bottom row to select the color format type, RGB, HSL, or HEX.
7. Enter the appropriate color format
8. Click Save Appearance

Content Best Practices

Pathmonk offers color customization options to provide a seamless integration with your website. Here are some best practices to get the best results. 

Do:

• Utilize the customization option for the micro-experiences.  By default, all of the text will be in black Roboto font. Make the micro-experiences your own with your brand's colors and chosen font
• Choose an accent color that is bold and stands out
• Keep accessibility options in mind. Test multiple colors to get the best contrast to make reading the contextual menu and micro-experience headlines easy for your visitors. 

Don't

• Go too light.  The background for the micro-experiences and contextual menu is light.  Pastel or lighter colors will not be easy to spot and could prevent visitors from viewing all of the content easily
• Forget to review micro-experiences after font updates. Different fonts will display at different sizes, update the micro-experiences, and be sure to do a live preview to ensure the content still displays as expected.