⭐ 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.

Site branding of SharePoint Online

FREE OFFICE 365 EBOOK

Start your journey to become Microsoft 365 Champion. Gain crucial technical skills.

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

Site branding of SharePoint Online

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.

Site branding of SharePoint Online

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

Site branding of SharePoint Online

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

Site branding of SharePoint Online

Additional available options allow you to:

  • prevent users from overriding theme set globally
  • set up the color pallet
  • turn on user name display
Site branding of SharePoint Online

Below you can check results of the above settings.

Site branding of SharePoint Online

 

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.

Site branding of SharePoint Online

You will be able to set there:

  • logo for the Hub site
  • display name for the Hub site
Site branding of SharePoint Online

SharePoint site branding

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

Site branding of SharePoint Online

 

In the Change the look section you will find sections:

  • Theme
  • Header
  • Navigation
  • Footer
Site branding of SharePoint Online

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.

Site branding of SharePoint Online
Site branding of SharePoint Online

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.

Site branding of SharePoint Online

Available options:

  • Background color
  • Logo for the Header
  • The choice between Standard and Compact look (examples below)
Site branding of SharePoint Online
Site branding of SharePoint Online

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).
Site branding of SharePoint Online

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.

DO YOU NEED ADVISORY?

Book a dedicated 1-1 advisory session with Microsoft MVP with 15+ years of experience.

Discord Community