11. Automate the custom configuration of sites
Flexible site
configuration
model
Clean &
consistently
branded sites
Recreate
and configure
SharePoint objects
Apply site
settings and call
custom solutions
Apply company
theme, add/remove
site navigation links,
or set other site
branding elements at
time of creation
Site designs can be
injected into in-
product provisioning
experiences or
manually applied to
automate consistent
site creation
Easily craft or extract
configuration details
of lists & libraries to
reapply to new or
related sites
Provision select
settings after creation;
use Microsoft Flow to
call apply additional
business logic
12. Site design infrastructure
Site Scripts
• Title
• ID
• Script actions
(Create List, Apply
Theme, Add to
Nav, Trigger
Flow…)
Site Designs
• Title & Desc
• Preview Image
• Web Template
• Site Script Array
• Scope | isDefault
16. Site Branding & Site Designs Roadmap
Releasing Now!
Full width header (team) with
support for transparent logos
Header background for
SharePoint themes
Hub site designs
End of 2018
Updated “change the look”
settings panel
New site header layouts,
including shy mode
New megamenu layout for site &
hub navigation + option to
change orientation and toggle
visibility
Site footer, with layout options
Approval for site association to
hub sites
Site script support for more site
branding elements
Page designs to reuse and
standardize content
Flexible, accessible and consistent
system/guidance for theming
custom web parts and apps
First half 2019
Support for enabling select
customizations on company brand
settings (tenant-wide)
Hub footer, with layout options
Audience targeting in site and hub
navigation
Central asset library
Microsoft Fluent theming
O365 suite header with universal
search
Top of mind
1st/3rd -party font support
Updated theme generator
Hub join without theme inheritance
Global navigation/footer
Site design management
from admin center
Site script editor
Site script actions for site pages &
web parts
Script actions for other O365 apps
Page extensions for developers
22. Site Life Cycle Management
1. PnP supports for updating of
existing sites
2. Define only your update
actions in your template
3. Use PowerShell to determine
what sites need to be updated
4. Archive or update sites
according to your business
needs
23. Whats next
1. Find your resources at https://aka.ms/sppnp &
https://aka.ms/msgraph & https://docs.microsoft.com/en-
us/sharepoint/dev/declarative-customization/site-design-pnp-
provisioning & https://github.com/SharePoint/sp-dev-
solutions/tree/master/solutions/SiteDesignsStudio
2. Start coding
3. Provide feedback: https://github.com/SharePoint/PnP-Sites-Core and
find code at https://github.com/appieschot/mavention-o365-groups
4. See what’s new in Erwins session