Primer

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!

  1. Duplicate this template to your own Notion workspace
  2. Create your site on Super and use your newly created page as the Notion URL
  3. Add your code to your Super settings: Sites > Settings (Gear Icon) > Code
  4. 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;
    }
  5. Set up your pages on Super
  6. 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.

    image
  7. Setup your navigation
  8. Before you launch, have a look at this checklist:
  9. Checklist
    Change the links in the Footer database
    Update your favicon in Super

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

Work Database

About

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

Writing

Writing Database

CreatedNameExcerpt
Sep 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.
Aug 1, 2021
Declutter your workspace
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Jul 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.
Jun 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.

Contact

@mattdowney

If you’d like to quickly connect, the best place is on Twitter.

hey@mattdowney.co

If you want to work together, please feel free to shoot me an email.

🦶

Footer

RowFooter rows
1
2
Primer by Matt Downey. Crafted using Notion & Super.
3

Hide all of your pages in this toggle menu, only you will see it