Layout Themes

A Layout Theme controls the overall "chrome" of your Branded Pages and Sites — the logo, background, fonts, header bar, site menu, on-page table of contents, and page-to-page navigation. Build it once to match your brand, then apply it to many pages and sites.

Creating or editing a Layout Theme

After Internal Management (internal name, description, tags, workspace), the design is organized into tabs, with a live preview available from the page:

• Layout theme data — the Logo (upload or a Brand Asset), the page Background (color or image), the fonts (fallback, headings and body), and the content width and element distribution.
• Favicon — the browser-tab icon (a square PNG, at least 500 × 500); all the favicon and touch-icon sizes are generated from it automatically.
• Header — the top bar: its colors, logo size, the sub-header/mobile styling, and up to five header links (each with a title, URL, target and icons).
• Site menu — how a Branded Site's menu looks: the title, the page and category entries (including the active-page color), the menu background, corner radius, and whether it grows with the number of links.
• Table of contents — the on-page "On this page" outline: whether to show it, its labels, styling and corner radius.
• Page navigation — the previous/next links between a site's pages: their labels, colors, borders and typography.

Where it's used

The sub-navigation tabs let you manage the theme's own Widgets and Scripts, and list the Branded Pages and Branded Sites that use the theme so you can gauge the impact of a change before you make it.

Defaults, sharing and deleting

Every workspace ships with a default Layout Theme, preselected on new pages and sites. You can share a theme with other workspaces (read-only for the recipient) and replicate one as a starting point — replication deep-copies its widgets, scripts and assets. A theme that is in use is protected from deletion. Trashed themes open read-only; restore to edit, or force-delete to remove permanently.