First of all, thanks for purchasing Primer — I'm thrilled! If you have any questions as you go through the setup process, please don't hesitate to shoot me an email. Let's get started!

Please note, you must have a paid Super plan to use this template.

1. Duplicate this template to your own Notion workspace
2. Create your site on Super and use your newly created page from Step 1 as the Notion URL
3. Add the following code to your Super settings: Sites > Settings (Gear Icon) > Code
‣
Under the Head tab, add the following code:
Copy
<!-- jQuery v3.2.1 -->

<script type='text/javascript' src='https://code.jquery.com/jquery-3.2.1.min.js' id='script-name-js'></script>

<!-- Product Theme javascript -->

<script defer="defer" async src="https://mattdowney.github.io/primer/site-min.js"></script>

<!-- Primer styles -->

<link rel="stylesheet" href="https://mattdowney.github.io/primer/styles.css">

<!-- Add Analytics here (optional) -->
‣

Under the CSS tab, add the following code:

Copy

/* 
This is where you update your theme colors. 
Select any hex color you'd like for --bg (background), 
--contrast (text), --accent (accent color). 
Simply invert them for the other theme.
*/

.theme-light {
  --bg: #E9E5D7 !important;
  --contrast: #070200 !important;
  --accent: #FE5B12 !important;
}

.theme-dark {
  --bg: #070200 !important;
  --contrast: #EAE5D8 !important;
  --accent: #FE5B12 !important;
}

4. Set up your pages on Super
‣
Sync URLs
You can use Sync URLs if you like, but we find that adding pages manually to Super is a much more reliable way to handle page integration. This may change in the future, but we recommend doing this for now.

5. Setup your navigation
• Video walkthrough: https://shot.fyi/mDmrVO
6. Before you launch, have a look at this checklist:
‣
Checklist
Update your favicon in Super
Add pretty URLs to your pages, projects, and blog articles