index.html

---
layout: default
---

<div class='home'>

  <div class='dot-tone-portrait'>
    <img src='images/face.jpg'/>
  </div>

  <div class='home-content'>
    <h1>Allen Tan</h1>
    <span class='label'>Product designer, editor, strategist</span>

    <span class='bigspan'>Currently at ProPublica — ➀&nbsp;working on editorial design, ➁&nbsp;design systems, and ➂&nbsp;running user research.</span>

    <h2>Selected Work</h2>
    <div class='work-grid'>
      <a href='/work/propublica'><img src='images/work/work-pp.png' alt='Design work for ProPublica'/></a>
      <a href='/work/aclu'><img src='images/work/work-aclu.png' alt='Design work for The American Civil Liberties Union'/></a>
      <a href='/work/nytimes'><img src='images/work/work-nyt.png' alt='Design work for The New York Times'/></a>
      <a href='/work/covid-tracking-project'><img src='images/work/work-ctp.png' alt='Design work for The Covid Tracking Project'/></a>
      <a href='/work/amex'><img src='images/work/work-amex.png' alt='Design work for American Express'/></a>
      <a href='/work/misc'><img src='images/work/work-misc.png' alt='Miscellaneous design work'/></a>
    </div>

    <h2>Talks</h2>

    <table class='elsewhere-list'>
      <tbody>
        <tr>
          <td>Accelerate Good Global</td>
          <td>San Francisco</td>
        </tr>
        <tr>
          <td>Workshop on Twitter bots</td>
          <td>The New School, New York</td>
        </tr>
        <tr>
          <td>Typographische Gesellschaft</td>
          <td>München</td>
        </tr>
        <tr>
          <td>Panel at SRCCON</td>
          <td>Philadelphia</td>
        </tr>
        <tr>
          <td>Books and Browsers</td>
          <td>San Francisco</td>
        </tr>
        <tr>
          <td>Future of Web Design</td>
          <td>New York</td>
        </tr>
        <tr>
          <td>Panel at Tools of Change</td>
          <td>New York</td>
        </tr>
      </tbody>
    </table>

    <h2>Published</h2>

    <table class='elsewhere-list'>
      <tbody>
        <tr>
          <td>A List Apart</td>
          <td><a href='https://alistapart.com/article/gardens-not-graves'>Gardens, Not Graves</a></td>
        </tr>
        <tr>
          <td>Interview with Source</td>
          <td><a href='https://source.opennews.org/articles/behind-scenes-nyt-redesign/'>Behind the Scenes on the NYT Redesign</a></td>
        </tr>
        <tr>
          <td>Stet</td>
          <td><a href='https://stet.editorially.com/articles/attention-rhythm-and-weight/'>Attention, Rhythm &amp; Weight</a></td>
        </tr>
        <tr>
          <td>Contents Magazine</td>
          <td><a href='https://contentsmagazine.com/articles/made-to-measure/'>Made to Measure</a></td>
        </tr>
      </tbody>
    </table>

  </div>

</div>