Sotion
Branding

Site & Portal Branding

Set your site's name, description, logo, favicon, social image, brand color and theme on the Branding page of your site dashboard. They shape the browser tab, search results and link previews of every page, your member login page and the sign-in email.

Branding is part of every plan. Owners and Members of your team can change it; Viewers can't.

Change your branding

Your changes save as you make them and reach your site when you publish them.

  1. In your site dashboard, click Branding in the sidebar.

  2. Change the fields you want. Text and colors save a moment after you stop typing; an image saves when its upload finishes.

  3. Click Publish Changes at the top of the page.

Site Title and Description

Search engines and link previews show your Site Title and Description, so write them for someone who hasn't seen your site yet.

  • Site Title (up to 200 characters): your site's name. It shows in the browser tab, in search results and link previews, on the tab of your login page, and as the sender of the sign-in email, for example "Acme Login". Under Browser tab title in your site settings you choose whether the tab shows the Site Title, each page's own title, or both.

  • Description (up to 500 characters): the summary under your site's name in search results and link previews. Every page uses it unless you give the page its own SEO description in Pages.

If you leave the Site Title empty while Browser tab title is set to Site title (the default), your pages reach search engines and link previews without a title. An empty Description leaves them without a summary.

Logo, Favicon and Social Image

Each takes a PNG, JPG or SVG of up to 2 MB. Click Upload next to it, or drop the file on it; Replace swaps an image you already have.

  • Logo: shown at the top of your member login page and paywall, in the sign-in email, and on generated preview images (below). Your Notion pages don't show it: to put your logo on a page, add it to that page in Notion. The logo's size on the login page, or icons in its place, you set under Member Login Page.

  • Favicon: the icon in the browser tab on your pages, login page and paywall. Without a Favicon we use your Logo.

  • Social Image: the picture in the preview when someone shares a link to your site, for example in Slack, LinkedIn or a text message. Without one we use your Logo.

If your Logo or Favicon is a plain circle, that's our placeholder from when your site was created. Replace it with your own.

Most sites get a preview image made for each page in place of the Social Image: the page's cover with its title, your Logo, your Brand Color and your site's address. On those sites the Social Image isn't used. To see which your site has, paste a page's link into a chat app. Write to us if you want to switch.

Brand Color

Your Brand Color makes the buttons on your login page and paywall match your brand. Pick one of the nine presets, choose any color with the color picker, or type a six-digit hex code such as #2563EB.

  • Login page and paywall: the buttons take your Brand Color. We adjust the button text and outlines so they stay readable in light and dark mode.

  • Your site: the Save button in the Edit Profile window your signed-in members open from their profile menu.

  • Generated preview images: the tint and the line under the title.

The sign-in email's button stays black, and your Notion pages keep Notion's own colors. Reset clears your Brand Color, and the login page's buttons go back to neutral.

Theme

Theme sets light or dark mode for your site, login page and paywall.

  • System: follows each visitor's device, and visitors get a switch at the top right of your site to change between light and dark.

  • Light or Dark: always that mode, with no switch.

The "Made with Sotion" badge

The badge isn't part of Branding. On Starter and higher plans you turn it off with "Made with Sotion" badge in your site settings, and a site whose custom domain is active never shows it.

Was this helpful?
Was this helpful?