Make your platform look like your brand. You set your colors and fonts once, and they apply across the whole platform.
You'll find everything in Gear icon → Platform Settings → Theme Settings, which has three sections: Pages, Platform Theme Colors and Platform Theme Fonts.
Set your brand colors
Open Platform Theme Colors.
Click a color to open Select Color.
Type your HEX code (for example #2CB1B7), or pick a color with the eyedropper.
Repeat for the other colors, then click Save Settings.
Primary Color: main elements such as buttons and links.
Supporting Color: accents and highlights.
Additional Color: special elements and variations.
Good to know: pages you design in the CMS page builder keep the colors you set in the page builder.
Set your fonts
Open Platform Theme Fonts.
For each font, choose Google Fonts and pick a font from the list, or choose Custom Font to upload your own.
Click Save Settings.
Primary Font: most text.
RTL Font: right-to-left languages such as Arabic, Hebrew and Persian.
Heading Font: headings and titles.
Content Font: body text and paragraphs.
Use your own font file
Click Custom Font on the font you want to change.
Enter the Font family name.
Click Click to upload and add your files: .woff2, .woff, .ttf or .otf, up to 5 MB each. Add the regular and bold weights if you have them.
Click Save Settings.
Tip: running an Arabic or bilingual platform? Set an RTL Font that includes Arabic letters, for example Cairo, Tajawal or IBM Plex Sans Arabic from Google Fonts.
More ways to brand your platform
Theme Settings → Pages: choose your homepage, header and footer menus, and your Terms & Conditions and Privacy Policy pages. See Publishing Pages, Setting Your Homepage, Sub-pages and Menu.
Content Settings: favicon, site title, description, copyright notice and SEO keywords.
Language Settings → Labels Settings: change the platform's wording in each language. See Changing Platform Wording and Language.
Domain Settings: your platform address. See Setting Up a Custom Domain.
Custom Code: platform-wide custom styles or scripts. See Adding Custom CSS, JavaScript and Tracking Codes.