‣

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!

Duplicate this template to your own Notion workspace
Create your site on Super and use your newly created page as the Notion URL
Add your 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 template's colors.
 
Select any hex color you'd like for --bg (background), 
--contrast (text), --accent (accent color). 

Please only change the 6-character hex color.
*/

:root {
  --bg: #E9E5D7 !important;
  --contrast: #070200 !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

Change the links in the Footer database

Update your favicon in Super

Add pretty URLs to your pages, projects, and blog articles

‣

Question about how to style the black 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).

Primer is made for digital creators, powered by Notion & Super.

Buy Primer →

Hi! I’m Nina.

Primer is a flexible and customizable Super template designed for creators. With a modern aesthetic and a responsive layout, your work will look great on any screen. And the best part — make Primer unique by choosing your own custom background, text, and accent colors. Learn more

How I can help

Testimonials

Schedule a consultation

If you’re interested in learning more about what coaching with me might look like, shoot me an email at nina@ninaiordanova.com! Please include some info about yourself such as:

Your name and role
What led you to inquire about coaching
Any questions you have

If you’d prefer, you can also schedule a call with me.

Writing

Created	Name	Excerpt
September 1, 2021	The psychology of design	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
August 1, 2021	Declutter your workspace	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
July 1, 2021	Buying the right equipment	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
June 1, 2021	Web development best practices	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.