Branding your SharePoint site
In the modern SharePoint experience, you can easily change the look and feel of your site to match your company or organizational brand. You can customize the logo, colors, and navigation – often without writing a single line of code. Branding can be applied at the site level, to a group of sites, or to all sites within your organization.
Branding your SharePoint site will not change the overall look of your Microsoft 365 service. For more info about branding Microsoft 365, see Customize the Microsoft 365 theme for your organization.
Site branding in the classic experience
In the classic SharePoint experience, there is a set of default themes that can require a considerable amount of customization to get them to match your organization's brand. Also, they aren't very responsive, making the experience on different devices inconsistent. Most site branding requires the use of custom master pages or alternate CSS configurations. Master pages provide a great deal of flexibility, but they can be problematic. For example, anytime updates are made to SharePoint, any customizations made to the master page may no longer work or may not work the way you expect them to. SharePoint ignores these customizations unless you're running in classic experience mode because they're incompatible with the modern user interface. To avoid this, use only the recommended modern approaches to brand your SharePoint sites.
Modern site branding
SharePoint includes an updated set of default site themes that are responsive and look great on any device. With site themes, you can customize your site's logo and colors to match your brand. Site templates provide specific layouts and other functionality for your site. Additional branding can be achieved using custom themes or site templates without worrying about something breaking when SharePoint is updated. Custom themes let you create additional color schemes beyond the defaults. Custom site templates let you control the site theme and other customizations like the site navigation, default applications, and other settings. Custom themes or site templates can be applied to a new site when it's created or applied to an existing site or group of sites.
Branding hub sites
When you brand a SharePoint hub site, you can set it so the site branding is applied to any sites that associate with it. This includes any site theme or site template used by the hub site. This allows you to apply common navigation and branding across a set of sites and use accent colors to emphasize elements that need to stand out.
Custom themes and logos in SharePoint will not automatically apply to group-connected team sites that are associated to a hub that has a custom theme applied. For group-connected team sites, you need to manually apply the custom theme or logo.
Classic experience vs. modern experience
Below is a summary of the differences between branding a site in the classic experience vs. branding in the modern SharePoint experience.
|Classic experience||Modern experience|
|Unresponsive, OOB themes that you can customize||Responsive themes that look great on any device and can be customized to match your brand|
|Use custom master pages and CSS that are ignored in the modern experience||Use the SharePoint Framework to add headers and footers. Site templates and tenant settings offer some custom options|
Before you begin
Some things to consider before branding your classic experience sites in SharePoint are:
Do you need a consistent brand across all sites or will different divisions, departments, or groups in your organization have their own?
You should compile a list of all current sites, what site templates they use, any customizations that have been made to the master pages or CSS, and decide which of these customizations you need to keep. You can run the SharePoint "Modern" user interface experience scanner which will do a deep analysis of all the sites in your organization and create reports that give you details about sites that have incompatible master pages or alternate CSS settings. SharePoint handles branding differently for classic site templates such as the publishing site. You'll want to troubleshoot any custom theme issues you run into.
What areas do you want to customize (logo, colors, fonts, header/footer, navigation)?
Who in your organization can brand a site? You will need to make sure that they have site designer permissions or above to make these changes.
Ready to brand your classic SharePoint site using the modern experience?
Check out the below resources that provide more details about how to use the modern SharePoint experience to brand your site.