Consequence Design

Template instructions (start here)

First of all, thanks for purchasing Digital — 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!

Please note, you must have a paid Super plan to use this template.

  1. Duplicate this template to your own Notion workspace
  2. Create your site on Super and use your newly created page from Step 1 as the Notion URL
  3. Add the following 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>
    
    <!-- Digital javascript -->
    
    <script defer="defer" async src="https://mattdowney.github.io/digital/site-min.js"></script>
    
    <!-- Digital styles -->
    
    <link rel="stylesheet" href="https://mattdowney.github.io/digital/styles.css">
    
    <!-- Serif typography // Remove HTML comments to use this font
    <link rel="stylesheet" href="https://mattdowney.github.io/digital/serif.css"> 
    -->
    
    <!-- Add Analytics here (optional) -->

    Under the CSS tab, add the following code:
    /* 
    This is where you update your theme colors. 
    Select any hex color you'd like for --bg (background), 
    --contrast (text), --accent (accent color). 
    Simply invert them for the other theme.
    */
    
    .theme-light {
      --bg: #FFF;
      --contrast: #000;
      --accent: #0966FF;
    }
    
    .theme-dark {
      --bg: #000;
      --contrast: #FFF;
      --accent: #0966FF;
    }
  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. Before you launch, have a look at this checklist:
  8. Checklist
  9. Setup your navigation
  10. Important
    1. When you are creating new projects or articles, add them to the proper database pages (Projects and Writing). This will keep your posts structured while allow you to filter and sort throughout your site as you see fit.
    2. Spacing matters on this template! Please do your best to adhere to the template layout as much as possible to avoid unwanted issues.

Consequence Design is a design framework by Ron Bronson. This AI art project illustrates a bevy of speculative fiction about the perils of “unintended consequences” of design decisions.

I’ve spent the past few years writing about the responsibility of future tech, this speculative design project builds upon that work melding haunting visions with imagination.

Projects Database

Social

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