Your logos, favicon and the default title and description of your site all live on one screen. Set them once and every page picks them up.
Everything that identifies your site is on the Theme & branding screen of your project's admin panel. Sign in at your site's /sysAdmin address, then open System Configuration and choose Theme.
The screen is split into cards: Logo, Theme, Page Metadata, Social Media Share, Content Attribution, SEO Controls and Twitter Integration. The values you save there apply to the whole site. A page can still set its own title, description and images, and those win on that page.
Colors are on the same screen. They have their own article: Theme and colors.
The Logo card has four slots, so your logo always sits on a background it was designed for.
Logo light mode
Shown on computers and tablets when the visitor uses light mode.
Logo dark mode
Shown on computers and tablets in dark mode. Use a light version of your logo here.
Logo mobile light mode
The logo for phones in light mode. A compact mark or icon often works best.
Logo mobile dark mode
The logo for phones in dark mode.
Click Add Image on a slot to pick a file from your media library, or upload a new one from the same window. Change Image and Remove Image let you swap or clear it later.
The Logo element, which you place in a menu or footer, shows these logos and links to your home page. Update the logo here and every menu that uses the Logo element follows.
The Page Metadata card holds the defaults that search engines and browsers see for any page that has no metadata of its own.
Title
Your site's name. It is the fallback title for pages without one, and the site name shown when a page is shared on social media.
Description
The default description shown in search results.
Favicon
The small icon in the browser tab. Use a square PNG or ICO file, 32x32 or 48x48 pixels.
Title, description, keywords, OG title and OG description can be translated. Add the text you typed here as a key in each language's dictionary (see Languages and translations).
The Social Media Share card controls the preview that appears when someone posts a link to your site.
Keywords
Comma-separated keywords for search engines.
OG title
The title of the preview card on social networks.
OG description
The line of text under that title.
OG image
The picture on the preview card. Use 1200x630 pixels, PNG or JPG.
Content Attribution lets you name an Author and a Publisher, and Twitter Integration takes your Twitter Handle and Twitter Site account names without the @.
1
Fill in the cards
Start with the logos, Title, Description and Favicon. The rest can come later.
2
Click Update settings
The button is at the bottom of the screen. The save is refused while Primary color, Light mode shade or Dark mode shade is empty, so check the Theme card if nothing happens.
3
Look at your site
Open your site in a private browser window and switch your device between light and dark mode to see both logos.
Need a verification tag from a search console or a third-party script on every page? Use System Configuration, then Head Tags & Meta. Whatever you save there is added to the head of every page.
