<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 2.24.1"/><link rel="preconnect" href="https://www.google-analytics.com"/><link rel="dns-prefetch" href="https://www.google-analytics.com"/><link rel="alternate" type="application/rss+xml" title="Gatsby RSS feed" href="/rss.xml"/><link rel="icon" href="/favicon-32x32.png?v=5857ae8912815236ef5a5a589cb0a5ec"/><link rel="manifest" href="/manifest.webmanifest"/><meta name="theme-color" content="#3DDFC2"/><link rel="apple-touch-icon" sizes="48x48" href="/icons/icon-48x48.png?v=5857ae8912815236ef5a5a589cb0a5ec"/><link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png?v=5857ae8912815236ef5a5a589cb0a5ec"/><link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png?v=5857ae8912815236ef5a5a589cb0a5ec"/><link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png?v=5857ae8912815236ef5a5a589cb0a5ec"/><link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png?v=5857ae8912815236ef5a5a589cb0a5ec"/><link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png?v=5857ae8912815236ef5a5a589cb0a5ec"/><link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png?v=5857ae8912815236ef5a5a589cb0a5ec"/><link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png?v=5857ae8912815236ef5a5a589cb0a5ec"/><title data-react-helmet="true">Matt Felten</title><meta data-react-helmet="true" name="description" content="Designer who codes focusing on design systems and leading teams. Cat dad who plays games, rides bikes, and has browser tabs full of dinner recipes."/><meta data-react-helmet="true" property="og:title"/><meta data-react-helmet="true" property="og:description" content="Designer who codes focusing on design systems and leading teams. Cat dad who plays games, rides bikes, and has browser tabs full of dinner recipes."/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" name="twitter:card" content="summary"/><meta data-react-helmet="true" name="twitter:creator" content="@mattfelten"/><meta data-react-helmet="true" name="twitter:title"/><meta data-react-helmet="true" name="twitter:description" content="Designer who codes focusing on design systems and leading teams. Cat dad who plays games, rides bikes, and has browser tabs full of dinner recipes."/><meta data-react-helmet="true" name="keywords" content="blog, gatsby, javascript, react"/><style data-styled="" data-styled-version="5.1.1">.iaPkXU{padding-left:8vw;padding-right:18vw;}/*!sc*/
data-styled.g8[id="Block-sc-1sjans7-0"]{content:"iaPkXU,"}/*!sc*/
.cqsnNL{color:#25272c;display:block;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/
data-styled.g9[id="CaseStudy__Link-sc-1eyfclw-0"]{content:"cqsnNL,"}/*!sc*/
.cJNrCH{font-weight:bold;}/*!sc*/
data-styled.g10[id="CaseStudy__Title-sc-1eyfclw-1"]{content:"cJNrCH,"}/*!sc*/
.czXExZ{display:block;font-size:1rem;margin-top:8px;}/*!sc*/
data-styled.g11[id="CaseStudy__Company-sc-1eyfclw-2"]{content:"czXExZ,"}/*!sc*/
.eeaMvn{background:#f6f6f6;margin-bottom:16px;padding-top:75%;position:relative;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}/*!sc*/
.CaseStudy__Link-sc-1eyfclw-0:hover .eeaMvn{background:$color-accent;}/*!sc*/
data-styled.g12[id="CaseStudy__ImageWrapper-sc-1eyfclw-3"]{content:"eeaMvn,"}/*!sc*/
.UPPoD{position:absolute;top:0;left:0;width:100%;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}/*!sc*/
.CaseStudy__Link-sc-1eyfclw-0:hover .UPPoD{-webkit-transform:scale(1.06);-ms-transform:scale(1.06);transform:scale(1.06);box-shadow:0 20px 50px rgba(0,0,0,0.2);}/*!sc*/
data-styled.g13[id="CaseStudy__Image-sc-1eyfclw-4"]{content:"UPPoD,"}/*!sc*/
.vuWLb{color:#25272c;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;background:linear-gradient( to bottom,#3DDFC2,#3DDFC2) no-repeat bottom;background-position:0 165%;background-size:100% 50%;cursor:pointer;font-weight:bold;position:relative;top:0;}/*!sc*/
.vuWLb:hover{-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);}/*!sc*/
.vuWLb:hover{background-position:0 100%;top:-4px;}/*!sc*/
.beCxTI{color:#25272c;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}/*!sc*/
.beCxTI:hover{-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);}/*!sc*/
data-styled.g15[id="Link__A-sc-16fxr27-0"]{content:"vuWLb,beCxTI,"}/*!sc*/
.QaMKg{color:#25272c;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;background:linear-gradient( to bottom,#3DDFC2,#3DDFC2) no-repeat bottom;background-position:0 165%;background-size:100% 50%;cursor:pointer;font-weight:bold;position:relative;top:0;}/*!sc*/
.QaMKg:hover{-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);}/*!sc*/
.QaMKg:hover{background-position:0 100%;top:-4px;}/*!sc*/
.hzhZiv{color:#25272c;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}/*!sc*/
.hzhZiv:hover{-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);}/*!sc*/
data-styled.g16[id="Link__StyledLink-sc-16fxr27-1"]{content:"QaMKg,hzhZiv,"}/*!sc*/
.itAWoY{list-style:none;margin-top:0;margin-bottom:0;padding-left:0;}/*!sc*/
.itAWoY,.itAWoY li{box-sizing:border-box;}/*!sc*/
.itAWoY li{margin-bottom:1.5em;}/*!sc*/
.itAWoY li:last-child{margin-bottom:0;}/*!sc*/
data-styled.g17[id="ListReset-sc-9uqor5-0"]{content:"itAWoY,"}/*!sc*/
.iYOXbw{color:#25272c;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;background:linear-gradient( to bottom,#3DDFC2,#3DDFC2) no-repeat bottom;background-position:0 165%;background-size:100% 50%;cursor:pointer;font-weight:bold;position:relative;top:0;}/*!sc*/
.iYOXbw:hover{-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);}/*!sc*/
data-styled.g19[id="MetaLink__Title-m8itje-0"]{content:"iYOXbw,"}/*!sc*/
.dzYDkz{color:#25272c;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;display:block;}/*!sc*/
.dzYDkz:hover{-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);}/*!sc*/
.dzYDkz:hover .MetaLink__Title-m8itje-0{background-position:0 100%;top:-4px;top:0;}/*!sc*/
data-styled.g20[id="MetaLink__Wrapper-m8itje-1"]{content:"dzYDkz,"}/*!sc*/
.khegFb{display:block;font-size:1rem;font-weight:normal;margin-top:.3333rem;}/*!sc*/
data-styled.g21[id="MetaLink__Meta-m8itje-2"]{content:"khegFb,"}/*!sc*/
.jIZCVD{padding-left:8vw;padding-right:18vw;margin-top:6.6666rem;margin-bottom:2.6666rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/
data-styled.g22[id="Footer__Container-sc-340i2m-0"]{content:"jIZCVD,"}/*!sc*/
.cocEzj{color:#25272c;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;display:block;}/*!sc*/
.cocEzj:hover{-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);}/*!sc*/
@media (max-width:440px){.cocEzj{display:none;}}/*!sc*/
data-styled.g23[id="Footer__HomepageLink-sc-340i2m-1"]{content:"cocEzj,"}/*!sc*/
.iLuVmI{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;}/*!sc*/
.iLuVmI > *{margin-right:0.6666rem;}/*!sc*/
data-styled.g24[id="Footer__SocialList-sc-340i2m-2"]{content:"iLuVmI,"}/*!sc*/
.gBegdx{color:#25272c;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;display:block;width:18px;opacity:0.4;}/*!sc*/
.gBegdx:hover{-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);}/*!sc*/
.gBegdx:hover{opacity:1;}/*!sc*/
data-styled.g25[id="Footer__SocialIcon-sc-340i2m-3"]{content:"gBegdx,"}/*!sc*/
.dYDZfn{padding-left:8vw;padding-right:18vw;margin-top:2rem;margin-bottom:6.6666rem;}/*!sc*/
.dYDZfn a{color:#25272c;display:block;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}/*!sc*/
.dYDZfn a:hover{-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);}/*!sc*/
data-styled.g26[id="Header__Wrapper-t6y319-0"]{content:"dYDZfn,"}/*!sc*/
.iYCNaP{font-size:1rem;}/*!sc*/
data-styled.g27[id="Header__Heading-t6y319-1"]{content:"iYCNaP,"}/*!sc*/
.hRznjm{max-width:37em;font-size:1.3333rem;line-height:1.4;margin-top:6.6666rem;}/*!sc*/
data-styled.g38[id="pages__Section-l8m78q-0"]{content:"hRznjm,"}/*!sc*/
.goyOcZ{margin-top:1.3333rem;margin-bottom:5.3333rem;}/*!sc*/
data-styled.g39[id="pages__Intro-l8m78q-1"]{content:"goyOcZ,"}/*!sc*/
.eJDjIk{font-size:1.3333rem;}/*!sc*/
data-styled.g40[id="pages__Headline-l8m78q-2"]{content:"eJDjIk,"}/*!sc*/
.THoyG{list-style:none;margin-top:0;margin-bottom:0;padding-left:0;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -16px;}/*!sc*/
.THoyG,.THoyG li{box-sizing:border-box;}/*!sc*/
.THoyG li{margin-bottom:1.5em;}/*!sc*/
.THoyG li:last-child{margin-bottom:0;}/*!sc*/
.THoyG li{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding:0 16px;}/*!sc*/
@media (min-width:1450px){.THoyG{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.THoyG li{width:50%;}}/*!sc*/
data-styled.g41[id="pages__CustomList-l8m78q-3"]{content:"THoyG,"}/*!sc*/
.dKUlRJ{list-style:none;margin-top:0;margin-bottom:0;padding-left:0;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -16px;}/*!sc*/
.dKUlRJ,.dKUlRJ li{box-sizing:border-box;}/*!sc*/
.dKUlRJ li{margin-bottom:1.5em;}/*!sc*/
.dKUlRJ li:last-child{margin-bottom:0;}/*!sc*/
.dKUlRJ li{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding:0 16px;}/*!sc*/
@media (min-width:1450px){.dKUlRJ{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.dKUlRJ li{width:50%;}}/*!sc*/
@media (min-width:830px){.dKUlRJ{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.dKUlRJ li{width:50%;}}/*!sc*/
@media (min-width:1450px){.dKUlRJ li{width:33.333%;}}/*!sc*/
data-styled.g42[id="pages__CaseStudyList-l8m78q-4"]{content:"dKUlRJ,"}/*!sc*/
.bXUXLn{font-size:1rem;margin-top:1.3333rem;}/*!sc*/
data-styled.g43[id="pages__SpeakingCTA-l8m78q-5"]{content:"bXUXLn,"}/*!sc*/
.bXlHkq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:28em;}/*!sc*/
.bXlHkq > *:first-child{margin-right:0.6666rem;}/*!sc*/
data-styled.g44[id="pages__IntroListLI-l8m78q-6"]{content:"bXlHkq,"}/*!sc*/
.hGeiwk{list-style:none;margin-top:0;margin-bottom:0;padding-left:0;font-size:1rem;margin-bottom:2em;}/*!sc*/
.hGeiwk,.hGeiwk li{box-sizing:border-box;}/*!sc*/
.hGeiwk li{margin-bottom:1.5em;}/*!sc*/
.hGeiwk li:last-child{margin-bottom:0;}/*!sc*/
@media (min-width:900px){.hGeiwk{display:grid;grid-template-columns:auto minmax(0,1fr);grid-auto-rows:auto;grid-gap:1.5em;}}/*!sc*/
data-styled.g45[id="pages__SpeakingList-l8m78q-7"]{content:"hGeiwk,"}/*!sc*/
.fhSesC{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}/*!sc*/
@media (min-width:900px){.fhSesC{display:contents;}}/*!sc*/
data-styled.g46[id="pages__SpeakingListItemLi-l8m78q-8"]{content:"fhSesC,"}/*!sc*/
.bPAtrs{margin-top:.3333rem;}/*!sc*/
@media (min-width:900px){.bPAtrs{margin-top:0;white-space:nowrap;}}/*!sc*/
data-styled.g47[id="pages__SpeakingListLabel-l8m78q-9"]{content:"bPAtrs,"}/*!sc*/
@font-face{font-family:'Manrope';src:url(/static/Manrope-Regular-5296ac14c27707419cfa8f94f04b60db.woff2) format('woff2'), url(/static/Manrope-Regular-60261bfba76fbe6b0ed2f6e7b8566230.woff) format('woff');font-weight:normal;font-style:normal;}/*!sc*/
@font-face{font-family:'Manrope';src:url(/static/Manrope-Bold-c20c59733dbe9b22ff8f059d76afbb10.woff2) format('woff2'), url(/static/Manrope-Bold-7cd72c1fb00f643f645f17e53bae1e77.woff) format('woff');font-weight:bold;font-style:normal;}/*!sc*/
body{background-color:#fafafa;color:#25272c;font-family:'Manrope',sans-serif;line-height:1.7;margin:0;text-align:left;word-spacing:.05em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}/*!sc*/
body::before,body::after{content:' ';display:table;}/*!sc*/
html{font-size:1rem;font-size:clamp(16px,4vw,24px);position:relative;}/*!sc*/
html::after{content:"";background-image:url(https://www.toptal.com/designers/subtlepatterns/patterns/dot-grid.png);opacity:.6;top:0;left:0;bottom:0;right:0;position:absolute;z-index:-1;}/*!sc*/
data-styled.g49[id="sc-global-dxpJzJ1"]{content:"sc-global-dxpJzJ1,"}/*!sc*/
</style><link as="script" rel="preload" href="/f0e45107-da060692fefa12066f9e.js"/><link as="script" rel="preload" href="/component---src-pages-index-jsx-dcf0deca23bedefd8bd6.js"/><link as="script" rel="preload" href="/255559b1-d9685d494199f18340e6.js"/><link as="script" rel="preload" href="/app-e6dc8bc13c7be744401a.js"/><link as="script" rel="preload" href="/framework-b5b229d58c3c710d5429.js"/><link as="script" rel="preload" href="/webpack-runtime-1256fbe64ae628dec414.js"/><link as="fetch" rel="preload" href="/page-data/index/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="Block-sc-1sjans7-0 Header__Wrapper-t6y319-0 dYDZfn"><h1 class="Header__Heading-t6y319-1 iYCNaP"><a aria-current="page" class="" href="/">Matt Felten</a></h1></div><div class="Block-sc-1sjans7-0 iaPkXU"><div><div class="MaxWidth-sc-1el61cm-0 pages__Section-l8m78q-0 hRznjm"><p class="pages__Intro-l8m78q-1 goyOcZ">Designer who codes focusing on design systems and leading teams. Cat dad who plays games, rides bikes, and has browser tabs full of dinner recipes.</p><ul class="ListReset-sc-9uqor5-0 itAWoY"><li class="pages__IntroListLI-l8m78q-6 bXlHkq"><span role="img" aria-label="flexed bicep">💪</span><span>I<!-- --> <span class="Link__A-sc-16fxr27-0 vuWLb">work</span> <!-- -->with really cool companies.</span></li><li class="pages__IntroListLI-l8m78q-6 bXlHkq"><span role="img" aria-label="memo">📝</span><span>I<!-- --> <span class="Link__A-sc-16fxr27-0 vuWLb">write</span> <!-- -->about my experiences in design, development, design systems, &amp; management.</span></li><li class="pages__IntroListLI-l8m78q-6 bXlHkq"><span role="img" aria-label="incoming envelope">📨</span><span>I<!-- --> <a href="http://readinglist.mattfelten.com/" class="Link__A-sc-16fxr27-0 vuWLb">share</a> <!-- -->articles that I like.</span></li><li class="pages__IntroListLI-l8m78q-6 bXlHkq"><span role="img" aria-label="present">🎁</span><span>I <a class="Link__StyledLink-sc-16fxr27-1 QaMKg" href="/store">make</a> fun little trinkets &amp; whatnots.</span></li></ul></div><div class="MaxWidth-sc-1el61cm-0 pages__Section-l8m78q-0 hRznjm"><h2 class="pages__Headline-l8m78q-2 eJDjIk">Case Studies</h2><ul class="ListReset-sc-9uqor5-0 pages__CustomList-l8m78q-3 pages__CaseStudyList-l8m78q-4 dKUlRJ"><li><a href="/work/servicetitan/" class="CaseStudy__Link-sc-1eyfclw-0 cqsnNL"><div class="CaseStudy__ImageWrapper-sc-1eyfclw-3 eeaMvn"><img src="/static/4782d7c282cd2106cf25edc0584a16f6/cover.png" alt="Cover for Anvil Design System at ServiceTitan" class="CaseStudy__Image-sc-1eyfclw-4 UPPoD"/></div><div class="CaseStudy__Title-sc-1eyfclw-1 cJNrCH">Anvil Design System</div><div class="CaseStudy__Company-sc-1eyfclw-2 czXExZ">ServiceTitan</div></a></li><li><a href="/work/youcaring/" class="CaseStudy__Link-sc-1eyfclw-0 cqsnNL"><div class="CaseStudy__ImageWrapper-sc-1eyfclw-3 eeaMvn"><img src="/static/4ab7ceb7638305c282812849e83edebf/cover.png" alt="Cover for Design System at YouCaring" class="CaseStudy__Image-sc-1eyfclw-4 UPPoD"/></div><div class="CaseStudy__Title-sc-1eyfclw-1 cJNrCH">Design System</div><div class="CaseStudy__Company-sc-1eyfclw-2 czXExZ">YouCaring</div></a></li><li><a href="/work/dreamhost/control-panel-redesign/" class="CaseStudy__Link-sc-1eyfclw-0 cqsnNL"><div class="CaseStudy__ImageWrapper-sc-1eyfclw-3 eeaMvn"><img src="/static/7111f4b78ce8afa0fce61fb283b73996/cover.png" alt="Cover for Control Panel Redesign at DreamHost" class="CaseStudy__Image-sc-1eyfclw-4 UPPoD"/></div><div class="CaseStudy__Title-sc-1eyfclw-1 cJNrCH">Control Panel Redesign</div><div class="CaseStudy__Company-sc-1eyfclw-2 czXExZ">DreamHost</div></a></li><li><a href="/work/dreamhost/control-panel-refresh/" class="CaseStudy__Link-sc-1eyfclw-0 cqsnNL"><div class="CaseStudy__ImageWrapper-sc-1eyfclw-3 eeaMvn"><img src="/static/f54cc8ebe2c8080279eab27599c4e716/cover.png" alt="Cover for Control Panel Refresh at DreamHost" class="CaseStudy__Image-sc-1eyfclw-4 UPPoD"/></div><div class="CaseStudy__Title-sc-1eyfclw-1 cJNrCH">Control Panel Refresh</div><div class="CaseStudy__Company-sc-1eyfclw-2 czXExZ">DreamHost</div></a></li><li><a href="/work/dreamhost/rebrand/" class="CaseStudy__Link-sc-1eyfclw-0 cqsnNL"><div class="CaseStudy__ImageWrapper-sc-1eyfclw-3 eeaMvn"><img src="/static/09099fa9f6c43f798cbbb0ad0b0a9b9e/cover.png" alt="Cover for Rebrand at DreamHost" class="CaseStudy__Image-sc-1eyfclw-4 UPPoD"/></div><div class="CaseStudy__Title-sc-1eyfclw-1 cJNrCH">Rebrand</div><div class="CaseStudy__Company-sc-1eyfclw-2 czXExZ">DreamHost</div></a></li><li><a href="/work/dreamhost/qnap/" class="CaseStudy__Link-sc-1eyfclw-0 cqsnNL"><div class="CaseStudy__ImageWrapper-sc-1eyfclw-3 eeaMvn"><img src="/static/0f44e9f034bcf6699ceb7dde0da94326/cover.png" alt="Cover for QNAP Integration at DreamHost" class="CaseStudy__Image-sc-1eyfclw-4 UPPoD"/></div><div class="CaseStudy__Title-sc-1eyfclw-1 cJNrCH">QNAP Integration</div><div class="CaseStudy__Company-sc-1eyfclw-2 czXExZ">DreamHost</div></a></li></ul></div><div class="MaxWidth-sc-1el61cm-0 pages__Section-l8m78q-0 hRznjm"><h2 class="pages__Headline-l8m78q-2 eJDjIk">Writing</h2><ul class="ListReset-sc-9uqor5-0 pages__CustomList-l8m78q-3 THoyG"><li><a href="https://medium.com/servicetitan-design/design-system-infrastructure-2f859318fcfd" class="Link__A-sc-16fxr27-0 beCxTI MetaLink__Wrapper-m8itje-1 dzYDkz"><span class="MetaLink__Title-m8itje-0 iYOXbw">Design System Infrastructure</span><span class="MetaLink__Meta-m8itje-2 khegFb">2019 September 4</span></a></li><li><a href="https://medium.com/servicetitan-design/building-an-enterprise-design-system-f0fe74e7fac" class="Link__A-sc-16fxr27-0 beCxTI MetaLink__Wrapper-m8itje-1 dzYDkz"><span class="MetaLink__Title-m8itje-0 iYOXbw">Building an Enterprise Design System</span><span class="MetaLink__Meta-m8itje-2 khegFb">2018 December 5</span></a></li><li><a class="Link__StyledLink-sc-16fxr27-1 hzhZiv MetaLink__Wrapper-m8itje-1 dzYDkz" href="/post/horizontal-vertical-thinking"><span class="MetaLink__Title-m8itje-0 iYOXbw">Horizontal &amp; Vertical Thinking in Design Systems</span><span class="MetaLink__Meta-m8itje-2 khegFb">2018 March 26</span></a></li><li><a class="Link__StyledLink-sc-16fxr27-1 hzhZiv MetaLink__Wrapper-m8itje-1 dzYDkz" href="/post/angry-rant-about-front-end-frameworks"><span class="MetaLink__Title-m8itje-0 iYOXbw">An Angry Rant about Front-end Frameworks and Design Systems</span><span class="MetaLink__Meta-m8itje-2 khegFb">2018 March 5</span></a></li><li><a class="Link__StyledLink-sc-16fxr27-1 hzhZiv MetaLink__Wrapper-m8itje-1 dzYDkz" href="/post/bring-me-problems-not-solutions"><span class="MetaLink__Title-m8itje-0 iYOXbw">Bring Me Problems, Not Solutions</span><span class="MetaLink__Meta-m8itje-2 khegFb">2018 January 18</span></a></li><li><a class="Link__StyledLink-sc-16fxr27-1 hzhZiv MetaLink__Wrapper-m8itje-1 dzYDkz" href="/post/imposter"><span class="MetaLink__Title-m8itje-0 iYOXbw">I&#x27;m An Imposter</span><span class="MetaLink__Meta-m8itje-2 khegFb">2015 November 14</span></a></li><li><a href="https://www.dreamhost.com/blog/2015/09/15/control-panel-design-update/" class="Link__A-sc-16fxr27-0 beCxTI MetaLink__Wrapper-m8itje-1 dzYDkz"><span class="MetaLink__Title-m8itje-0 iYOXbw">Control Panel Design Update</span><span class="MetaLink__Meta-m8itje-2 khegFb">2015 September 15</span></a></li><li><a class="Link__StyledLink-sc-16fxr27-1 hzhZiv MetaLink__Wrapper-m8itje-1 dzYDkz" href="/post/overwhelm-them-with-choice"><span class="MetaLink__Title-m8itje-0 iYOXbw">Overwhelm Them with Choice</span><span class="MetaLink__Meta-m8itje-2 khegFb">2015 September 10</span></a></li><li><a class="Link__StyledLink-sc-16fxr27-1 hzhZiv MetaLink__Wrapper-m8itje-1 dzYDkz" href="/post/getting-older"><span class="MetaLink__Title-m8itje-0 iYOXbw">Getting Older</span><span class="MetaLink__Meta-m8itje-2 khegFb">2014 September 20</span></a></li><li><a class="Link__StyledLink-sc-16fxr27-1 hzhZiv MetaLink__Wrapper-m8itje-1 dzYDkz" href="/post/dealing-with-disappointment"><span class="MetaLink__Title-m8itje-0 iYOXbw">Dealing with Disappointment</span><span class="MetaLink__Meta-m8itje-2 khegFb">2014 September 19</span></a></li><li><a class="Link__StyledLink-sc-16fxr27-1 hzhZiv MetaLink__Wrapper-m8itje-1 dzYDkz" href="/post/things-i-learned-in-europe"><span class="MetaLink__Title-m8itje-0 iYOXbw">Things I Learned In Europe</span><span class="MetaLink__Meta-m8itje-2 khegFb">2014 June 16</span></a></li><li><a class="Link__StyledLink-sc-16fxr27-1 hzhZiv MetaLink__Wrapper-m8itje-1 dzYDkz" href="/post/creativity"><span class="MetaLink__Title-m8itje-0 iYOXbw">Creativity</span><span class="MetaLink__Meta-m8itje-2 khegFb">2014 April 15</span></a></li><li><a class="Link__StyledLink-sc-16fxr27-1 hzhZiv MetaLink__Wrapper-m8itje-1 dzYDkz" href="/post/css-only-spinner"><span class="MetaLink__Title-m8itje-0 iYOXbw">CSS-Only Spinner</span><span class="MetaLink__Meta-m8itje-2 khegFb">2014 March 4</span></a></li><li><a href="http://www.betterlivingthroughdesign.com/features/matt-felten-gift-ideas-2013/" class="Link__A-sc-16fxr27-0 beCxTI MetaLink__Wrapper-m8itje-1 dzYDkz"><span class="MetaLink__Title-m8itje-0 iYOXbw">BLTD Gift Ideas 2013</span><span class="MetaLink__Meta-m8itje-2 khegFb">2013 December 23</span></a></li><li><a href="https://www.dreamhost.com/blog/2013/06/13/dreamcon-speaker-series-10-matt-felten/" class="Link__A-sc-16fxr27-0 beCxTI MetaLink__Wrapper-m8itje-1 dzYDkz"><span class="MetaLink__Title-m8itje-0 iYOXbw">DreamCon Speaker Series</span><span class="MetaLink__Meta-m8itje-2 khegFb">2013 June 13</span></a></li><li><a href="https://www.dreamhost.com/blog/2013/03/25/look-to-the-futura-our-design-process/" class="Link__A-sc-16fxr27-0 beCxTI MetaLink__Wrapper-m8itje-1 dzYDkz"><span class="MetaLink__Title-m8itje-0 iYOXbw">Look To The Futura</span><span class="MetaLink__Meta-m8itje-2 khegFb">2013 March 25</span></a></li><li><a class="Link__StyledLink-sc-16fxr27-1 hzhZiv MetaLink__Wrapper-m8itje-1 dzYDkz" href="/post/lois-lane"><span class="MetaLink__Title-m8itje-0 iYOXbw">Lois Lane</span><span class="MetaLink__Meta-m8itje-2 khegFb">2012 November 6</span></a></li><li><a class="Link__StyledLink-sc-16fxr27-1 hzhZiv MetaLink__Wrapper-m8itje-1 dzYDkz" href="/post/2012"><span class="MetaLink__Title-m8itje-0 iYOXbw">2012</span><span class="MetaLink__Meta-m8itje-2 khegFb">2012 February 6</span></a></li></ul></div><div class="MaxWidth-sc-1el61cm-0 pages__Section-l8m78q-0 hRznjm"><h2 class="pages__Headline-l8m78q-2 eJDjIk">Speaking</h2><ul class="ListReset-sc-9uqor5-0 pages__SpeakingList-l8m78q-7 hGeiwk"><li class="pages__SpeakingListItemLi-l8m78q-8 fhSesC"><span class="pages__SpeakingListLabel-l8m78q-9 bPAtrs">Contentful Creators Podcast</span><span><a href="https://anchor.fm/contentful-creators/episodes/E12--A-Conversation-about-Design-Systems--Matt-Felten-eg438l" class="Link__A-sc-16fxr27-0 vuWLb">A Conversation about Design Systems</a></span></li><li class="pages__SpeakingListItemLi-l8m78q-8 fhSesC"><span class="pages__SpeakingListLabel-l8m78q-9 bPAtrs">2018 Meetup</span><span><a href="https://www.eventbrite.com/e/moving-design-forward-tickets-52726869486" class="Link__A-sc-16fxr27-0 vuWLb">Moving Design Forward Panel</a></span></li><li class="pages__SpeakingListItemLi-l8m78q-8 fhSesC"><span class="pages__SpeakingListLabel-l8m78q-9 bPAtrs">2013 DreamCon</span><span><a href="http://www.slideshare.net/MattFelten/dream-con-2013-49008170" class="Link__A-sc-16fxr27-0 vuWLb">UI Design, Sass, &amp; Front-end Frameworks</a></span></li></ul><p class="pages__SpeakingCTA-l8m78q-5 bXUXLn">Send me <a href="mailto:m@mattfelten.com" class="Link__A-sc-16fxr27-0 vuWLb">an email</a> <!-- -->about speaking opportunities.</p></div></div></div><div class="Block-sc-1sjans7-0 Footer__Container-sc-340i2m-0 jIZCVD"><a href="/" class="Footer__HomepageLink-sc-340i2m-1 cocEzj">Matt Felten</a><div class="Footer__SocialList-sc-340i2m-2 iLuVmI"><a href="//twitter.com/mattfelten" class="Footer__SocialIcon-sc-340i2m-3 gBegdx"><div style="fill:currentColor;width:100%;color:inherit"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Twitter icon</title><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/></svg></div></a><a href="//github.com/mattfelten" class="Footer__SocialIcon-sc-340i2m-3 gBegdx"><div style="fill:currentColor;width:100%;color:inherit"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub icon</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div></a><a href="//medium.com/@mattfelten" class="Footer__SocialIcon-sc-340i2m-3 gBegdx"><div style="fill:currentColor;width:100%;color:inherit"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Medium icon</title><path d="M0 0v24h24V0H0zm19.938 5.686L18.651 6.92a.376.376 0 0 0-.143.362v9.067a.376.376 0 0 0 .143.361l1.257 1.234v.271h-6.322v-.27l1.302-1.265c.128-.128.128-.165.128-.36V8.99l-3.62 9.195h-.49L6.69 8.99v6.163a.85.85 0 0 0 .233.707l1.694 2.054v.271H3.815v-.27L5.51 15.86a.82.82 0 0 0 .218-.707V8.027a.624.624 0 0 0-.203-.527L4.019 5.686v-.27h4.674l3.613 7.923 3.176-7.924h4.456v.271z"/></svg></div></a><a href="//dribbble.com/mattfelten" class="Footer__SocialIcon-sc-340i2m-3 gBegdx"><div style="fill:currentColor;width:100%;color:inherit"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Dribbble icon</title><path d="M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12-5.385 12-12 12zm10.12-10.358c-.35-.11-3.17-.953-6.384-.438 1.34 3.684 1.887 6.684 1.992 7.308 2.3-1.555 3.936-4.02 4.395-6.87zm-6.115 7.808c-.153-.9-.75-4.032-2.19-7.77l-.066.02c-5.79 2.015-7.86 6.025-8.04 6.4 1.73 1.358 3.92 2.166 6.29 2.166 1.42 0 2.77-.29 4-.814zm-11.62-2.58c.232-.4 3.045-5.055 8.332-6.765.135-.045.27-.084.405-.12-.26-.585-.54-1.167-.832-1.74C7.17 11.775 2.206 11.71 1.756 11.7l-.004.312c0 2.633.998 5.037 2.634 6.855zm-2.42-8.955c.46.008 4.683.026 9.477-1.248-1.698-3.018-3.53-5.558-3.8-5.928-2.868 1.35-5.01 3.99-5.676 7.17zM9.6 2.052c.282.38 2.145 2.914 3.822 6 3.645-1.365 5.19-3.44 5.373-3.702-1.81-1.61-4.19-2.586-6.795-2.586-.825 0-1.63.1-2.4.285zm10.335 3.483c-.218.29-1.935 2.493-5.724 4.04.24.49.47.985.68 1.486.08.18.15.36.22.53 3.41-.43 6.8.26 7.14.33-.02-2.42-.88-4.64-2.31-6.38z"/></svg></div></a><a href="//instagram.com/mattfelten" class="Footer__SocialIcon-sc-340i2m-3 gBegdx"><div style="fill:currentColor;width:100%;color:inherit"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Instagram icon</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"/></svg></div></a><a href="//open.spotify.com/user/mattfelten" class="Footer__SocialIcon-sc-340i2m-3 gBegdx"><div style="fill:currentColor;width:100%;color:inherit"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Spotify icon</title><path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"/></svg></div></a><a href="//linkedin.com/in/mattfelten/" class="Footer__SocialIcon-sc-340i2m-3 gBegdx"><div style="fill:currentColor;width:100%;color:inherit"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>LinkedIn icon</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg></div></a></div></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
  
  
  if(true) {
    (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','https://www.google-analytics.com/analytics.js','ga');
  }
  if (typeof ga === "function") {
    ga('create', 'UA-29206919-2', 'auto', {});
      
      
      
      
      
      }</script><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-3ee6268bef8ad4d59a1e.js"],"app":["/app-e6dc8bc13c7be744401a.js"],"component---cache-caches-gatsby-plugin-offline-app-shell-js":["/component---cache-caches-gatsby-plugin-offline-app-shell-js-7c31e2436cade51cbcda.js"],"component---src-pages-404-js":["/component---src-pages-404-js-af7f0d72ad4533dc730c.js"],"component---src-pages-index-jsx":["/component---src-pages-index-jsx-dcf0deca23bedefd8bd6.js"],"component---src-pages-store-jsx":["/component---src-pages-store-jsx-f520d1d0233d48809e8d.js"],"component---src-templates-post-jsx":[],"component---src-templates-work-jsx":["/component---src-templates-work-jsx-9c701bb5d3afd24ba7cb.js"]};/*]]>*/</script><script src="/polyfill-3ee6268bef8ad4d59a1e.js" nomodule=""></script><script src="/webpack-runtime-1256fbe64ae628dec414.js" async=""></script><script src="/framework-b5b229d58c3c710d5429.js" async=""></script><script src="/app-e6dc8bc13c7be744401a.js" async=""></script><script src="/255559b1-d9685d494199f18340e6.js" async=""></script><script src="/component---src-pages-index-jsx-dcf0deca23bedefd8bd6.js" async=""></script><script src="/f0e45107-da060692fefa12066f9e.js" async=""></script></body></html>