Britt Layton - Product Design Leader

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.

  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

I’m Britt, a product design leader living in Oakland, CA.


I’m currently at Loom, working to build the more expressive future of workplace communication. Since joining Loom in 2017 as the founding designer, I’ve contributed to growing the user base from 70k to over 19 million, the company grow from 5 employees to over 200, and the design team from 1 to 16. Previously, I worked at design agencies and as a freelance designer working with companies like Google and Dropbox, as well as startups taking their idea from 0 to 1.

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


RowFooter rows