‣

Template instructions (start here)

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.

Duplicate this template to your own Notion workspace
Create your site on Super and use your newly created page from Step 1 as the Notion URL
Add the following code to your Super settings: Sites > Settings (Gear Icon) > Code

‣

Under the Head tab, add the following code:

<!-- 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:

/* 
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;
}

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.

Setup your navigation

Video walkthrough: https://shot.fyi/mDmrVO

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

‣

Question about how to style the CTA button at the top of the page? Here’s how:

When you create the link in Notion, make the text a link first and then make it bold. Depending on the container, this should trigger the large black button instead of a text link.

If that doesn’t work, do the opposite — make the text bold first and then make it a link. Again, it depends on the container you’re in sometimes (and honestly it’s just sometimes Notion and Super being weird together).

Writer, down and across

Check out my portfolio→

Monthly Spotify playlists

All Things Remote Work

About

Hi 👋🏾, I'm Tamilore, a seasoned Content Marketing Writer and Strategist with a focus on B2B and SaaS industries.

I specialize in crafting and managing full-funnel content strategies that drive brand awareness, lead generation, and revenue growth. I have a proven track record of doubling audience engagement, optimizing open rates, and attributing content to product sign-ups.

I'm not just a writer – I'm a content architect who understands the business objectives behind every word. Learn more