Recently, I have shown the design Manager in workshops and other presentations and experienced that the audience is interested and want to get started and use this tool when designers should be developed, so I thought that writing a few blog posts in a series of two entries with the aim that you should be able to get started step by step but also you can download a complete example from a HTML based on the latest standards, including CSS and JS.


The design manager is a new feature in SharePoint (On-Prem – standard & enterprise and SharePoint Online) and provides a new approach for branding SharePoint 2013 interfaces. It is quite easy to work with and you will pretty quickly be able to create an awesome branding for your SharePoint environment without the need of longer experience of components in the SharePoint user interface such as NET controls or master pages in depth. Note that you can still create your branding as you did in previous versions of SharePoint by using SharePoint Designer or Visual Studio.

  • Create your branding outside SharePoint with tools like Dreamweaver
  • Import the branding files to SharePoint and it will be automatically converted to valid SharePoint master page format
  • Add SP controls like search box, site name
  • Import & Export the branding as an user solution (WSP)
  • Ability to create mockups based on templates

The following posts will include:

Part II

  • A concrete example: Design manager walkthrough step by step
  • When should you use the Design Manager and when you should use SharePoint Designer or Visual Studio instead

Part III

  • A complete downloadable example including a HTML, MasterPage, Page Layouts, CSS, JS and Images
  • Snippets and their syntax & some tips n tricks
  • References to more information about the design manager and links to other blogs in this topic

If you’re about to get started with the design manager or if you are considering which method to use for your SharePoint branding I hope you will enjoy the following posts. Stay in tune for the next post which will be published shortly

This series contains so far by this posts:

Part I (This post)
Design Manager in SharePoint – Part II

/ Christian