16. Create Composed Look
Must have:
HTML file
.Master file
Preview File
Spcolor file
Spfont file
Can have:
Background Image
17. Color Palette Tool
Tool released for creating Color Palette:
http://social.technet.microsoft.com/wiki/contents/articles/
16806.sharepoint-2013-color-palette-tool.aspx
26. Tips for Custom Master Page
If working with HTML file… Don’t touch the
.master file
Editing the .master will invalidate the HTML file
27. Make use of Preview Pages
Create a couple custom Preview Pages of
different site types.
Allows you to view your branding with content
from different sites and pages.
28. HTML Code Snippets
• Customize the
Look/Color/B
ehavior
• Copy the
HTML Snippet
• Paste into
HTML file in
desired
location
29. Look for Additions to HTML
On import the Design Manager will insert some
<div>s to contain content and
the head tags for SharePoint
Ribbon
MainContentPlaceholder
31. Publish & Apply Custom Master
In order to apply the custom designs you have
created with publishing and the design
manager
Publish all files
CSS
Page Layouts
Master Pages (HTML only)
Apply the Master Page from the List
Publishing only
32. Create Custom CSS
Reference a Custom CSS file with your Custom
Master Page
<link href="style.css" rel="stylesheet" type="text/css"
/>
33. Take it Further with CSS
With the Color Palette you can use the palette
colors in your Custom CSS files
{
/* [ReplaceFont(themeFont:”title”)] */ font-family: “Segoe
UI Light”, “Segoe UI”, “Segoe”,
Tahoma,Helvetica,Arial,sans-serif;
/* [ReplaceColor(themeColor: “SiteTitle”)] */
color:#005050;
}
34. How to apply in O365
Solutions are still an option (Sandboxed)
Apps can be created to house your branding
Visual Studio
Design Manager
Package your Design
Add to the Solution Gallery
Apply to Multiple Site Collections
37. Adding Branding via an App
Patterns and Practices > GitHub
https://github.com/OfficeDev/PnP/wiki
38. Future of Branding
Microsoft is moving away from heavy UX
customizations
CSS and JavaScript are the areas to invest in
Designers are becoming Developers – Apps are
the future
Office 365 – Constant Changes
Plan for updates with new feature releases
Plan for not getting new features if you do choose
to customize the master page
43. 43 SharePoint Saturday Atlanta43 |SharePoint Saturday Atlanta
5 Seasons Brewery (North)
directly in front of brewery
See the SPSATL Website
for more info and directions
Join us for SharePint sponsored by