Site design

The font and colors used on your site can be customized with just a few clicks.

Font

In the "Design" page of the site editor (cog icon) you can choose a font from a list of Google fonts to be used on your site. Super sites come optimized for these fonts to ensure quick loading times.

Color theme

A list of color themes can also be accessed from the "Design" page. The options include Notion's default and dark mode themes as well as some of our own. We'll be adding more options and themes here soon. If you don't like the theme's offered or want to make your own you can customize your colors through custom code. See Custom code for more.

Navbar

A customizable navbar can be added to your site from the "Navbar" page. By default the standard Notion navbar is used which includes breadcrumbs. Custom navbars come in three styles:

Simple (links on right)
Balanced (links in middle)
Minimal (links always in overflow/popup menu)

After selecting a custom navbar you can customize its links, call to action, colors, logo and shadow. You can customize the custom Navbar by applying custom CSS using the classes here.

Footer

A customizable Footer can be added to your site from the "Footer" page. Custom footers come in three styles:

Corners (footer content is distributed to the edges)
Stack (footer content is stacked and aligned to the vertical center)
Floating (footer is wrapped in a container with a shadow)

After selecting a custom footer you can customize its links, call to action, colors, footnote and logo. You can customize the custom Footer by applying custom CSS using the classes here.

💡

Want to customize your site even more? Check out the Creating a template page

← Previous

Custom domain

SEO options

On this page

Site design
Font
Color theme
Navbar
Footer