---
schema_version: "1"
id: 004c50bca37a97ffcaea4af96427dc47c1bdb68b28746474400e30b5b99c71ca
title: Site Branding Overview
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/siteforce_prop_brand_overview.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.siteforce_prop_brand_overview.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 6ceada8beba42551626772ba7fe9b437b813d5829b336fe825b6147417e8eb27
description: Branding provides a flexible way for you to define different aspects of your website's brand. Once branding properties are defined, your editors can easily customize everything in one centralized place, the Branding Editor. When your website editors customize the properties, they get a preview of their branding changes immediately.
products:
  - Salesforce Platform
  - Security
release: "264"
---
# Site Branding Overview

Branding provides a flexible way for you to define different aspects of your website's brand. Once branding properties are defined, your editors can easily customize everything in one centralized place, the Branding Editor. When your website editors customize the properties, they get a preview of their branding changes immediately.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition">
      <colgroup>
        <col>
      </colgroup>
      <tbody>
        <tr class="">
          <td class="slds-cell-wrap" style="vertical-align:top;">Available in: Salesforce Classic</td>

        </tr>
        <tr class="">
          <td class="slds-cell-wrap" style="vertical-align:top;">
            <p>Available for purchase in: <strong>Enterprise</strong>, <strong>Performance</strong>, and
              <strong>Unlimited</strong> Editions
            </p>
            <p style="margin-bottom:0;">Available (with limitations) in:
              <strong>Developer</strong> Edition
            </p>
          </td>

        </tr>
      </tbody>
    </table>

By adding branding properties to your website, page templates, or widgets, you can easily define and change those aspects of your website's brand without needing to edit your Cascading Style Sheet.

Here are examples of aspects that you might define that are related to your website's brand:

- The website's background, page, or link colors
- Font size and color
- The logo or header background image
- The thickness and color of lines

To use branding in your website, you must:

1. Define the parts of your site that make up your brand by creating a branding property for each aspect such as background color, logo, and fonts. You complete this task from [Branding Properties](https://help.salesforce.com/s/articleView?id=platform.siteforce_branding_create.htm&release=264.0.0&type=5 "With branding , you can quickly create style properties that can be reused by editors of your site.") within Site Configuration.
2. Use [expression language](https://help.salesforce.com/s/articleView?id=platform.siteforce_branding_setup.htm&release=264.0.0&type=5 "After you create branding properties, the next step is to reference them as expressions in your Cascading Style Sheets (CSS) or Site.com page elements such as content blocks or custom code elements.") syntax to replace the current definitions for these properties within your Cascading Style Sheets with the new branding properties.
3. Use the [Branding Editor](https://help.salesforce.com/s/articleView?id=platform.siteforce_branding_editor.htm&release=264.0.0&type=5 "The Branding Editor provides a centralized place to customize and then preview the changes that you make to the branding properties in your site.") to customize the properties and preview how your website will look.

The branding properties can also be accessed by using expression language syntax directly from within a custom code block or content block.

- **[Creating Branding Properties](https://help.salesforce.com/s/articleView?id=platform.siteforce_branding_create.htm&release=264.0.0&type=5)**  
    With branding , you can quickly create style properties that can be reused by editors of your site.
- **[Set Up Branding Properties](https://help.salesforce.com/s/articleView?id=platform.siteforce_branding_setup.htm&release=264.0.0&type=5)**  
    After you create branding properties, the next step is to reference them as expressions in your Cascading Style Sheets (CSS) or Site.com page elements such as content blocks or custom code elements.
- **[Use the Branding Editor](https://help.salesforce.com/s/articleView?id=platform.siteforce_branding_editor.htm&release=264.0.0&type=5)**  
    The Branding Editor provides a centralized place to customize and then preview the changes that you make to the branding properties in your site.

#### See Also

- [Creating Branding Properties](https://help.salesforce.com/s/articleView?id=platform.siteforce_branding_create.htm&release=264.0.0&type=5 "With branding , you can quickly create style properties that can be reused by editors of your site.")
- [Set Up Branding Properties](https://help.salesforce.com/s/articleView?id=platform.siteforce_branding_setup.htm&release=264.0.0&type=5 "After you create branding properties, the next step is to reference them as expressions in your Cascading Style Sheets (CSS) or Site.com page elements such as content blocks or custom code elements.")
- [Use the Branding Editor](https://help.salesforce.com/s/articleView?id=platform.siteforce_branding_editor.htm&release=264.0.0&type=5 "The Branding Editor provides a centralized place to customize and then preview the changes that you make to the branding properties in your site.")