Brand Your LWR Sites More Easily

LWR sites, such as sites created with the Build Your Own (LWR) template, now include a Theme area with extensive branding properties. Build out your site with color palettes, Salesforce CMS images, and text styles to reflect the best version of your brand.

Where: This change applies to LWR sites accessed through Lightning Experience and Salesforce Classic in Enterprise, Performance, Unlimited, and Developer editions.

How: In Experience Builder, open the Theme panel, and select from various color, image, text, and site spacing properties. Theme menu

Make your pages more engaging by creating color palettes, which differ from the main site colors, and applying them to specific sections of the page. And in the Images tab, select images from a Salesforce CMS workspace to create a logo or a browser icon (favicon). Color Palettes menu

From the Text tab, select from dynamic font styles, headings, and decorations for all types of text, including links and buttons. Add a custom font to your site by clicking Settings | Advanced | Edit Head Markup and defining the custom font family name in the Head Markup. Also, adjust your site’s maximum content width, section padding, and section column and component spacing for desktop and mobile views. Text and Site Spacing menu

Tip

Each property in the Theme panel maps to our new --dxp styling hooks, which you can use when creating custom Lightning web components.