⭐ PARTNER OF THE BLOG
Microsoft 365 atWork partners with AFI.AI, the developer of modern data protection platform built from the ground up to deliver a fully-fidelity backup for MICROSOFT 365 and GOOGLE WORKSPACE.

Unique visual branding of the company is one of the most important attributes. When you will prepare the intranet portal you will need to care about the branding of the Site.

Office 365 and SharePoint Online sites allow you to manage the key branding elements and follow your company branding policies.

Business case

Your Intranet needs to be beautiful 🙂 This is simple. Users validate the quality of the application or site based on what they can see. Site you will create have to be nice and familiar for the users.

Examples of great SharePoint based Intranet shows that it could be possible to create great-looking intranet without custom code solutions. Moreover, look & feel of such solution could fit into company branding guide.

Branding and styling of SharePoint Online in Microsoft 365

BE COPILOT READY

Sign up for the free online course that will help you and your organization prepare for the new Generative AI era..

You can use SharePoint Online technology to build modern, beautiful intranet portal which will work on the computer but also on mobile devices.

Technical Solution

Office 365 branding

Branding and styling of SharePoint Online in Microsoft 365

Office 365 platform gives you a possibility to change a few elements and style look & feel of the top navigation bar. It is worth to plan the way how you want to manage it.

To set up the branding of the top navigation bar of Office 365 open Admin panel. There choose Settings and Organization profile.

Branding and styling of SharePoint Online in Microsoft 365

In the new screen choose Manage custom themes for your organization and choose Edit.

Branding and styling of SharePoint Online in Microsoft 365

In this location, you will be able to change the way how the Office 365 navigation bar is displayed.

You are able to configure:

  • logo image
  • background image for the bar

Some of organizations use backroung image and putting company logo in the middle of the navigation bar. It could be useful tip if you want to move logo to diffrent location than

Branding and styling of SharePoint Online in Microsoft 365

Additional available options allow you to:

  • prevent users from overriding theme set globally
  • set up the color pallet
  • turn on user name display
Branding and styling of SharePoint Online in Microsoft 365

Below you can check results of the above settings.

Branding and styling of SharePoint Online in Microsoft 365

 

SharePoint site branding

SharePoint site branding is quite limited, but you have few options that you can quickly configure to make your site look nice.

Hub site branding

From the perspective of the Hub site, you can set the Hub logo and display name. To do that you need to open Hub site settings.

Branding and styling of SharePoint Online in Microsoft 365

You will be able to set there:

  • logo for the Hub site
  • display name for the Hub site
Branding and styling of SharePoint Online in Microsoft 365

SharePoint site branding

You can also configure branding options on the SharePoint site using Change the look settings.

Branding and styling of SharePoint Online in Microsoft 365

 

In the Change the look section you will find sections:

  • Theme
  • Header
  • Navigation
  • Footer
Branding and styling of SharePoint Online in Microsoft 365

Theme gives you the possibility to change the color pallet for the site you want to brand. You can choose from 8 available themes or create a new one using Customize option.

Branding and styling of SharePoint Online in Microsoft 365
Branding and styling of SharePoint Online in Microsoft 365

Please note that it is possible fully customized color pallet based on Custom Development. To do that you will need to engage Developer to prepare such pallet and to deploy it to the SharePoint site.

Header section offers the possibility to change the look of the SharePoint header bar.

Branding and styling of SharePoint Online in Microsoft 365

Available options:

  • Background color
  • Logo for the Header
  • The choice between Standard and Compact look (examples below)
Branding and styling of SharePoint Online in Microsoft 365
Branding and styling of SharePoint Online in Microsoft 365

Business solution

In summary, you deliver look & feel for your site based on company branding in a few quick steps.

Please remember to consider two challenges related to site branding:

  • dedicated color palette for site look require Custom Development
  • you should plan how to build branding and graphic identification for the Office 365 (1), hub site (2) and the sites (3).
Branding and styling of SharePoint Online in Microsoft 365

You also need to remember that Modern SharePoint Sites does not allow CSS and Master page customizations. General layout and site design are fixed. If you plan to highly customize the look & feel of the site you can add additional web parts delivered using SharePoint Framework.

Branding and styling of SharePoint Online in Microsoft 365