SharePoint 2013 Branding

In this article series I will take you through the Branding essentials of SharePoint 2013.

SharePoint Branding

SharePoint Branding is the process of changing the look and feel of the SharePoint user interface using custom master pages, style sheets, images, JavaScript, jQuery and so on.

A few of the branded sites are shown below.

Advantages of Branding

A good branding leads to:

  1. Better content presentation
  2. Better navigation
  3. Better look and feel
  4. More browser support
  5. Enable responsive web design
  6. Increased user adoption
  7. Hide SharePoint look and feel

Skills needed for Branding

You need to know HTML, CSS and Basic Scripting skills. In addition to that, SharePoint Branding knowledge is an essential skill to integrate the custom branding artifacts.

SharePoint Branding knowledge includes:

  • Master Page location
  • Master Page elements like Site Settings, Quick Launch and so on.
  • Design Manager expertize
  • Composed looks

Graphics Designer Skills

Graphics Designer Skills are not needed. You can be a SharePoint Branding Expert that works with another Graphics/Web Designer for collecting the HTML, CSS, Image files & integrating to SharePoint.

New Features of SharePoint 2013 Supporting Branding

SharePoint 2013 introduced many good features that make branding much easier compared to the old versions, naming a few are:

  1. Design Manager that helps in converting an HTML file to SharePoint Master page
  2. Device Channels for enabling custom master pages based on user devices
  3. Composed Looks for putting together branding elements like master pages, color palettes and so on.
  4. Look and Feel to apply a composed look, change color, background image and so on.

You can access these pages from Site Actions > Site Settings menu.

Note: the Publishing feature needs to be activated for getting the Design Manager feature.

Branding Elements in SharePoint 2013

The following are the branding elements in SharePoint 2013:

  1. Master Pages
  2. Preview Files
  3. CSS Files
  4. Color Palettes
  5. Font Palettes
  6. Images


Theme in SharePoint 2013

The term Theme is defined to group the color & font palettes.

You can access the same from Site Actions > Site Settings > Theme page as shown below.



In this article we explored an overview of SharePoint 2013 branding.