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='' id='script-name-js'></script>
    <!-- Product Theme javascript -->
    <script defer="defer" async src=""></script>
    <!-- Primer styles -->
    <link rel="stylesheet" href="">
    <!-- 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

Hi! I’m Steven, a UI/UX Product Designer

Work Database


Hello, I’m Steven. I have over 15+ years experience in design. I’ve been lucky to be able to explore many fields such as entertainment, automotive, fashion to music & film. I love approaching design & development with empathy to use out-of-the-box thinking to solve everyday UX problems. Learn more


View LinkedIn profile

2012 - Present

VP of Multimedia & Technology @Cleopatra Records

Los Angeles, Ca

2009 - 2012

Designer/Developer @MaxTool

La Verne, Ca


Web Designer @Longmarch International

Industry, Ca

2005 - 2007

Web Designer @Academic Learning Company

El Monte, Ca

2003 - 2005

Web Designer

West Hollywood, Ca


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

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



RowFooter rows

Home · Work · About


LinkedIn · Instagram · Twitter · Email

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