The mark in the website
Choose the shared brand logo from available site media. Review its size and placement in the website’s composition.
Keep your brand media togetherSITE INSPECTOR
One website.
A recognizable identity.
Choose the palette, typography and brand details that give your website a shared foundation. Then let individual pages and elements have an exception where they need one.
COLORTYPEBRANDSHARED PARTS
The real Site Inspector, with shared typography settings open in the editor.
BEGIN WITH THE COMMON THREAD
Consistency starts with a few good decisions.
A shared heading and body typeface. Colors that work together. A content width suited to your pages. Start with the values you want to repeat, rather than restyling every element one at a time.
- Choose shared light and dark theme colors.
- Set the site’s heading and body typefaces.
- Review your content width and page background.
A SHARED DESIGN FOUNDATIONA familiar feeling.
From page to page.
From page to page.
Color, type and a little breathing room.
Harbor · example colors
This example changes only this illustration. Set your own saved theme in the Site Inspector.
THE SMALL THINGS THAT MAKE IT YOURS
A brand has more than one home.
Your logo, favicon, header and footer have different jobs. Give each one a deliberate place.
The icon in the browser
Your favicon helps identify the site in a browser tab. It serves a different purpose from the logo inside your page.
The parts across pages
Use Site Parts for the shared header and footer. Review the navigation, brand information and actions that should remain familiar from page to page.
A default is a foundation.
An override is a decision.
Elements using theme values can follow the shared palette and typography. A local color, element style or container width can override it. Review the page as a whole after changing shared settings.
Site foundationPage compositionSelected-element exceptions
A website that can have its own window.
Opt in to Website App installation and configure its name and theme color. Save and publish to update the public website. Installation depends on HTTPS and browser support; offline and private-page caching are not added.
FOLLOW THE CONNECTION