

<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8">

    <!-- Always force latest IE rendering engine or request Chrome Frame -->
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>We Are CONTRAST</title>

    <link href="/css/app.css" rel="stylesheet">
    <link href='https://fonts.googleapis.com/css?family=Lato:900,300,300italic,900italic' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

    <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="144x144"  href="/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
    <link rel="icon" type="image/png" href="/favicon-192x192.png" sizes="192x192">
    <link rel="icon" type="image/png" href="/favicon-160x160.png" sizes="160x160">
    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
    <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
    <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
    <meta name="msapplication-TileColor" content="#000000">
    <meta name="msapplication-TileImage" content="/mstile-144x144.png">
    <meta name="p:domain_verify" content="ebca3e22b99bba1cf14889cc51a2b10d"/>
	
	<script src="/bower_components/jquery/dist/jquery.js"></script>
	
  </head>

<body class="t_homepage">

  <div class="u_hidden">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 342.125 48" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="342.125px" height="48px" enable-background="new 0 0 342.125 48" xml:space="preserve">
    <defs>
      <g id="logo">
        <path d="M10.34,24.304c0,4.539,1.069,8.107,3.205,10.707c2.136,2.601,5.145,3.898,9.021,3.898
          c2.069,0,3.908-0.439,5.518-1.32c1.61-0.882,2.788-1.938,3.536-3.173c0.13-0.221,0.308-0.376,0.53-0.465
          c0.218-0.086,0.44-0.153,0.66-0.197c0.219,0,0.461,0.024,0.728,0.066c0.307,0.045,0.714,0.155,1.222,0.331
          c0.504,0.176,1.024,0.431,1.553,0.76c0.529,0.331,1.025,0.728,1.487,1.19c0.462,0.462,0.825,1.024,1.091,1.685
          c0.087,0.264,0.131,0.518,0.131,0.759c0,0.243-0.044,0.476-0.131,0.694c-0.088,0.222-0.177,0.441-0.266,0.662
          c-0.484,0.661-1.145,1.454-1.98,2.378c-0.838,0.925-1.908,1.798-3.207,2.611c-1.299,0.815-2.852,1.51-4.659,2.081
          c-1.807,0.573-3.898,0.859-6.278,0.859c-3.392,0-6.443-0.55-9.152-1.651c-2.709-1.102-5.012-2.677-6.908-4.726
          c-1.894-2.05-3.335-4.525-4.328-7.435c-0.99-2.908-1.486-6.19-1.486-9.848V23.71c0-3.525,0.563-6.695,1.684-9.517
          c1.126-2.818,2.667-5.222,4.627-7.203c1.96-1.984,4.273-3.513,6.94-4.594c2.664-1.079,5.54-1.62,8.623-1.62
          c2.422,0,4.548,0.289,6.379,0.859c1.828,0.576,3.391,1.245,4.692,2.016c1.298,0.772,2.323,1.564,3.073,2.38
          c0.748,0.814,1.299,1.443,1.652,1.883c0.131,0.222,0.24,0.44,0.329,0.662c0.089,0.222,0.133,0.452,0.133,0.694
          c0,0.242-0.044,0.474-0.133,0.694c-0.262,0.706-0.638,1.311-1.122,1.817c-0.486,0.506-1.004,0.948-1.553,1.321
          c-0.553,0.375-1.09,0.662-1.622,0.859c-0.528,0.198-0.968,0.321-1.319,0.363c-0.222,0.044-0.419,0.044-0.597,0
          c-0.175-0.042-0.363-0.086-0.56-0.13c-0.197-0.043-0.363-0.176-0.497-0.398c-0.353-0.484-0.836-0.968-1.455-1.452
          c-0.617-0.484-1.301-0.925-2.047-1.323c-0.75-0.396-1.577-0.726-2.48-0.993c-0.903-0.262-1.815-0.395-2.741-0.395
          c-3.878,0-6.896,1.254-9.053,3.768c-2.161,2.511-3.239,5.925-3.239,10.243V24.304z"/>
        <path d="M65.258,0.38c3.348-0.042,6.409,0.486,9.186,1.587c2.775,1.104,5.166,2.708,7.17,4.825
          c2.004,2.116,3.558,4.681,4.658,7.698c1.102,3.02,1.654,6.402,1.654,10.145c0,3.57-0.52,6.774-1.553,9.616
          c-1.037,2.842-2.535,5.266-4.493,7.271c-1.963,2.005-4.34,3.558-7.139,4.659c-2.797,1.102-5.958,1.651-9.483,1.651
          c-3.437,0-6.533-0.527-9.286-1.586c-2.755-1.058-5.11-2.577-7.071-4.559c-1.96-1.983-3.469-4.407-4.526-7.271
          c-1.059-2.864-1.587-6.079-1.587-9.649c0-3.701,0.551-7.048,1.652-10.045c1.102-2.995,2.644-5.553,4.626-7.667
          c1.983-2.113,4.351-3.755,7.103-4.923C58.925,0.965,61.955,0.38,65.258,0.38z M65.391,39.307c1.936,0.043,3.711-0.265,5.32-0.927
          c1.606-0.66,2.995-1.628,4.163-2.907c1.166-1.277,2.069-2.852,2.711-4.724c0.637-1.874,0.956-4.042,0.956-6.511
          c0-2.247-0.287-4.317-0.859-6.211c-0.573-1.896-1.419-3.513-2.543-4.858c-1.124-1.343-2.5-2.378-4.13-3.106
          c-1.631-0.728-3.503-1.091-5.617-1.091c-2.029,0-3.856,0.375-5.485,1.125c-1.63,0.748-3.018,1.795-4.163,3.139
          c-1.147,1.343-2.029,2.952-2.644,4.824c-0.619,1.874-0.925,3.932-0.925,6.179c0,4.934,1.165,8.656,3.503,11.169
          C58.009,37.919,61.249,39.22,65.391,39.307z"/>
        <path d="M133.93,2.659V46.74h-9.516l-21.082-30.466V46.74h-8.922V2.792c0-0.396,0.131-0.727,0.397-0.991
          c0.131-0.133,0.286-0.22,0.461-0.265c0.66-0.352,1.741-0.572,3.237-0.662c1.498-0.088,3.042,0.111,4.626,0.595
          c0.222,0.089,0.419,0.198,0.597,0.331c0.174,0.089,0.363,0.22,0.561,0.397c0.198,0.176,0.363,0.374,0.496,0.594l19.958,28.55
          V2.659c0-0.44,0.218-0.781,0.662-1.023c0.44-0.241,0.946-0.429,1.519-0.562c0.66-0.173,1.41-0.264,2.247-0.264
          c0.881,0,1.673,0.066,2.378,0.199c0.617,0.089,1.17,0.263,1.654,0.528C133.688,1.802,133.93,2.175,133.93,2.659z"/>
        <path d="M201.07,27.51c5.461-2.513,8.192-6.851,8.192-13.021c0-2.864-0.484-5.175-1.453-6.938
          c-0.971-1.763-2.227-3.14-3.767-4.13c-1.545-0.993-3.296-1.654-5.257-1.985c-1.96-0.331-3.933-0.494-5.913-0.494h-15.662h-1.189
          h-33.986c-0.575,0-1.004,0.22-1.291,0.66c-0.286,0.442-0.472,0.903-0.561,1.388c-0.177,0.572-0.242,1.234-0.197,1.984
          c0,0.751,0.086,1.388,0.262,1.917c0.133,0.484,0.343,0.924,0.63,1.323c0.286,0.395,0.713,0.593,1.289,0.593h11.895V46.74h9.451
          V8.806h13.565c0.028,0,0.044-0.012,0.068-0.015h14.734c1.278,0,2.445,0.079,3.502,0.232c1.061,0.153,1.96,0.44,2.709,0.859
          c0.751,0.42,1.332,1.259,1.751,2.052c0.42,0.792,0.63,1.667,0.63,2.988c0,1.588-0.262,2.597-0.795,3.5
          c-0.529,0.903-1.241,1.565-2.146,1.982c-0.903,0.419-1.928,0.672-3.074,0.761c-1.145,0.088-2.311,0.133-3.5,0.133h-14.937V46.74
          h9.252V29.226h7.136l6.809,17.515h10.178L201.07,27.51z"/>
        <path d="M243.814,2.99l16.521,43.75H249.76l-2.574-8.063H228.35l-2.711,8.063h-10.439l16.255-43.815
          c0.308-0.617,0.803-1.079,1.489-1.388c0.681-0.308,1.355-0.528,2.013-0.662c0.661-0.132,1.501-0.198,2.513-0.198
          c0.969,0,1.873,0.09,2.711,0.265c0.746,0.131,1.452,0.354,2.114,0.66C242.955,1.913,243.459,2.375,243.814,2.99z M244.476,30.944
          l-6.873-19.825l-2.247,7.335l-4.493,12.49H244.476z"/>
        <path d="M264.365,38.612c0.134-0.267,0.331-0.616,0.598-1.058c0.262-0.44,0.58-0.892,0.956-1.354
          c0.374-0.464,0.806-0.904,1.29-1.323c0.484-0.417,1.033-0.758,1.649-1.024c0.355-0.134,0.654-0.197,0.896-0.197
          c0.242,0,0.451,0.022,0.626,0.063c0.177,0.09,0.354,0.179,0.528,0.267c0.662,0.574,1.455,1.156,2.38,1.751
          c0.928,0.595,1.907,1.124,2.94,1.585c1.036,0.465,2.049,0.84,3.041,1.126s1.884,0.427,2.679,0.427
          c1.097,0,2.189-0.052,3.271-0.165c1.077-0.108,2.037-0.371,2.872-0.79c0.84-0.42,1.51-1.015,2.018-1.788
          c0.504-0.768,0.758-1.814,0.758-3.138c0-1.406-0.625-2.476-1.884-3.204c-1.254-0.729-2.832-1.344-4.724-1.852
          c-1.896-0.504-3.957-1-6.18-1.487c-2.226-0.482-4.282-1.199-6.179-2.146c-1.896-0.946-3.47-2.223-4.725-3.833
          c-1.257-1.609-1.883-3.777-1.883-6.51c0-2.291,0.439-4.296,1.319-6.014c0.884-1.718,2.093-3.15,3.638-4.295
          c1.542-1.146,3.368-1.993,5.482-2.545c2.117-0.549,4.409-0.825,6.872-0.825c2.776,0,5.531,0.594,8.262,1.784
          s5.09,2.864,7.07,5.022c0.311,0.355,0.465,0.77,0.465,1.256c0,0.22-0.021,0.462-0.065,0.726
          c-0.178,0.662-0.464,1.269-0.858,1.817c-0.399,0.552-0.815,1.015-1.259,1.387c-0.44,0.375-0.879,0.686-1.319,0.926
          c-0.443,0.244-0.794,0.409-1.057,0.496c-0.222,0.089-0.443,0.131-0.661,0.131c-0.222,0-0.433-0.007-0.63-0.032
          c-0.197-0.02-0.407-0.141-0.625-0.363c-0.621-0.528-1.314-1.069-2.085-1.62s-1.586-1.035-2.445-1.454
          c-0.858-0.417-1.75-0.758-2.673-1.024c-0.929-0.265-1.832-0.395-2.712-0.395c-0.923,0-1.806,0.044-2.641,0.13
          c-0.84,0.091-1.578,0.297-2.215,0.628c-0.642,0.33-1.146,0.794-1.521,1.387c-0.374,0.597-0.56,1.379-0.56,2.348
          c0,0.881,0.362,1.618,1.088,2.214c0.727,0.593,1.687,1.113,2.876,1.553c1.191,0.439,2.533,0.847,4.029,1.222
          c1.497,0.375,3.042,0.792,4.628,1.254c1.584,0.464,3.126,1.017,4.626,1.654c1.496,0.637,2.84,1.453,4.029,2.445
          c1.19,0.991,2.151,2.201,2.876,3.634c0.727,1.434,1.089,3.14,1.089,5.123c0,4.802-1.496,8.516-4.493,11.134
          c-2.996,2.623-7.555,3.934-13.678,3.934c-1.939,0-3.779-0.197-5.519-0.596c-1.742-0.396-3.372-0.946-4.892-1.65
          c-1.521-0.705-2.897-1.51-4.131-2.412c-1.234-0.904-2.291-1.862-3.171-2.877c-0.089-0.086-0.157-0.218-0.197-0.396
          c-0.044-0.134-0.068-0.286-0.068-0.464C264.168,39.032,264.236,38.833,264.365,38.612z"/>
        <path d="M339.374,8.806h-11.499V46.74h-9.447V8.806h-11.899c-0.572,0-1-0.198-1.286-0.593
          c-0.286-0.399-0.495-0.839-0.63-1.323c-0.173-0.528-0.262-1.166-0.262-1.917c-0.044-0.75,0.02-1.412,0.197-1.984
          c0.089-0.484,0.275-0.946,0.562-1.388c0.285-0.439,0.718-0.66,1.29-0.66h33.108c0.572,0,0.992,0.197,1.254,0.595
          c0.267,0.396,0.464,0.838,0.597,1.321c0.134,0.573,0.198,1.212,0.198,1.918c0.045,0.791-0.024,1.477-0.198,2.047
          c-0.133,0.486-0.354,0.938-0.661,1.355C340.388,8.596,339.947,8.806,339.374,8.806z"/>
      </g>
    </defs>
  </svg>
  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
       width="200px" height="162.5px" viewBox="0 0 200 162.5" style="enable-background:new 0 0 200 162.5;" xml:space="preserve">
    <path id="twitter" d="M200,19.2c-7.4,3.3-15.3,5.5-23.6,6.5c8.5-5.1,15-13.1,18-22.7c-7.9,4.7-16.7,8.1-26.1,10c-7.5-8-18.1-13-30-13
      c-22.7,0-41,18.4-41,41c0,3.2,0.4,6.3,1.1,9.4c-34.1-1.7-64.3-18-84.6-42.9c-3.5,6.1-5.6,13.1-5.6,20.6c0,14.2,7.2,26.8,18.3,34.2
      c-6.7-0.2-13.1-2.1-18.6-5.1c0,0.2,0,0.3,0,0.5c0,19.9,14.1,36.5,32.9,40.2c-3.4,0.9-7.1,1.4-10.8,1.4c-2.6,0-5.2-0.3-7.7-0.7
      c5.2,16.3,20.4,28.2,38.3,28.5c-14,11-31.7,17.6-51,17.6c-3.3,0-6.6-0.2-9.8-0.6c18.2,11.6,39.7,18.4,62.9,18.4
      c75.5,0,116.7-62.5,116.7-116.7c0-1.8,0-3.5-0.1-5.3C187.5,34.7,194.5,27.5,200,19.2z"/>
  </svg>
  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="240px" height="240px" viewBox="0 0 240 240" style="enable-background:new 0 0 240 240;" xml:space="preserve">
    <g id="ph">
      <path d="M136,84L136,84l-34,0v36h34v0c9.9,0,18-8.1,18-18C154,92.1,145.9,84,136,84z" />
      <path d="M120,0C53.7,0,0,53.7,0,120s53.7,120,120,120s120-53.7,120-120S186.3,0,120,0z M136,144L136,144l-34,0v36H78V60l58,0v0 c23.2,0,42,18.8,42,42C178,125.2,159.2,144,136,144z" />
    </g>
    <path d="M136,60L136,60H78v120h24v-36h34v0c23.2,0,42-18.8,42-42C178,78.8,159.2,60,136,60z M136,120L136,120l-34,0V84	h34v0c9.9,0,18,8.1,18,18C154,111.9,145.9,120,136,120z" />
  </svg>
</div>

  <div class="c_header-thing text-center">
    <div class="row">
      <div class="small-12 columns">
        <h1 class="o_block o_block--pt-0 c_logo">
          <span class="c_logo__preface">We Are</span>
          <svg viewBox="0 0 342.125 48" x="0px" y="0px" width="342.125px" height="48px" class="c_logo__mark c_main-nav__logo">
            <title>
              Contrast
            </title>
            <use xlink:href="#logo"></use>
          </svg>
        </h1>

        Hey there. We're <a href="https://twitter.com/mikeaag" target="_blank" class="o_cta" rel="nofollow">Mike</a> &amp; <a href="https://twitter.com/fredrivett" target="_blank" class="o_cta" rel="nofollow">Fred</a>, and we are Contrast. We <a href="https://blog.wearecontrast.com/" class="o_cta">write</a> &amp; <a href="#things-weve-made" class="o_cta">make stuff</a>.
      </div>
    </div>
  </div>

  <div class="o_overlap">
    <div class="row">
      <div class="small-12 columns text-center">
        <ul class="o_horizontal-list c_social-list o_horizontal-list--centred">
          <li>
            <a href="https://twitter.com/wecontrast" target="_blank" rel="nofollow">
              <svg viewBox="0 0 200 162.5" x="0px" y="0px" width="200px" height="162.5px" class="c_social-list__image c_social-list__image--twitter">
                <title>
                  Twitter
                </title>
                <use xlink:href="#twitter"></use>
              </svg>
            </a>
          </li>
          <li>
            <a href="https://blog.wearecontrast.com/" target="_blank">
              <div class="c_social-list__image c_social-list__image--medium" aria-label="Medium"></div>
            </a>
          </li>
          <li>
            <a href="https://www.producthunt.com/@mikeaag/collections/i-made-that" target="_blank" rel="nofollow">
              <svg viewBox="0 0 240 240" x="0px" y="0px" width="240px" height="240px" class="c_social-list__image c_social-list__image--ph">
                <title>
                  Product Hunt
                </title>
                <use xlink:href="#ph"></use>
              </svg>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>

  <div class="o_block o_block--large" id="things-weve-made">
    <div class="row">
      <div class="small-12 small-centered columns">
        <h2 class="text-center">Things we've made</h2>

        <ul class="o_undercover-list c_project-list js_project-list">
          <li>
            <a href="#" class="js_project-link">UserCompass</a>
            <div class="o_brackets o_brackets--light c_project-detail js_project-detail">
  <div class="row row--flex">
    <div class="small-12 medium-8 columns">
      <div class="c_project-detail__main">
        <h2><a href="https://usercompass.com/?utm_source=wearecontrast.com" target="_blank">UserCompass <i class="fa fa-external-link"></i></a></h2>
        <p>Automated NPS Surveys for Stripe.</p>

        <h3>Related links</h3>
        <ul class="o_undercover-list c_project-detail__related">
          <li><a href="https://usercompass.com/?utm_source=wearecontrast.com" target="_blank">UserCompass.com</a></li>
          <li><a href="https://twitter.com/usercompass" target="_blank" rel="nofollow">@UserCompass</a></li>
          <li><a href="https://betalist.com/startups/usercompass" target="_blank" rel="nofollow">BetaList</a></li>
          <li><a href="https://www.startups.co/reviews/two-simple-questions-might-change-your-companys-fortunes" target="_blank" rel="nofollow">Featured on Startups.co</a></li>
        </ul>
      </div>
    </div>
    <div class="small-12 medium-4 columns">
      <div class="c_project-detail__sidebar">
        <h4>Project Type</h4>
        <span>SaaS</span>
        <h4>Date launched</h4>
        <span>August 2017</span>
        <h4>Status</h4>
        <span>Live</span>
      </div>
    </div>
  </div>
</div>
          </li>
          <li>
            <a href="#" class="js_project-link">Stories as a Service</a>
            <div class="o_brackets o_brackets--light c_project-detail js_project-detail">
  <div class="row row--flex">
    <div class="small-12 medium-8 columns">
      <div class="c_project-detail__main">
        <h2><a href="https://storiesasaservice.com/?utm_source=wearecontrast.com" target="_blank" rel="nofollow">StoriesAsAService <i class="fa fa-external-link"></i></a></h2>
        <p>Add stories to your site in just one line of code.</p>

        <h3>Related links</h3>
        <ul class="o_undercover-list c_project-detail__related">
          <li><a href="https://storiesasaservice.com/?utm_source=wearecontrast.com" target="_blank" rel="nofollow">StoriesAsAService.com</a></li>
          <li><a href="https://www.producthunt.com/posts/stories-as-a-service" target="_blank" rel="nofollow">Product Hunt Launch</a></li>
          <li><a href="https://twitter.com/FredRivett/status/847825413422415872" target="_blank" rel="nofollow">Making of</a></li>
        </ul>
      </div>
    </div>
    <div class="small-12 medium-4 columns">
      <div class="c_project-detail__sidebar">
        <h4>Project Type</h4>
        <span>JS Tool</span>
        <h4>Date launched</h4>
        <span>1st April 2017</span>
        <h4>Status</h4>
        <span>Live</span>
      </div>
    </div>
  </div>
</div>
          </li>
          <li>
            <a href="#" class="js_project-link">Hit Reply</a>
            <div class="o_brackets o_brackets--light c_project-detail js_project-detail">
  <div class="row row--flex">
    <div class="small-12 medium-8 columns">
      <div class="c_project-detail__main">
        <h2><a href="https://hitreply.co/?utm_source=wearecontrast.com" target="_blank" rel="nofollow">Hit Reply <i class="fa fa-external-link"></i></a></h2>
        <p>The inside view on what it’s like to start a startup.</p>

        <h3>Related links</h3>
        <ul class="o_undercover-list c_project-detail__related">
          <li><a href="https://hitreply.co/?utm_source=wearecontrast.com" target="_blank" rel="nofollow">HitReply.co</a></li>
        </ul>
      </div>
    </div>
    <div class="small-12 medium-4 columns">
      <div class="c_project-detail__sidebar">
        <h4>Project Type</h4>
        <span>Podcast</span>
        <h4>Date launched</h4>
        <span>August 2016</span>
        <h4>Status</h4>
        <span>No longer recording</span>
      </div>
    </div>
  </div>
</div>
          </li>
          <li>
            <a href="#" class="js_project-link">Real Time Users</a>
            <div class="o_brackets o_brackets--light c_project-detail js_project-detail">
  <div class="row row--flex">
    <div class="small-12 medium-8 columns">
      <div class="c_project-detail__main">
        <h2><a href="https://realtimeusers.bycontrast.co/?utm_source=wearecontrast.com" target="_blank" rel="nofollow">Real Time Users <i class="fa fa-external-link"></i></a></h2>
        <p>Add a real time user counter to your site in 60 seconds.</p>

        <h3>Related links</h3>
        <ul class="o_undercover-list c_project-detail__related">
          <li><a href="https://realtimeusers.bycontrast.co/?utm_source=wearecontrast.com" rel="nofollow">RealTimeUsers.ByContrast.co</a></li>
          <li><a href="https://www.producthunt.com/tech/real-time-users" rel="nofollow">Product Hunt Launch</a></li>
          <li><a href="https://news.ycombinator.com/item?id=11868754" rel="nofollow">Hacker News Launch</a></li>
          <li><a href="https://blog.wearecontrast.com/make-stuff-ff82f78cf5a9#.snch9evgz">Introductory Blog Post</a></li>
        </ul>
      </div>
    </div>
    <div class="small-12 medium-4 columns">
      <div class="c_project-detail__sidebar">
        <h4>Project Type</h4>
        <span>JS Tool</span>
        <h4>Date launched</h4>
        <span>June 2016</span>
        <h4>Time invested</h4>
        <span>15 hours</span>
        <h4>Status</h4>
        <span>Live</span>
      </div>
    </div>
  </div>
</div>
          </li>
          <li>
            <a href="#" class="js_project-link">Learning To Launch</a>
            <div class="o_brackets o_brackets--light c_project-detail js_project-detail">
  <div class="row row--flex">
    <div class="small-12 medium-8 columns">
      <div class="c_project-detail__main">
        <h2><a href="https://learningtolaunch.co/?utm_source=wearecontrast.com" target="_blank" rel="nofollow">Learning To Launch <i class="fa fa-external-link"></i></a></h2>
        <p>Learning To Launch is a short ebook where we share what we learnt launching six projects in six months.</p>

        <h3>Related links</h3>
        <ul class="o_undercover-list c_project-detail__related">
          <li><a href="https://learningtolaunch.co/?utm_source=wearecontrast.com" rel="nofollow">LearningToLaunch.co</a></li>
          <li><a href="https://learningtolaunch.co/read?utm_source=wearecontrast.com" rel="nofollow">Read online for free</a></li>
          <li><a href="https://www.producthunt.com/books/learning-to-launch" rel="nofollow">Product Hunt Launch</a></li>
        </ul>
      </div>
    </div>
    <div class="small-12 medium-4 columns">
      <div class="c_project-detail__sidebar">
        <h4>Project Type</h4>
        <span>Book</span>
        <h4>Date launched</h4>
        <span>Mar 2016</span>
        <h4>Time invested</h4>
        <span>236 hours</span>
        <h4>Status</h4>
        <span>Live</span>
      </div>
    </div>
  </div>
</div>
          </li>
          <li>
            <a href="#" class="js_project-link">MyYear</a>
            <div class="o_brackets o_brackets--light c_project-detail js_project-detail">
  <div class="row row--flex">
    <div class="small-12 medium-8 columns">
      <div class="c_project-detail__main">
        <h2><a href="https://myyear.co/?utm_source=wearecontrast.com" target="_blank" rel="nofollow">MyYear <i class="fa fa-external-link"></i></a></h2>
        <p>MyYear enables you to easily create your year in review. Hacked together over Christmas 2015.</p>

        <h3>Related links</h3>
        <ul class="o_undercover-list c_project-detail__related">
          <li><a href="https://myyear.co/?utm_source=wearecontrast.com" target="_blank" rel="nofollow">MyYear.co</a></li>
          <li><a href="https://blog.wearecontrast.com/how-a-tweet-inspired-a-christmas-hackathon-ed2973ff0689" target="_blank">How a tweet inspired a Christmas Hackathon</a></li>
          <li><a href="https://www.producthunt.com/tech/my-year" target="_blank" rel="nofollow">Product Hunt Launch</a></li>
          <li><a href="http://www.ksl.com/?nid=1194&sid=38023764&title=techtuesday-with-alex-lawrence-0105&fm=home_page&s_cid=topstory" target="_blank" rel="nofollow">Tech Tuesday Best New Apps &ndash; KSL.com</a></li>
          <li><a href="https://twitter.com/MyYearCo" target="_blank" rel="nofollow">@myyearco</i></a></li>
          <li><a href="https://myyear.co/@mikeaag/2015?utm_source=wearecontrast.com" target="_blank" rel="nofollow">@mikeaag's MyYear 2015</a></li>
          <li><a href="https://myyear.co/@fredrivett/2015?utm_source=wearecontrast.com" target="_blank" rel="nofollow">@fredrivett's MyYear 2015</a></li>
        </ul>
      </div>
    </div>
    <div class="small-12 medium-4 columns">
      <div class="c_project-detail__sidebar">
        <h4>Project Type</h4>
        <span>Web App</span>
        <h4>Date launched</h4>
        <span>Dec 2015</span>
        <h4>Time invested</h4>
        <span>60 hours</span>
        <h4>Status</h4>
        <span>Live</span>
      </div>
    </div>
  </div>
</div>
          </li>
          <li>
            <a href="#" class="js_project-link">TheWorkingLunch</a>
            <div class="o_brackets o_brackets--light c_project-detail js_project-detail">
  <div class="row row--flex">
    <div class="small-12 medium-8 columns">
      <div class="c_project-detail__main">
        <h2><a href="https://theworkinglunch.co/?utm_source=wearecontrast.com" target="_blank" rel="nofollow">The Working Lunch <i class="fa fa-external-link"></i></a></h2>
        <p>Daily resources for startup founders.</p>

        <h3>Related links</h3>
        <ul class="o_undercover-list c_project-detail__related">
          <li><a href="https://theworkinglunch.co/?utm_source=wearecontrast.com" target="_blank" rel="nofollow">TheWorkingLunch.co</a></li>
          <li><a href="https://blog.wearecontrast.com/month-6-introducing-the-working-lunch-27dd4aaff991" target="_blank">Month 6 &ndash; Introducing The Working Lunch</a></li>
          <li><a href="https://www.producthunt.com/tech/the-working-lunch" target="_blank" rel="nofollow">Product Hunt Launch</a></li>
          <li><a href="https://twitter.com/twlco" target="_blank" rel="nofollow">@twlco</a></li>
        </ul>
      </div>
    </div>
    <div class="small-12 medium-4 columns">
      <div class="c_project-detail__sidebar">
        <h4>Project Type</h4>
        <span>Blog &amp; Daily newsletter</span>
        <h4>Date launched</h4>
        <span>August 2015</span>
        <h4>Time invested</h4>
        <span>35 hours</span>
        <h4>Status</h4>
        <span>Dead</span>
      </div>
    </div>
  </div>
</div>
          </li>
          <li>
            <a href="#" class="js_project-link">FormFillerJS</a>
            <div class="o_brackets o_brackets--light c_project-detail js_project-detail">
  <div class="row row--flex">
    <div class="small-12 medium-8 columns">
      <div class="c_project-detail__main">
        <h2><a href="https://formfillerjs.com/?utm_source=wearecontrast.com" target="_blank" rel="nofollow">FormFillerJS <i class="fa fa-external-link"></i></a></h2>
        <p>A Javascript bookmarklet for repopulating forms.</p>

        <h3>Related links</h3>
        <ul class="o_undercover-list c_project-detail__related">
          <li><a href="https://formfillerjs.com/?utm_source=wearecontrast.com" target="_blank" rel="nofollow">FormFillerJS.com</a></li>
          <li><a href="https://blog.wearecontrast.com/month-5-introducing-formfiller-1334615a53d1" target="_blank" rel="nofollow">Month 5 &ndash; Introducing FormFiller</a></li>
          <li><a href="https://news.ycombinator.com/item?id=9987365" target="_blank" rel="nofollow">Hacker News Launch</a></li>
        </ul>
      </div>
    </div>
    <div class="small-12 medium-4 columns">
      <div class="c_project-detail__sidebar">
        <h4>Project Type</h4>
        <span>Bookmarklet</span>
        <h4>Date launched</h4>
        <span>July 2015</span>
        <h4>Time invested</h4>
        <span>35 hours</span>
        <h4>Status</h4>
        <span>Live</span>
      </div>
    </div>
  </div>
</div>
          </li>
          <li>
            <a href="#" class="js_project-link">FoundersKit</a>
            <div class="o_brackets o_brackets--light c_project-detail js_project-detail">
  <div class="row row--flex">
    <div class="small-12 medium-8 columns">
      <div class="c_project-detail__main">
        <h2><a href="https://founderskit.co?utm_source=wearecontrast.com" target="_blank" rel="nofollow">FoundersKit <i class="fa fa-external-link"></i></a></h2>
        <p>Exclusive Discounts for Founders. Originally built with the man <a href="https://twitter.com/dylanfeltus" target="_blank" rel="nofollow">@dylanfeltus</a>.</p>

        <h3>Related links</h3>
        <ul class="o_undercover-list c_project-detail__related">
          <li><a href="https://founderskit.co?utm_source=wearecontrast.com" target="_blank" rel="nofollow">FoundersKit.co</a></li>
          <li><a href="https://blog.wearecontrast.com/month-4-introducing-founderskit-9e351fc4611" target="_blank">Month 4 &ndash; Introducing FoundersKit</a></li>
          <li><a href="https://www.producthunt.com/tech/founderskit" target="_blank" rel="nofollow">Product Hunt Launch</a></li>
          <li><a href="https://twitter.com/founderskit_" target="_blank" rel="nofollow">@founderskit_</a></li>
        </ul>
      </div>
    </div>
    <div class="small-12 medium-4 columns">
      <div class="c_project-detail__sidebar">
        <h4>Project Type</h4>
        <span>Membership Site</span>
        <h4>Date launched</h4>
        <span>Aug 2015</span>
        <h4>Time invested</h4>
        <span>204 hours</span>
        <h4>Status</h4>
        <span>Live</span>
      </div>
    </div>
  </div>
</div>
          </li>
          <li>
            <a href="#" class="js_project-link">Outstanding Bar</a>
            <div class="o_brackets o_brackets--light c_project-detail js_project-detail">
  <div class="row row--flex">
    <div class="small-12 medium-8 columns">
      <div class="c_project-detail__main">
        <h2><a href="https://outstandingbar.com/?utm_source=wearecontrast.com" target="_blank" rel="nofollow">Outstanding Bar <i class="fa fa-external-link"></i></a></h2>
        <p>Tired of countless pop-ups? Outstanding Bar is a simple Wordpress plugin that integrates with Mailchimp. Simply set up your settings once and collect emails in a way that your users won't find offensive.</p>

        <h3>Related links</h3>
        <ul class="o_undercover-list c_project-detail__related">
          <li><a href="https://outstandingbar.com/?utm_source=wearecontrast.com" target="_blank" rel="nofollow">OutstandingBar.com</a></li>
          <li><a href="https://blog.wearecontrast.com/month-3-introducing-outstanding-bar-cd2e490589fc" target="_blank" rel="nofollow">Month 3 &ndash; Introducing Outstanding Bar</a></li>
          <li><a href="https://www.producthunt.com/tech/outstandingbar" target="_blank" rel="nofollow">Product Hunt Launch</a></li>
          <li><a href="https://wordpress.org/plugins/outstanding-bar/" target="_blank" rel="nofollow">Wordpress Plugin Directory</a></li>
        </ul>
      </div>
    </div>
    <div class="small-12 medium-4 columns">
      <div class="c_project-detail__sidebar">
        <h4>Project Type</h4>
        <span>Wordpress Plugin</span>
        <h4>Date launched</h4>
        <span>March 2015</span>
        <h4>Time invested</h4>
        <span>59 hours</span>
        <h4>Status</h4>
        <span>Live</span>
      </div>
    </div>
  </div>
</div>
          </li>
          <li>
            <a href="#" class="js_project-link">FlashTabs</a>
            <div class="o_brackets o_brackets--light c_project-detail js_project-detail">
  <div class="row row--flex">
    <div class="small-12 medium-8 columns">
      <div class="c_project-detail__main">
        <h2><a href="http://flashtabs.co/?utm_source=wearecontrast.com" target="_blank">FlashTabs <i class="fa fa-external-link"></i></a></h2>
        <p>Flashcards in your new tab screen.</p>

        <h3>Related links</h3>
        <ul class="o_undercover-list c_project-detail__related">
          <li><a href="http://flashtabs.co/?utm_source=wearecontrast.com" target="_blank">FlashTabs.co</a></li>
          <li><a href="https://chrome.google.com/webstore/detail/flashtabs/gcgdbnfebnhdbffnohjibaomkiepmfnb" target="_blank" rel="nofollow">Chrome Web Store</a></li>
          <li><a href="https://blog.wearecontrast.com/month-2-introducing-flashtabs-7bab38d0e5dc" target="_blank">Month 2 &ndash; Introducing FlashTabs</a></li>
          <li><a href="https://www.producthunt.com/tech/flashtabs" target="_blank" rel="nofollow">Product Hunt Launch</a></li>
        </ul>
      </div>
    </div>
    <div class="small-12 medium-4 columns">
      <div class="c_project-detail__sidebar">
        <h4>Project Type</h4>
        <span>Chrome Extension</span>
        <h4>Date launched</h4>
        <span>Feb 2015</span>
        <h4>Time invested</h4>
        <span>77 hours</span>
        <h4>Status</h4>
        <span>Live</span>
      </div>
    </div>
  </div>
</div>
          </li>
          <li>
            <a href="#" class="js_project-link">HowsItGoin</a>
            <div class="o_brackets o_brackets--light c_project-detail js_project-detail">
  <div class="row row--flex">
    <div class="small-12 medium-8 columns">
      <div class="c_project-detail__main">
        <h2><a href="http://howsitgo.in/?utm_source=wearecontrast.com" target="_blank" rel="nofollow">HowsItGoin <i class="fa fa-external-link"></i></a></h2>
        <p>A simple web app that allows you to set questions &amp; track your answers</p>

        <h3>Related links</h3>
        <ul class="o_undercover-list c_project-detail__related">
          <li><a href="http://howsitgo.in/?utm_source=wearecontrast.com" target="_blank" rel="nofollow">HowsItGo.in</a></li>
          <li><a href="https://blog.wearecontrast.com/month-1-introducing-howsitgoin-fd67aa7eb5f3" target="_blank">Month 1 &ndash; Introducing HowsItGoin</a></li>
          <li><a href="https://blog.wearecontrast.com/48-hours-later-stats-from-product-hunt-29e655aa51e0" target="_blank">48 Hours Later: Stats From Product Hunt</a></li>
          <li><a href="https://www.producthunt.com/tech/howsitgoin" target="_blank" rel="nofollow">Product Hunt Launch</a></li>
          <li><a href="https://news.ycombinator.com/item?id=8943621" target="_blank" rel="nofollow">Hacker News Launch</a></li>
        </ul>
      </div>
    </div>
    <div class="small-12 medium-4 columns">
      <div class="c_project-detail__sidebar">
        <h4>Project Type</h4>
        <span>Web App</span>
        <h4>Date launched</h4>
        <span>Jan 2015</span>
        <h4>Time invested</h4>
        <span>250 hours</span>
        <h4>Status</h4>
        <span>No longer under development</span>
      </div>
    </div>
  </div>
</div>
          </li>
          <li>
            <a href="#" class="js_project-link">AreTheNsaWatchingMe</a>
            <div class="o_brackets o_brackets--light c_project-detail js_project-detail">
  <div class="row row--flex">
    <div class="small-12 medium-8 columns">
      <div class="c_project-detail__main">
        <h2><a href="http://arethensawatchingme.com/?utm_source=wearecontrast.com" target="_blank" rel="nofollow">AreTheNSAWatchingMe.com <i class="fa fa-external-link"></i></a></h2>
        <p>It's a good question.</p>

        <h3>Related links</h3>
        <ul class="o_undercover-list c_project-detail__related">
          <li><a href="http://arethensawatchingme.com/?utm_source=wearecontrast.com" target="_blank" rel="nofollow">AreTheNSAWatchingMe.com</a></li>
          <li><a href="https://twitter.com/rNSAwatchingme" target="_blank" rel="nofollow">@rNSAwatchingme</a></li>
        </ul>
      </div>
    </div>
    <div class="small-12 medium-4 columns">
      <div class="c_project-detail__sidebar">
        <h4>Project Type</h4>
        <span>Website</span>
        <h4>Date launched</h4>
        <span>Dec 2013</span>
        <h4>Status</h4>
        <span>Live</span>
      </div>
    </div>
  </div>
</div>
          </li>
        </ul>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="small-12 small-centered columns text-center">
      <footer class="o_block o_block--pt-0 c_main-footer">
        <a href="https://blog.wearecontrast.com/we-are-contrast-e0c511883c1f#.f13nzkqg6" target="_blank" class="c_main-footer__link">Since 2014</a>
      </footer>
    </div>
  </div>

  <div class="row">
    <div class="small-12 small-centered columns text-center">
      <footer class="o_block o_block--pt-0 c_main-footer">
        <div class="realtimeuserscounter realtimeuserscounter--styled"></div>
        <script src="https://realtimeusers.bycontrast.co/realtimeusers.js"></script>
      </footer>
    </div>
  </div>


	<script src="/bower_components/what-input/what-input.js"></script>
	<script src="/bower_components/foundation-sites/dist/foundation.js"></script>
	<script src="/js/all.js"></script>
	<script type="text/javascript">
		if (document.location.hostname == "wearecontrast.com") {
			(function (i, s, o, g, r, a, m) {
			i['GoogleAnalyticsObject'] = r;
			i[r] = i[r] || function () {
			  (i[r].q = i[r].q || []).push(arguments)
			}, i[r].l = 1 * new Date();
			a = s.createElement(o),
					m = s.getElementsByTagName(o)[0];
			a.async = 1;
			a.src = g;
			m.parentNode.insertBefore(a, m)
			})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

			ga('create', 'UA-56010312-1', 'auto');
			ga('require', 'linkid', 'linkid.js');
			ga('require', 'displayfeatures');
			ga('send', 'pageview');
		}
	</script>

</body>
</html>
