Super has built in design options that help you customize the appearance of your site.
Design page
Once in Super, click into your site and then into the ‘Design’ page on the sidebar. From here you have access to a range of pages including Color, typography, layout, blocks and more. Click into each page to customize specific options.
Changing the font
Click into your site and then into the ‘Design’ page. From here click into the ‘Typography’ options. You can choose a font for Primary (Headings and titles) and Secondary (text, callouts etc.) elements. Pick from a list of Google fonts to be used on your site. Super sites come optimized for these fonts to ensure quick loading times.
Colors
Once in the ‘Design’ page, click into ‘Colors’. From here you can either manually customize the individual colors of your site or explore the presets from the ‘Color palette’ list. 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 navigation bar 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.