Installing the template and theme
- Duplicate this page template to your Notion workspace
- Create a site using Super, using your newly created page as the Notion URL.
- Duplicate these theme presets to your Super account
- Go to the Design page and choose theme theme we just duplicated from the list.
- Go to your site settings and into the code page, in the HEAD tab, paste the following snippet:
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://sites.super.so/satellite/style.css">
Tips and tricks
- You can quickly change the primary color used on your site by going into Site > Design > Edit this theme and changing the ‘Navbar button background color’.
- You can enable ‘dark/light’ mode switcher in your site ‘Options’ page in Super
- You can enable the database view switching tabs in your site ‘Options’ page in Super
- You can disable the database layout options sidebar in your site ‘Options’ page in Super
- You can customize some of the design options by editing the theme settings in ‘Design’ page
Adding navigation menus
You can add your own navigation menus inside Super. Once you’ve created your site using the steps above simply head into the ‘Navigation’ page in super, enable the Navbar/Footer and then add some menu items.
Customizing the email form
In order create a custom email signup form like the one that appears on the Super demo page (Fig 1 below) follow the instructions below:
- Create a new Notion form in the Forms page
- Delete all the default inputs
- Create a single ‘email’ type input
- Embed the form on your site page inside a brown callout block.
- Tip: leave the title and description blank for a cleaner look.