The Guide To Using Componentized Pages

Page Theme

When you create a page, you select a theme to apply to the page such as "classes" or "supplements". This theme determines the colors and fonts on the page, as well as the mbg logo that appears on the top bar.

If you want to use custom colors, choose a theme and then add a "Page Theme Override" component. You can select from an existing them override or create a new one.

PAGE THEME OVERRIDE OPTIONS:

Section Heading Style

Dark Background Primary Theme Background Color

Dark Background Primary Theme Font Color

Light Background Primary Theme Background Color

Light Background Primary Theme Font Color

Dark Background Secondary Theme Background Color

Dark Background Secondary Theme Font Color

Light Background Secondary Theme Background Color

Light Background Secondary Theme Font Color

Primary CTA Color: This will be used on CTAs that execute the primary purpose of the page (generally Add To Cart buttons)

Secondary CTA Color: This is used for secondary buttons such as on an email capture form on a page that also has Add To Cart Buttons.

Text Highlight Color: Used for text that you want to emphasize. This is usually the page category color and the same as the color on the mbg color or nav bar.