Drew Long

Hi, I’m Drew Long, qualitative UX Researcher and fearless former educator. I drive to understand and inform the “why” in user-centered product design.

  1. Duplicate this template to your Notion workspace
  2. Create a site using Super, using your newly created page as the Notion URL.
  3. Add the settings below to your Super site settings:
  4. Fonts

    The fonts used in the demo are: PS Fournier: Light Reason New: Regular and Medium You’ll need to add these fonts to a new web project in your Adobe Typekit account and paste the unique ID into the code below.

    If you want to use your own fonts you can find and replace all instances of the mentioned font names in the CSS below.


    Paste the code below into the ‘Snippet Injection’ field in your Super site settings.

4. Make sure you’ve done these things before you go live

Go live checklist
Change all links in the footer and copy-paste the new footer to every page and project.
Check the favicon, update if necessary in the snippet code.
Amend the meta description in the snippet code.
Check that all navigation labels and links are correct and that they point to the right pages. Note, they do not automatically update when you amend page names or add new pages. The default ‘Writing’ link goes to Medium.com so that needs to updated or removed too.
Add pretty links for your pages and projects into Super’s pretty URL settings.
Example of pretty links and url structure

Change log · Last update 14 Jan

Can’t believe I’ve made a product that requires a change log. But here goes.

14 Jan 2021 · Page Properties

Super released a new feature that enabled page properties to be displayed. This is the meta data on database pages. In the original version of this template we used those properties to drive the content that displayed in the gallery views (projects grid) but then we had to duplicate the title and disciplines on the content of the page to get it to display on the project page.

This new version does away with that duplication. Now you can simply manage the title and disciplines within the page properties and they will display automatically on the project page.

If you haven’t used the template yet, just refer the to the instructions above as normal.

If you have an existing site read on: 1. Update your site on Super

2. Update your snippet using the code in the instructions

3. Set ‘Show or Hide page properties’ to ‘Show’

4. Remove the titles and disciplines from the body of each project

5. Hide the other properties from the page.

Here’s how to hide the properties
  1. From any project page click the three dots icon.
  2. Click Customise page
  3. Set the visibility of each property to the options shown below.
Updating these settings updates for all projects in the same database
Updating these settings updates for all projects in the same database
These are the recommended visibility settings
These are the recommended visibility settings

6. Check it all looks good and let me know if you have any issues.

Research projects

Projects database

UX Projects

Projects database

Gone but not forgotten—Visit these archived projects.

drewlong.ux@gmail.com · Linked In · Resume · Medium

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