BYOB - Branding Sets (GA)

Published on June 11, 2026 BYOB

Branding Sets

Branding Sets lets you recolor the key visual elements of a record page — the header, widget backgrounds, and buttons — using your own HEX, RGB, or RGBA color values, so record pages match your company's branding without custom CSS or a developer.


Before You Begin

  1. The Build Your Own Branding (BYOB) package must be installed and active in your org.
  2. You'll need edit access to Lightning App Builder for the record page you're customizing.
  3. Have your brand colors ready in HEX (#1B4C78), RGB (rgb(27, 76, 120)), or RGBA (rgba(27, 76, 120, 0.9)) format.


Step 1: Add the Component to Your Page

  1. Open the standard or custom object record page you want to customize.
  2. Click the gear icon and select Edit Page to open Lightning App Builder.
  3. In the components sidebar, find Branding Sets under the Custom – Managed section.


Branding Sets component listed under Custom - Managed components

The Branding Sets component in the Lightning App Builder sidebar.


Drag the component onto the page. For best results, place it as the last component in its column.


Branding Sets component placed as the last item in a page column

The component placed as the last item in the column.


Step 2: Set Your Colors

Branding Sets accepts color values in HEX, RGB, or RGBA format in each of the fields below.

Branding Sets color configuration fields

The color configuration fields in the component's properties panel.


SettingWhat it changes
SLDS Header Background ColorThe background color of the page header
SLDS Neutral Base Background ColorThe background color of widgets on the page
SLDS Button Neutral ColorThe font color of buttons
SLDS Button Neutral Background ColorThe background color of buttons


Header and widget background color fields set

Header and widget background colors applied to a record page.


Important: Button colors only display once both SLDS Button Neutral Color (font) and SLDS Button Neutral Background Color are set — setting just one will not visibly change the buttons.

Button font color field configured

The button font color field.

Button background color field configured

The button background color field, shown alongside the font color for a complete button style.


Step 3: Preview and Save

  1. Use the Lightning App Builder's live preview pane to check your color choices before publishing.
  2. Save the page to apply the branding to the live record page.


Watch: Branding Sets Walkthrough

See the full setup in action:

https://www.youtube.com/watch?v=YusJdJ_-daM


Troubleshooting

  1. Buttons aren't changing color: Both SLDS Button Neutral Color and SLDS Button Neutral Background Color must be set together — one alone has no visible effect.
  2. Color isn't applying: Double-check the value is valid HEX, RGB, or RGBA — a malformed value (e.g., a HEX code missing the leading #) will be ignored.
  3. Changes not visible after saving: Refresh the record page — some browsers cache page-level styling until reloaded.


Knowledge Article Number: KA-00075

View more articles in the knowledge base