<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport"/><meta content="yes" name="apple-mobile-web-app-capable"/><style data-styled-components="erfDBf gJwPov ffGLem dNrggM dWYNGt jAfyNe bjOitD iECmZH bcCCNc ckSPyH bTCqpJ kRuiTN geIXfi ipTiZa qMeOo SbUCr wTNzJ dpybOG cjuKZr ftEqgf NJKEJ gAjgJA fQLCbF eiDahs eMLfYp hsuLvs xWvRJ KcIol kNIJfT cWVclG gGgdyJ ESchc cRrXBH cTXRhQ emiqEq ffbsEK bNoaZY hsfjfb ljsOS glfwtf juIpnd edDlHr kLjtYS hJHsqv eNOne eecRSM bgouCR fRXRVr eHPSpR btzNcF iQaPVq kIEgxi eCMzjk ZYxRb feXOMw jnPIJs kALlyJ dHyUPT clAVox hvTkVn lmHaEd cvhJYm kRzEfn btXfrC fGOFsb itxYGd jpuCAG cJuosZ czwVer ehphAH eixLJq etGqdp ilAeKD gIRyki dLGbJP bbIzvS fCEDqX kymOZq gaofFj kpsMNV hDRCNq fxbscF epAxJE bmfMVH gGZhyX jHwoNe ghTYvz kNpbPt byjiAT jNUXKH epKNMS hHjexe iTaRCq goxDyi koaneT dsMZtq gGxWwd dYXytV breLDb dMcgDi ewBiUf emdTYp iGgbeI fyVPxR iZNNHv cyQwLP KrrbI kSKNUI cTsLYj ccqhfw cucllH iWsSRA hIPCOZ yyMvA cpUXzf jtDZOB fYWtVH hZQNNT gdRSO cVfoyI hCXJNJ dctqnO lkQdod khJyAn gTsMnA bAnjJu edJoaK fOgavx gLGlRA iPLgTN">
/* sc-component-id: Button__ButtonContent-s1ov6wwx-0 */
.jnPIJs{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;line-height:1;color:currentColor;}
/* sc-component-id: sc-bdVaJa */
.feXOMw{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;border-style:solid;border-width:1px;color:#5a4fff;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:0.8rem;font-weight:500;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;opacity:1;-webkit-transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);padding:0.75em 0.8em 0.6em;position:relative;white-space:nowrap;border-color:#5a4fff;background-color:transparent;} .feXOMw:link{color:#5a4fff;} .feXOMw:hover{background-color:#5a4fff;-webkit-transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);color:#ffffff;} .feXOMw > *{padding-left:4px;padding-right:4px;} .feXOMw > *:first-child{padding-left:0;} .feXOMw > *:last-child{padding-right:0;}
/* sc-component-id: Container-ybirvx-0 */
.eCMzjk{margin-right:auto;margin-left:auto;padding-right:1.4rem;padding-left:1.4rem;width:100%;} @media (min-width:26.25em){.eCMzjk{max-width:420px;}} @media (min-width:48em){.eCMzjk{max-width:768px;}} @media (min-width:62em){.eCMzjk{max-width:992px;}} @media (min-width:75em){.eCMzjk{max-width:1200px;}}
/* sc-component-id: Col-mbuk5t-0 */
.fyVPxR{position:relative;display:inline-block;width:41.666666666666664%;vertical-align:top;padding:0.8rem;zoom:1;} @media (max-width:48em){.fyVPxR{display:inline-block;width:100%;}}.iZNNHv{position:relative;display:none;vertical-align:top;padding:0.8rem;zoom:1;} @media (max-width:62em){.iZNNHv{display:none;}} @media (max-width:48em){.iZNNHv{display:inline-block;width:100%;}}.cyQwLP{position:relative;display:inline-block;width:25%;vertical-align:top;padding:0.8rem;zoom:1;} @media (max-width:62em){.cyQwLP{display:inline-block;width:28.571428571428573%;}} @media (max-width:48em){.cyQwLP{display:none;}}.KrrbI{position:relative;display:inline-block;width:75%;vertical-align:top;padding:0.8rem;zoom:1;} @media (max-width:62em){.KrrbI{display:inline-block;width:71.42857142857143%;}} @media (max-width:48em){.KrrbI{display:inline-block;width:100%;}}.kSKNUI{position:relative;display:inline-block;width:58.333333333333336%;vertical-align:top;padding:0.8rem;zoom:1;} @media (max-width:48em){.kSKNUI{display:none;}}.cTsLYj{position:relative;display:inline-block;width:10.416666666666666%;vertical-align:top;padding:0.8rem;zoom:1;} @media (max-width:62em){.cTsLYj{display:inline-block;width:12.5%;}} @media (max-width:48em){.cTsLYj{display:none;}}.ccqhfw{position:relative;display:inline-block;width:50%;vertical-align:top;padding:0.8rem;zoom:1;} @media (max-width:62em){.ccqhfw{display:inline-block;width:58.333333333333336%;}} @media (max-width:48em){.ccqhfw{display:inline-block;width:100%;}}.cucllH{position:relative;display:inline-block;width:83.33333333333333%;vertical-align:top;padding:0.8rem;zoom:1;} @media (max-width:48em){.cucllH{display:inline-block;width:100%;}}.iWsSRA{position:relative;display:inline-block;width:50%;vertical-align:top;padding:0.8rem;zoom:1;} @media (max-width:100em){.iWsSRA{display:inline-block;width:41.666666666666664%;}} @media (max-width:62em){.iWsSRA{display:inline-block;width:50%;}} @media (max-width:48em){.iWsSRA{display:inline-block;width:100%;}}.hIPCOZ{position:relative;display:none;vertical-align:top;padding:0.8rem;zoom:1;} @media (max-width:48em){.hIPCOZ{display:inline-block;width:100%;}}.yyMvA{position:relative;display:inline-block;width:100%;vertical-align:top;padding:0.8rem;zoom:1;} @media (max-width:48em){.yyMvA{display:none;}}.cpUXzf{position:relative;display:inline-block;width:83.33333333333333%;vertical-align:top;padding:0.8rem;zoom:1;} @media (max-width:48em){.cpUXzf{display:none;}}
/* sc-component-id: Grid__GridContainer-xhz9es-0 */
.emdTYp{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0 auto;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:-0.8rem;}.iGgbeI{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0 auto;position:relative;margin:-0.8rem;}
/* sc-component-id: Icon__IconContainer-s1eymix-0 */
.clAVox{display:inline-block;vertical-align:-0.2em;height:1em;width:auto;position:relative;}
/* sc-component-id: Icon__CanvasShim-s1eymix-1 */
.hvTkVn{display:block;visibility:hidden;height:100%;}
/* sc-component-id: Icon-s1eymix-2 */
.kALlyJ{height:100%;left:0;position:absolute;top:0;width:100%;fill:currentColor;color:inherit;}.dHyUPT{height:100%;left:0;position:absolute;top:0;width:100%;fill:currentColor;color:#ffffff;}
/* sc-component-id: sc-bwzfXH */
.lkQdod{position:relative;} .lkQdod:hover{opacity:0.5;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
/* sc-component-id: PaddedContent-s14eps5c-0 */
.jtDZOB{padding:0.75rem;}.fYWtVH{padding:1.25rem 0;}.hZQNNT{padding:0.3rem 0;}.gdRSO{padding:0.75rem 0;}
/* sc-component-id: PageBlock-s12ll291-0 */
.breLDb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:100vh;padding-top:48px;padding-bottom:30px;} @media (max-width:48em){.breLDb{text-align:center;}}.dMcgDi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:100vh;padding-top:48px;padding-bottom:30px;position:fixed;top:0;left:0;right:0;bottom:0;} @media (max-width:48em){.dMcgDi{text-align:center;}}
/* sc-component-id: Pill-s1gy2jlg-0 */
.iPLgTN{width:2.4em;padding:0.3em 0.2em 0.1em;font-weight:700;line-height:1;margin-right:0.5em;border:1px solid rgba(255,255,255,0.4);border-radius:4px;}
/* sc-component-id: sc-keyframes-erfDBf */
@-webkit-keyframes erfDBf{0%{-webkit-transform:translateY(25%);-ms-transform:translateY(25%);transform:translateY(25%);}100%{-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);}} @keyframes erfDBf{0%{-webkit-transform:translateY(25%);-ms-transform:translateY(25%);transform:translateY(25%);}100%{-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);}}
/* sc-component-id: SpacedContent-s13gt09q-0 */
.btzNcF{padding-bottom:8.4rem;} .btzNcF > *{margin-top:8.4rem;margin-bottom:8.4rem;} .btzNcF > *:first-child{margin-top:0;} .btzNcF > *:last-child{margin-bottom:0;} @media (max-width:62em){.btzNcF{padding-bottom:5rem;}.btzNcF > *{margin-top:5rem;margin-bottom:5rem;}.btzNcF > *:first-child{margin-top:0;}.btzNcF > *:last-child{margin-bottom:0;}}.iQaPVq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;height:100%;} .iQaPVq > *{margin-top:1.25rem;margin-bottom:1.25rem;} .iQaPVq > *:first-child{margin-top:0;} .iQaPVq > *:last-child{margin-bottom:0;} @media (max-width:62em){.iQaPVq > *{margin-top:0.75rem;margin-bottom:0.75rem;}.iQaPVq > *:first-child{margin-top:0;}.iQaPVq > *:last-child{margin-bottom:0;}}.kIEgxi > *{margin-left:1.25rem;margin-right:1.25rem;} .kIEgxi > *:first-child{margin-left:0;} .kIEgxi > *:last-child{margin-right:0;} @media (max-width:62em){.kIEgxi > *{margin-left:0.75rem;margin-right:0.75rem;}.kIEgxi > *:first-child{margin-left:0;}.kIEgxi > *:last-child{margin-right:0;}}
/* sc-component-id: Text__InnerText-s1e82ayr-0 */
.gaofFj{color:#8D8CA0;}.kpsMNV{color:#5a4fff;font-size:2rem;line-height:1.4282550137384307;} @media (max-width:62em){.kpsMNV{font-size:1.35rem;line-height:1.5462262062746075;}}.hDRCNq{color:#ffffff;font-weight:500;}.fxbscF{text-align:right;}.epAxJE{color:#ffffff;font-size:0.8rem;line-height:1.642821;font-weight:700;}.bmfMVH{color:rgba(255,255,255,0.6);font-weight:300;}.gGZhyX{color:rgba(255,255,255,0.6);font-size:1rem;line-height:1.642821;text-align:left;}.jHwoNe{font-size:2rem;line-height:1.4282550137384307;font-weight:700;text-align:left;} @media (max-width:62em){.jHwoNe{font-size:1.35rem;line-height:1.5462262062746075;}}.ghTYvz{color:rgba(255,255,255,0.6);font-size:1.5rem;line-height:1.513678350257165;font-weight:300;} @media (max-width:62em){.ghTYvz{font-size:1.1rem;line-height:1.6115068815469615;}}.kNpbPt{color:#ffffff;font-size:0.8rem;line-height:1.642821;}
/* sc-component-id: sc-keyframes-gJwPov */
@-webkit-keyframes gJwPov{to{color:#101131;background:transparent;}} @keyframes gJwPov{to{color:#101131;background:transparent;}}
/* sc-component-id: HeaderMini__BackButton-s19m3osg-0 */
.ZYxRb{z-index:2;}
/* sc-component-id: sc-keyframes-ffGLem */
@-webkit-keyframes ffGLem{to{stroke-dashoffset:0;}} @keyframes ffGLem{to{stroke-dashoffset:0;}}
/* sc-component-id: sc-keyframes-dNrggM */
@-webkit-keyframes dNrggM{0%{opacity:0;-webkit-transform:rotate(-2deg) scale(0.96);-ms-transform:rotate(-2deg) scale(0.96);transform:rotate(-2deg) scale(0.96);}100%{opacity:1;-webkit-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);}} @keyframes dNrggM{0%{opacity:0;-webkit-transform:rotate(-2deg) scale(0.96);-ms-transform:rotate(-2deg) scale(0.96);transform:rotate(-2deg) scale(0.96);}100%{opacity:1;-webkit-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);}}
/* sc-component-id: sc-keyframes-dWYNGt */
@-webkit-keyframes dWYNGt{0%{visibility:hidden;-webkit-transform:translate3d(0,60px,0);-ms-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0);opacity:0;}100%{visibility:visible;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}} @keyframes dWYNGt{0%{visibility:hidden;-webkit-transform:translate3d(0,60px,0);-ms-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0);opacity:0;}100%{visibility:visible;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}
/* sc-component-id: sc-keyframes-jAfyNe */
@-webkit-keyframes jAfyNe{from{-webkit-transform:translateX(10px) scale(0.95);-ms-transform:translateX(10px) scale(0.95);transform:translateX(10px) scale(0.95);opacity:0;}to{-webkit-transform:translateX(0) scale(1);-ms-transform:translateX(0) scale(1);transform:translateX(0) scale(1);opacity:1;}} @keyframes jAfyNe{from{-webkit-transform:translateX(10px) scale(0.95);-ms-transform:translateX(10px) scale(0.95);transform:translateX(10px) scale(0.95);opacity:0;}to{-webkit-transform:translateX(0) scale(1);-ms-transform:translateX(0) scale(1);transform:translateX(0) scale(1);opacity:1;}}
/* sc-component-id: sc-keyframes-bjOitD */
@-webkit-keyframes bjOitD{0%{-webkit-transform:translateY(1%);-ms-transform:translateY(1%);transform:translateY(1%);}100%{-webkit-transform:translateY(-1%);-ms-transform:translateY(-1%);transform:translateY(-1%);}} @keyframes bjOitD{0%{-webkit-transform:translateY(1%);-ms-transform:translateY(1%);transform:translateY(1%);}100%{-webkit-transform:translateY(-1%);-ms-transform:translateY(-1%);transform:translateY(-1%);}}
/* sc-component-id: sc-keyframes-iECmZH */
@-webkit-keyframes iECmZH{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}} @keyframes iECmZH{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
/* sc-component-id: sc-keyframes-bcCCNc */
@-webkit-keyframes bcCCNc{0%{opacity:0;}100%{opacity:1;}} @keyframes bcCCNc{0%{opacity:0;}100%{opacity:1;}}
/* sc-component-id: sc-keyframes-ckSPyH */
@-webkit-keyframes ckSPyH{0%{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);}100%{-webkit-transform:translateY(1%);-ms-transform:translateY(1%);transform:translateY(1%);}} @keyframes ckSPyH{0%{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);}100%{-webkit-transform:translateY(1%);-ms-transform:translateY(1%);transform:translateY(1%);}}
/* sc-component-id: sc-keyframes-bTCqpJ */
@-webkit-keyframes bTCqpJ{0%{-webkit-transform:translate3d(0,60px,0);-ms-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0);opacity:0;visibility:hidden;}100%{visibility:visible;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}} @keyframes bTCqpJ{0%{-webkit-transform:translate3d(0,60px,0);-ms-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0);opacity:0;visibility:hidden;}100%{visibility:visible;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}
/* sc-component-id: sc-keyframes-kRuiTN */
@-webkit-keyframes kRuiTN{0%{-webkit-transform:translateY(-2vh);-ms-transform:translateY(-2vh);transform:translateY(-2vh);}50%{-webkit-transform:translateY(2vh);-ms-transform:translateY(2vh);transform:translateY(2vh);}100%{-webkit-transform:translateY(-2vh);-ms-transform:translateY(-2vh);transform:translateY(-2vh);}} @keyframes kRuiTN{0%{-webkit-transform:translateY(-2vh);-ms-transform:translateY(-2vh);transform:translateY(-2vh);}50%{-webkit-transform:translateY(2vh);-ms-transform:translateY(2vh);transform:translateY(2vh);}100%{-webkit-transform:translateY(-2vh);-ms-transform:translateY(-2vh);transform:translateY(-2vh);}}
/* sc-component-id: sc-keyframes-geIXfi */
@-webkit-keyframes geIXfi{0%{opacity:0;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}25%{opacity:1;}50%{opacity:1;-webkit-transform:translate3d(8px,10px,0);-ms-transform:translate3d(8px,10px,0);transform:translate3d(8px,10px,0);}100%{opacity:1;-webkit-transform:translate3d(8px,-15px,0);-ms-transform:translate3d(8px,-15px,0);transform:translate3d(8px,-15px,0);}} @keyframes geIXfi{0%{opacity:0;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}25%{opacity:1;}50%{opacity:1;-webkit-transform:translate3d(8px,10px,0);-ms-transform:translate3d(8px,10px,0);transform:translate3d(8px,10px,0);}100%{opacity:1;-webkit-transform:translate3d(8px,-15px,0);-ms-transform:translate3d(8px,-15px,0);transform:translate3d(8px,-15px,0);}}
/* sc-component-id: sc-keyframes-ipTiZa */
@-webkit-keyframes ipTiZa{0%{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);opacity:0;}100%{-webkit-transform:translateX(0) scale(1);-ms-transform:translateX(0) scale(1);transform:translateX(0) scale(1);opacity:1;}} @keyframes ipTiZa{0%{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);opacity:0;}100%{-webkit-transform:translateX(0) scale(1);-ms-transform:translateX(0) scale(1);transform:translateX(0) scale(1);opacity:1;}}
/* sc-component-id: sc-keyframes-qMeOo */
@-webkit-keyframes qMeOo{0%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{-webkit-transform:translate(25%,-10%);-ms-transform:translate(25%,-10%);transform:translate(25%,-10%);}} @keyframes qMeOo{0%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{-webkit-transform:translate(25%,-10%);-ms-transform:translate(25%,-10%);transform:translate(25%,-10%);}}
/* sc-component-id: sc-keyframes-SbUCr */
@-webkit-keyframes SbUCr{0%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{-webkit-transform:translate(-25%,-10%);-ms-transform:translate(-25%,-10%);transform:translate(-25%,-10%);}} @keyframes SbUCr{0%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{-webkit-transform:translate(-25%,-10%);-ms-transform:translate(-25%,-10%);transform:translate(-25%,-10%);}}
/* sc-component-id: sc-keyframes-wTNzJ */
@-webkit-keyframes wTNzJ{0%{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);}100%{-webkit-transform:translateY(2%);-ms-transform:translateY(2%);transform:translateY(2%);}} @keyframes wTNzJ{0%{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);}100%{-webkit-transform:translateY(2%);-ms-transform:translateY(2%);transform:translateY(2%);}}
/* sc-component-id: sc-keyframes-dpybOG */
@-webkit-keyframes dpybOG{0%{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);}100%{-webkit-transform:translateY(-2%);-ms-transform:translateY(-2%);transform:translateY(-2%);}} @keyframes dpybOG{0%{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);}100%{-webkit-transform:translateY(-2%);-ms-transform:translateY(-2%);transform:translateY(-2%);}}
/* sc-component-id: sc-keyframes-cjuKZr */
@-webkit-keyframes cjuKZr{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}100%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);}} @keyframes cjuKZr{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}100%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);}}
/* sc-component-id: sc-keyframes-ftEqgf */
@-webkit-keyframes ftEqgf{0%{opacity:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);}16%{opacity:0;}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}} @keyframes ftEqgf{0%{opacity:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);}16%{opacity:0;}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}}
/* sc-component-id: sc-keyframes-NJKEJ */
@-webkit-keyframes NJKEJ{0%{opacity:0;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);}16%{opacity:0;}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}} @keyframes NJKEJ{0%{opacity:0;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);}16%{opacity:0;}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}}
/* sc-component-id: sc-keyframes-gAjgJA */
@-webkit-keyframes gAjgJA{0%,4%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}96%,100%{-webkit-transform:translate3d(0,-7px,0);-ms-transform:translate3d(0,-7px,0);transform:translate3d(0,-7px,0);}} @keyframes gAjgJA{0%,4%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}96%,100%{-webkit-transform:translate3d(0,-7px,0);-ms-transform:translate3d(0,-7px,0);transform:translate3d(0,-7px,0);}}
/* sc-component-id: sc-keyframes-fQLCbF */
@-webkit-keyframes fQLCbF{0%,4%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}96%,100%{-webkit-transform:translate3d(0,14px,0);-ms-transform:translate3d(0,14px,0);transform:translate3d(0,14px,0);}} @keyframes fQLCbF{0%,4%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}96%,100%{-webkit-transform:translate3d(0,14px,0);-ms-transform:translate3d(0,14px,0);transform:translate3d(0,14px,0);}}
/* sc-component-id: sc-keyframes-eiDahs */
@-webkit-keyframes eiDahs{0%{-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);opacity:0;-webkit-animation-timing-function:cubic-bezier(0.25,1,0.25,1);animation-timing-function:cubic-bezier(0.25,1,0.25,1);}16.666666666666664%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-animation-timing-function:step(1);animation-timing-function:step(1);}53.333333333333336%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-animation-timing-function:cubic-bezier(1,0.02,1,0.98);animation-timing-function:cubic-bezier(1,0.02,1,0.98);}100%{-webkit-transform:translateY(-60vh);-ms-transform:translateY(-60vh);transform:translateY(-60vh);opacity:1;}} @keyframes eiDahs{0%{-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);opacity:0;-webkit-animation-timing-function:cubic-bezier(0.25,1,0.25,1);animation-timing-function:cubic-bezier(0.25,1,0.25,1);}16.666666666666664%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-animation-timing-function:step(1);animation-timing-function:step(1);}53.333333333333336%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-animation-timing-function:cubic-bezier(1,0.02,1,0.98);animation-timing-function:cubic-bezier(1,0.02,1,0.98);}100%{-webkit-transform:translateY(-60vh);-ms-transform:translateY(-60vh);transform:translateY(-60vh);opacity:1;}}
/* sc-component-id: sc-keyframes-eMLfYp */
@-webkit-keyframes eMLfYp{from{opacity:0;}to{opacity:1;}} @keyframes eMLfYp{from{opacity:0;}to{opacity:1;}}
/* sc-component-id: sc-keyframes-hsuLvs */
@-webkit-keyframes hsuLvs{from{-webkit-transform:translateY(1em);-ms-transform:translateY(1em);transform:translateY(1em);opacity:0;}to{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;}} @keyframes hsuLvs{from{-webkit-transform:translateY(1em);-ms-transform:translateY(1em);transform:translateY(1em);opacity:0;}to{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;}}
/* sc-component-id: sc-keyframes-xWvRJ */
@-webkit-keyframes xWvRJ{0%{-webkit-transform:translate3d(0px,0px,0px);-ms-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px);}100%{-webkit-transform:translate3d(0px,5px,0px);-ms-transform:translate3d(0px,5px,0px);transform:translate3d(0px,5px,0px);}} @keyframes xWvRJ{0%{-webkit-transform:translate3d(0px,0px,0px);-ms-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px);}100%{-webkit-transform:translate3d(0px,5px,0px);-ms-transform:translate3d(0px,5px,0px);transform:translate3d(0px,5px,0px);}}
/* sc-component-id: BlogView__Title-h0jj8u-0 */
.lmHaEd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;}
/* sc-component-id: BlogView__TitleContent-h0jj8u-1 */
.cvhJYm{width:80%;max-width:700px;} @media (max-width:26.25em){.cvhJYm{width:90%;margin:0 auto;}}
/* sc-component-id: BlogView__Categories-h0jj8u-2 */
.btXfrC{width:80%;max-width:700px;margin:0 auto 50px;} @media (min-width:62em){.btXfrC{white-space:nowrap;}}
/* sc-component-id: BlogView__CategoryFilter-h0jj8u-3 */
.fGOFsb{cursor:pointer;margin-right:24px;display:inline-block;padding:0.4em 0.7em;border-radius:4px;-webkit-transition:all 0.1s ease-out;transition:all 0.1s ease-out;background-color:rgba(90,79,255,0.1);} .fGOFsb:focus{outline:none;background-color:rgba(90,79,255,0.07);} .fGOFsb h3{color:#5a4fff;}.itxYGd{cursor:pointer;margin-right:24px;display:inline-block;padding:0.4em 0.7em;border-radius:4px;-webkit-transition:all 0.1s ease-out;transition:all 0.1s ease-out;} .itxYGd h3{color:#8D8CA0;} .itxYGd:focus{outline:none;background-color:rgba(125,125,125,0.07);}
/* sc-component-id: BlogView__Posts-h0jj8u-4 */
.czwVer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:0;}
/* sc-component-id: BlogView__PostImage-h0jj8u-6 */
.gIRyki{position:absolute;left:-170px;opacity:0;height:325px;}.dLGbJP{position:absolute;right:-170px;opacity:0;height:325px;}
/* sc-component-id: BlogView__MorePostsContainer-h0jj8u-7 */
.jNUXKH{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:15px;}
/* sc-component-id: BlogView__MorePostsContent-h0jj8u-8 */
.epKNMS{width:80%;max-width:700px;}
/* sc-component-id: BlogView__MorePostsButton-h0jj8u-9 */
.hHjexe{font-weight:500;cursor:pointer;} .hHjexe:focus{outline:none;} .hHjexe:focus .Text__InnerText-s1e82ayr-0{-webkit-text-decoration:underline;text-decoration:underline;}
/* sc-component-id: BlogView__MorePostsIconWrapper-h0jj8u-10 */
.iTaRCq{font-size:0.6em;top:-0.175em;position:relative;display:inline-block;}
/* sc-component-id: BlogView__ArrowIcon-h0jj8u-11 */
.kymOZq{opacity:0;margin-left:12px;-webkit-transition:opacity 0.35s ease-out;transition:opacity 0.35s ease-out;}
/* sc-component-id: BlogView__Post-h0jj8u-12 */
.ehphAH{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:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:325px;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;position:relative;overflow:hidden;-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;} .ehphAH:hover{background-color:rgba(250,234,213,0.2);-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} .ehphAH:hover > *{color:rgba(0,0,0,1);-webkit-transform:translate3d( 75px,0,0 );-ms-transform:translate3d( 75px,0,0 );transform:translate3d( 75px,0,0 );-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;} .ehphAH:hover .BlogView__PostImage-h0jj8u-6{opacity:0.3;-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;-webkit-transition-delay:0.07s;transition-delay:0.07s;} .ehphAH:hover .BlogView__ArrowIcon-h0jj8u-11{opacity:1;-webkit-transition:opacity 0.35s ease-out;transition:opacity 0.35s ease-out;} .ehphAH:hover .BlogView__PostCategory-h0jj8u-5{border-bottom:1px solid;color:rgba(0,0,0,1);-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;}.eixLJq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:325px;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;position:relative;overflow:hidden;-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;} .eixLJq:hover{background-color:rgba(88,85,246,0.2);-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} .eixLJq:hover > *{color:rgba(0,0,0,1);-webkit-transform:translate3d( -75px,0,0 );-ms-transform:translate3d( -75px,0,0 );transform:translate3d( -75px,0,0 );-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;} .eixLJq:hover .BlogView__PostImage-h0jj8u-6{opacity:0.3;-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;-webkit-transition-delay:0.07s;transition-delay:0.07s;} .eixLJq:hover .BlogView__ArrowIcon-h0jj8u-11{opacity:1;-webkit-transition:opacity 0.35s ease-out;transition:opacity 0.35s ease-out;} .eixLJq:hover .BlogView__PostCategory-h0jj8u-5{border-bottom:1px solid;color:rgba(0,0,0,1);-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;}.etGqdp{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:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:325px;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;position:relative;overflow:hidden;-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;} .etGqdp:hover{background-color:rgba(179,195,255,0.2);-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} .etGqdp:hover > *{color:rgba(179,195,255,1);-webkit-transform:translate3d( 75px,0,0 );-ms-transform:translate3d( 75px,0,0 );transform:translate3d( 75px,0,0 );-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;} .etGqdp:hover .BlogView__PostImage-h0jj8u-6{opacity:0.3;-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;-webkit-transition-delay:0.07s;transition-delay:0.07s;} .etGqdp:hover .BlogView__ArrowIcon-h0jj8u-11{opacity:1;-webkit-transition:opacity 0.35s ease-out;transition:opacity 0.35s ease-out;} .etGqdp:hover .BlogView__PostCategory-h0jj8u-5{border-bottom:1px solid;color:rgba(179,195,255,1);-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;}.ilAeKD{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:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:325px;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;position:relative;overflow:hidden;-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;} .ilAeKD:hover{background-color:rgba(131,202,172,0.2);-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} .ilAeKD:hover > *{color:rgba(0,0,0,1);-webkit-transform:translate3d( 75px,0,0 );-ms-transform:translate3d( 75px,0,0 );transform:translate3d( 75px,0,0 );-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;} .ilAeKD:hover .BlogView__PostImage-h0jj8u-6{opacity:0.3;-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;-webkit-transition-delay:0.07s;transition-delay:0.07s;} .ilAeKD:hover .BlogView__ArrowIcon-h0jj8u-11{opacity:1;-webkit-transition:opacity 0.35s ease-out;transition:opacity 0.35s ease-out;} .ilAeKD:hover .BlogView__PostCategory-h0jj8u-5{border-bottom:1px solid;color:rgba(0,0,0,1);-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;}
/* sc-component-id: BlogView__PostContent-h0jj8u-13 */
.bbIzvS{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out;width:80%;max-width:700px;} @media (max-width:420px){.bbIzvS{max-width:300px;}}
/* sc-component-id: sc-keyframes-KcIol */
@-webkit-keyframes KcIol{from{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}to{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}} @keyframes KcIol{from{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}to{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}}
/* sc-component-id: ProjectContainer-s16s8y6k-0 */
.eHPSpR{top:0;left:0;right:0;min-height:100vh;opacity:1;-webkit-transition:0.5s opacity cubic-bezier(0.165,0.84,0.44,1);transition:0.5s opacity cubic-bezier(0.165,0.84,0.44,1);}
/* sc-component-id: sc-keyframes-kNIJfT */
@-webkit-keyframes kNIJfT{from{opacity:0;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);}to{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}} @keyframes kNIJfT{from{opacity:0;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);}to{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
/* sc-component-id: styles__Container-s1bhetbc-0 */
.hCXJNJ{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-animation:kNIJfT 0.4s ease-in-out;animation:kNIJfT 0.4s ease-in-out;}
/* sc-component-id: styles__IconBox-s1bhetbc-1 */
.dctqnO{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;top:0.2em;height:1.5rem;width:1.75rem;}
/* sc-component-id: Header__Shifty-scxpr0-0 */
@media (max-width:48em){.cVfoyI{padding-left:12px;}}
/* sc-component-id: Header__Wrapper-scxpr0-1 */
.ewBiUf{color:white;}
/* sc-component-id: ProjectLink__Arrow-s1i55sf9-0 */
.bAnjJu{display:inline-block;padding-left:2px;opacity:0;font-size:0.75em;} @media (max-width:48em){.bAnjJu{display:none;}}
/* sc-component-id: ProjectLink__Link-s1i55sf9-1 */
.khJyAn{display:block;white-space:nowrap;-webkit-transition:0.4s color cubic-bezier(0.165,0.84,0.44,1);transition:0.4s color cubic-bezier(0.165,0.84,0.44,1);} .khJyAn > .Text__InnerText-s1e82ayr-0,.khJyAn .ProjectLink__Arrow-s1i55sf9-0,.khJyAn svg{-webkit-transition:0.4s -webkit-transform cubic-bezier(0.165,0.84,0.44,1),opacity 0.4s cubic-bezier(0.165,0.84,0.44,1);-webkit-transition:0.4s transform cubic-bezier(0.165,0.84,0.44,1),opacity 0.4s cubic-bezier(0.165,0.84,0.44,1);transition:0.4s transform cubic-bezier(0.165,0.84,0.44,1),opacity 0.4s cubic-bezier(0.165,0.84,0.44,1);} @media (min-width:48em){.khJyAn:hover .ProjectLink__Arrow-s1i55sf9-0{-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(16px);opacity:1;}.khJyAn:hover > .Text__InnerText-s1e82ayr-0{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}}
/* sc-component-id: ProjectLink__Chevron-s1i55sf9-2 */
.edJoaK{display:none;} @media (max-width:48em){.edJoaK{display:block;}}
/* sc-component-id: ProjectLink__LinkContent-s1i55sf9-3 */
.gTsMnA{font-size:4.5vh;line-height:1.8;} @media (max-width:48em){.gTsMnA{font-size:2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}} @media (max-height:600px){.gTsMnA{font-size:2rem;}}
/* sc-component-id: Footer__Row-s97bdrl-0 */
.gLGlRA{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
/* sc-component-id: MobileNav__Link-y71lqi-0 */
.fOgavx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
/* sc-component-id: LandingContainer__Background-s1msgrgs-1 */
.goxDyi{background:linear-gradient( to right,#5a4fff 10%,rgba(90,79,255,0.8) 100% );color:#fff;position:absolute;top:-140px;left:0;right:0;bottom:0;}
/* sc-component-id: LandingContainer__HomeLink-s1msgrgs-2 */
.koaneT{background:#5a4fff;position:absolute;top:0;left:0;right:0;height:140px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);} .koaneT .Icon-s1eymix-2{-webkit-transition:0.3s -webkit-transform cubic-bezier(0.165,0.84,0.44,1);-webkit-transition:0.3s transform cubic-bezier(0.165,0.84,0.44,1);transition:0.3s transform cubic-bezier(0.165,0.84,0.44,1);} .koaneT:hover .Icon-s1eymix-2{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
/* sc-component-id: LandingContainer__SocialLinks-s1msgrgs-3 */
.dsMZtq{position:absolute;bottom:49px;right:50px;} @media (max-width:768px){.dsMZtq{right:25px;}}
/* sc-component-id: LandingContainer__SocialLink-s1msgrgs-4 */
.gGxWwd{margin-left:16px;display:inline-block;} .gGxWwd .Icon-s1eymix-2{opacity:0.6;-webkit-transition:0.3s opacity cubic-bezier(0.165,0.84,0.44,1);transition:0.3s opacity cubic-bezier(0.165,0.84,0.44,1);} .gGxWwd:hover .Icon-s1eymix-2{opacity:1;}
/* sc-component-id: sc-keyframes-cWVclG */
@-webkit-keyframes cWVclG{from{left:0;}to{left:0;}} @keyframes cWVclG{from{left:0;}to{left:0;}}
/* sc-component-id: sc-keyframes-gGgdyJ */
@-webkit-keyframes gGgdyJ{from{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);}to{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}} @keyframes gGgdyJ{from{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);}to{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}}
/* sc-component-id: sc-keyframes-ESchc */
@-webkit-keyframes ESchc{from{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}to{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);}} @keyframes ESchc{from{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}to{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);}}
/* sc-component-id: ProjectView__Container-paxcuj-0 */
.fRXRVr{min-height:100vh;position:relative;}
/* sc-component-id: sc-global-1312582863 */
@font-face{font-family:"Neue Haas Unica";src:url(https://d2998a9lzvovjv.cloudfront.net/43bd75bedb4889ccd5a0b290e4eda9a6.ttf);font-weight:600;} @font-face{font-family:"Roboto Mono";src:url(https://d2998a9lzvovjv.cloudfront.net/a48ac41620cd818c5020d0f4302489ff.ttf);font-weight:400;} @font-face{font-family:Larsseit;src:url(https://d2998a9lzvovjv.cloudfront.net/1136099f03decc5011b7454f97f0d216.otf);font-weight:400;} @font-face{font-family:Larsseit;src:url(https://d2998a9lzvovjv.cloudfront.net/15413d0f0bb3224f762bf1711d5d1443.otf);font-weight:500;} @font-face{font-family:Larsseit;src:url(https://d2998a9lzvovjv.cloudfront.net/d37acb85308e3126b5184211f1878c8f.otf);font-weight:600;} a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;} article,aside,canvas,figcaption,figure,footer,header,hgroup,main,output,section{display:block;} body{line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote::before,q::before,blockquote::after,q::after{content:"";display:none;} table{border-collapse:collapse;border-spacing:0;} input,textarea,button,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border-color:currentColor;border-style:none;border-width:medium;border-radius:0;margin:0;padding:0;color:inherit;font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;font-size:inherit;font-family:inherit;line-height:inherit;vertical-align:baseline;} ::-webkit-input-placeholder:{opacity:1;color:inherit;font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;font-size:inherit;font-family:inherit;} ::-moz-placeholder:{opacity:1;color:inherit;font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;font-size:inherit;font-family:inherit;} :-ms-input-placeholder:{opacity:1;color:inherit;font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;font-size:inherit;font-family:inherit;} ::placeholder:{opacity:1;color:inherit;font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;font-size:inherit;font-family:inherit;} a:link{-webkit-text-decoration:none;text-decoration:none;} a:link,a:visited,a:hover,a:active{color:inherit;} ::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;} ::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;} ::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;} ::-webkit-search-results-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;} ::-ms-clear,::-ms-reveal{display:none;} ::-webkit-contacts-auto-fill-button{display:none !important;} input{-moz-appearance:textfield;} *,*:before,*:after{box-sizing:inherit;} html{box-sizing:border-box;} html{height:100%;font-size:1.125em;} @media (min-width:75em){html{font-size:1.25em;}} body{min-height:100%;font-family:Larsseit,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.642821;color:#101131;background:#5a4fff;} body > div.root{min-height:100%;} img{max-width:100%;} .MetaBlog{font-size:20px;caret-color:#5a4fff;color:#57586E;line-height:32px;max-width:1120px;display:block;margin:0 auto;} .MetaBlog .align-block,.MetaBlog .unstyled-block,.MetaBlog .code-block,.MetaBlog h1,.MetaBlog h2,.MetaBlog h3,.MetaBlog p{max-width:736px;margin:0 auto;} @media(max-width:768px){.MetaBlog .align-block,.MetaBlog .unstyled-block,.MetaBlog .code-block,.MetaBlog h1,.MetaBlog h2,.MetaBlog h3,.MetaBlog p{margin:0 24px;}} .MetaBlog em{font-style:italic;} .MetaBlog strong{font-weight:bold;} .MetaBlog .align-block,.MetaBlog .align-centered,.MetaBlog .code-block{clear:both;} .MetaBlog h2,.MetaBlog h3{margin:56px auto 32px;line-height:1em;font-weight:500;color:#101131;} @media(max-width:768px){.MetaBlog h2,.MetaBlog h3{margin:32px 24px;}} .MetaBlog h2{color:#101131;font-size:2em;line-height:1em;} .MetaBlog h3{font-size:1.5em;} .MetaBlog .image-block{width:100%;margin:0 auto 32px;box-sizing:border-box;} .MetaBlog .image-block .image-block{margin:0;} .MetaBlog .image-block > img{width:100%;display:block;} .MetaBlog .image-block-caption{max-width:100%;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:16px auto 0;font-size:0.65em;text-transform:uppercase;color:#6d747e;line-height:24px;} .MetaBlog .image-block.align-full-width{max-width:1120px;} .MetaBlog blockquote.align-full-width{max-width:1120px;text-align:center;} .MetaBlog .align-block{max-width:736px;text-align:center;} .MetaBlog .align-right,.MetaBlog .align-left{max-width:352px;text-align:center;} .MetaBlog .align-right{float:right;margin-left:32px;} .MetaBlog .align-right.image-block{padding-left:32px;} @media (max-width:768px){.MetaBlog .align-right.image-block{padding:0;}} @media (max-width:768px){.MetaBlog .align-right{float:none;margin:32px auto;}} .MetaBlog .align-left{float:left;margin-right:32px;} .MetaBlog .align-left.image-block{padding-right:32px;} @media (max-width:768px){.MetaBlog .align-left.image-block{padding:0;}} @media (max-width:768px){.MetaBlog .align-left{float:none;margin:32px auto;}} .MetaBlog .code-block{box-sizing:border-box;background-color:#fcf9f4;border:solid 1px #c6c6d0;padding:24px 32px;line-height:24px;border-radius:8px;color:#101131;font-family:'Roboto Mono';font-size:16px;white-space:pre-wrap;} .MetaBlog .code-block a::after{display:none;} .MetaBlog blockquote{font-size:1.5em;color:#5a4fff;font-weight:bold;text-align:center;padding-top:60px;padding-bottom:60px;line-height:50px;box-sizing:border-box;} .MetaBlog blockquote:before{content:"\201C";display:inline-block;} .MetaBlog blockquote:after{content:"\201D";display:inline-block;} .MetaBlog ul,.MetaBlog ol{max-width:544px;list-style:initial;margin:0 auto;} @media(max-width:768px){.MetaBlog ul,.MetaBlog ol{padding-left:40px;padding-right:24px;}} .MetaBlog ol{list-style:decimal;} .MetaBlog ul{list-style:initial;} .MetaBlog li{color:#0cc2ba;font-weight:bold;margin-bottom:16px;} .MetaBlog li > div{color:#57586E;font-weight:400;padding-left:8px;} .MetaBlog a{color:inherit;position:relative;-webkit-text-decoration:underline;text-decoration:underline;}
/* sc-component-id: Text__InnerText-s1e82ayr-0-h1 */
.kRzEfn{color:#5a4fff;font-size:3.5rem;line-height:1.2756487309204436;font-weight:700;} @media (max-width:62em){.kRzEfn{font-size:2.1rem;line-height:1.414253225751679;}}
/* sc-component-id: Text__InnerText-s1e82ayr-0-h3 */
.jpuCAG{color:#101131;font-size:1rem;line-height:1.642821;font-weight:700;}.cJuosZ{color:#101131;font-size:1rem;line-height:1.642821;font-weight:500;}
/* sc-component-id: Text__InnerText-s1e82ayr-0-h2 */
.fCEDqX{color:#101131;font-size:2rem;line-height:1.4282550137384307;font-weight:500;} @media (max-width:62em){.fCEDqX{font-size:1.35rem;line-height:1.5462262062746075;}}
/* sc-component-id: sc-keyframes-cRrXBH */
@-webkit-keyframes cRrXBH{0%{background:#e1e3f9;}20.5%{background:#e1e3f9;}48%{background:white;}75.4%{background:white;}100%{background:#e1e3f9;}} @keyframes cRrXBH{0%{background:#e1e3f9;}20.5%{background:#e1e3f9;}48%{background:white;}75.4%{background:white;}100%{background:#e1e3f9;}}
/* sc-component-id: sc-keyframes-cTXRhQ */
@-webkit-keyframes cTXRhQ{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);}100%{-webkit-transform:translateX(-1638px);-ms-transform:translateX(-1638px);transform:translateX(-1638px);}} @keyframes cTXRhQ{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);}100%{-webkit-transform:translateX(-1638px);-ms-transform:translateX(-1638px);transform:translateX(-1638px);}}
/* sc-component-id: sc-keyframes-emiqEq */
@-webkit-keyframes emiqEq{0%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:0;}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}} @keyframes emiqEq{0%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:0;}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}
/* sc-component-id: sc-keyframes-ffbsEK */
@-webkit-keyframes ffbsEK{0%{-webkit-transform:translate3d(200px,0,0);-ms-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0);opacity:0;}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}} @keyframes ffbsEK{0%{-webkit-transform:translate3d(200px,0,0);-ms-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0);opacity:0;}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}
/* sc-component-id: sc-keyframes-bNoaZY */
@-webkit-keyframes bNoaZY{0%{-webkit-transform:translate3d(-200px,0,0);-ms-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0);opacity:0;}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}} @keyframes bNoaZY{0%{-webkit-transform:translate3d(-200px,0,0);-ms-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0);opacity:0;}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}
/* sc-component-id: sc-keyframes-hsfjfb */
@-webkit-keyframes hsfjfb{0%{-webkit-transform:translate3d(-100px,0,0);-ms-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0);opacity:0;}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}} @keyframes hsfjfb{0%{-webkit-transform:translate3d(-100px,0,0);-ms-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0);opacity:0;}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}
/* sc-component-id: sc-keyframes-ljsOS */
@-webkit-keyframes ljsOS{0%{-webkit-transform:translate3d(-50px,0,0);-ms-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0);opacity:0;}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}} @keyframes ljsOS{0%{-webkit-transform:translate3d(-50px,0,0);-ms-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0);opacity:0;}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}
/* sc-component-id: sc-keyframes-glfwtf */
@-webkit-keyframes glfwtf{0%{-webkit-transform:translate3d(0,50px,0);-ms-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);opacity:0;}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}} @keyframes glfwtf{0%{-webkit-transform:translate3d(0,50px,0);-ms-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);opacity:0;}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}
/* sc-component-id: sc-keyframes-juIpnd */
@-webkit-keyframes juIpnd{0%{-webkit-transform:rotate3d(0,0,1,360deg);-ms-transform:rotate3d(0,0,1,360deg);transform:rotate3d(0,0,1,360deg);}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}} @keyframes juIpnd{0%{-webkit-transform:rotate3d(0,0,1,360deg);-ms-transform:rotate3d(0,0,1,360deg);transform:rotate3d(0,0,1,360deg);}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}}
/* sc-component-id: sc-keyframes-edDlHr */
@-webkit-keyframes edDlHr{0%{opacity:1;}25%{opacity:0;}50%{opacity:1;}75%{opacity:0;}100%{opacity:1;}} @keyframes edDlHr{0%{opacity:1;}25%{opacity:0;}50%{opacity:1;}75%{opacity:0;}100%{opacity:1;}}
/* sc-component-id: sc-keyframes-kLjtYS */
@-webkit-keyframes kLjtYS{0%{opacity:1;}50%{opacity:0;}100%{opacity:1;}} @keyframes kLjtYS{0%{opacity:1;}50%{opacity:0;}100%{opacity:1;}}
/* sc-component-id: sc-keyframes-hJHsqv */
@-webkit-keyframes hJHsqv{0%,4%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}96%,100%{-webkit-transform:translate3d(0,16px,0);-ms-transform:translate3d(0,16px,0);transform:translate3d(0,16px,0);}} @keyframes hJHsqv{0%,4%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}96%,100%{-webkit-transform:translate3d(0,16px,0);-ms-transform:translate3d(0,16px,0);transform:translate3d(0,16px,0);}}
/* sc-component-id: sc-keyframes-eNOne */
@-webkit-keyframes eNOne{0%,4%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}96%,100%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}} @keyframes eNOne{0%,4%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}96%,100%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}
/* sc-component-id: sc-keyframes-eecRSM */
@-webkit-keyframes eecRSM{0%,4%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}96%,100%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0);}} @keyframes eecRSM{0%,4%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}96%,100%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0);}}
/* sc-component-id: sc-keyframes-bgouCR */
@-webkit-keyframes bgouCR{0%,4%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}96%,100%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}} @keyframes bgouCR{0%,4%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}96%,100%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}}</style><title data-rh="true">MetaLab Blog</title><link data-rh="true" rel="shortcut icon" href="https://d2998a9lzvovjv.cloudfront.net/favicon.ico"/><meta data-rh="true" name="description" content="Words about the products we ship from the amazing people that make them happen."/><meta data-rh="true" content="MetaLab Blog" property="og:title"/><meta data-rh="true" content="Words about the products we ship from the amazing people that make them happen." property="og:description"/><meta data-rh="true" content="https://metalab.conull" property="og:url"/><meta data-rh="true" content="website" property="og:type"/><meta data-rh="true" content="https://d2998a9lzvovjv.cloudfront.net/logo.672ddd68.png" property="og:image"/><meta data-rh="true" content="image/png" property="og:image:type"/><meta data-rh="true" content="800" property="og:image:width"/><meta data-rh="true" content="800" property="og:image:height"/><meta data-rh="true" content="summary_large_image" name="twitter:card"/><meta data-rh="true" content="@metalab" name="twitter:site"/><meta data-rh="true" content="Words about the products we ship from the amazing people that make them happen." name="twitter:description"/><meta data-rh="true" content="https://d2998a9lzvovjv.cloudfront.net/logo.672ddd68.png" name="twitter:image"/><meta data-rh="true" content="MetaLab Blog" name="twitter:title"/><link data-rh="true" rel="canonical" href="https://metalab.co/blog"/><script>
              (function(w,d,s,l,i){
                w[l]=w[l]||[];w[l].push({'gtm.start':
                new Date().getTime(),event:'gtm.js'});
                var f=d.getElementsByTagName(s)[0],
                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
                j.async=true;
                j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
                f.parentNode.insertBefore(j,f);
              })(window,document,'script','dataLayer','GTM-NNNCZZG');
            </script><script type="text/json" id="state">{"auth":{"userId":null,"roles":[]},"blog":{"post":null,"posts":[{"id":30,"slug":"hindsight-lessons","title":"Hindsight is 2020: Things we learned the hard way in 2019","description":"Our highlight reel from 2019 is a little more...real than the rest. Read about what we learned about ourselves, our business, and doing better for our team.","body":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"f550h","text":"In case the timing of this post didn’t make it obvious enough, we aren’t big on New Year’s Resolutions around here. But with over 50 projects completed in 2019 and a rapidly growing team, we know better than to breeze forward without reflecting on the lessons that got us here. This is a practice we try to incorporate on a regular basis, and the honesty in our project retros and regular town halls often reveal some of our most valuable opportunities for improvement.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"dncub","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"6vrls","text":"So in lieu of yet another Instagram-worthy highlight reel of 2019’s shiniest wins, here’s a quick rundown of our messier moments from last year (and the advice we wish we’d had back then).","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"f3ojt","text":"One of our Design Directors on why design doesn’t always age well.","type":"header-two"},{"data":{"align":"block"},"depth":0,"entityRanges":[{"key":0,"length":1,"offset":0}],"inlineStyleRanges":[],"key":"c16j3","text":" ","type":"atomic"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"f0k8t","text":"The TL;DR","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"97v95","text":"It wasn’t until halfway through wireframing on a recent project when I realized that I’d neglected to consider what is arguably one of the most important variables in the design of any product: the element of time. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"75pjo","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"6msoe","text":"My team and I were on a brainstorming call, and I asked, “What would this look like with completely different content?” From there, the can of worms was open and we saw how unsuccessfully our current execution would withstand the test of time. Our wireframes were designed around very specific—and very minimal—content, but the experience would become extremely jarring if more content was added and changed over time. And it wasn’t just a content problem. There was something inherently problematic about assessing our designs in a state-by-state context since so much of the user experience happened in the transitions that connect those dots. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"tk3c","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"12lu0","text":"We’d overlooked the fact that the connective tissue—the transitions, the loading or offline states, the interacted states—reveal a lot about how to accommodate a user’s needs as they move through time. It might sound obvious, but it’s easy to forget that designing for the here and now shouldn’t preclude you from leaving flexibility for future adaptations.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"ag1ra","text":"My advice?","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"1o6s9","text":"No matter how intuitive your layout or how pleasing your color palette, your design won’t be of much use to anyone if it isn’t flexible enough to accommodate a handful of other realities in addition to the one you’re currently facing. You don’t need any super fancy techniques or methodologies to address this, either. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"2u5th","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"ee50j","text":"Start by asking if your product’s value proposition changes with different contexts and over time. What can you deduce from previous requirements that might help you predict what will be needed in the future? Look at ideas you’ve previously abandoned and try to argue them back into play. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"ahhjk","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"cqj83","text":"Lastly, give new prototyping tools a shot; the more fluidity and interactivity they offer, the less dependent we become on states to design for the experience continuum.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"aar63","text":"Our Director of People Ops on why representation matters.","type":"header-two"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"ecdv","text":"","type":"unstyled"},{"data":{"align":"block"},"depth":0,"entityRanges":[{"key":1,"length":1,"offset":0}],"inlineStyleRanges":[],"key":"1qt95","text":" ","type":"atomic"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"1c0u4","text":"The TL;DR","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"60k8d","text":"The thriving culture and smiling faces you see on our website aren’t just for show. We try to involve our employees in important decisions, encourage dialogue, and put people first. Generally speaking, we have a genuinely happy group of people roaming the proverbial halls of MetaLab as a result. But for a company that prides itself on its remote culture and global perspective, our lack of diversity is a problem.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"6s3qo","text":" Everyone deserves to be represented in the spaces in which they live and work.","type":"blockquote"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"1injf","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"etums","text":"It's a problem not just at MetaLab, but in our industry as a whole. First and foremost, it's a people issue: everyone deserves to be represented in the spaces in which they live and work. Secondly, it's a business issue: when underrepresentation goes unchecked, the quality of the work suffers. We can’t responsibly build products that serve billions of people from all walks of life if our teams aren’t just as diverse. To do our jobs as people and product designers, we have to actively invest in a community of equal representation, access, and inclusion within MetaLab and beyond.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"5k28j","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[{"key":2,"length":6,"offset":103},{"key":3,"length":9,"offset":123}],"inlineStyleRanges":[],"key":"fq1uf","text":"My team and I spent 2019 trying to be part of the solution, starting with a focus on hiring. We hosted events and attended workshops and training sessions. We removed candidate identifiers from our screening process to reduce unconscious bias and launched a new Careers page to reflect a company where anyone could feel like they belong. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"bkfb0","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"6o60e","text":"Over the course of last year, our good intentions progressed into baby steps forward. It's something, but we’ve got more progress to make. If we've learned anything, it's that taking a top-down approach will move things farther, faster. So this year, we're working with professionals to integrate diversity, equity, and inclusion into all aspects of our company for a more meaningful impact. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"9gbui","text":"My advice?","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"ahm9d","text":"Look in the mirror and be honest and clear about where you are and where you want to go. Ask for help, and ensure that it’s a priority at an executive and management level. Then, take small, consistent steps towards implementing change. Hold yourself accountable along the way, but don’t shortchange yourself on the self-compassion you’ll need to overcome the reality of how far you have to go. Most importantly, ensure that these efforts are a transparent collaboration all the way through and give every person at your organization a supportive seat at the table.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"2a5j0","text":"Our VP of Partnerships on the value of turning down clients.","type":"header-two"},{"data":{"align":"block"},"depth":0,"entityRanges":[{"key":4,"length":1,"offset":0}],"inlineStyleRanges":[],"key":"2s5i","text":" ","type":"atomic"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"avg22","text":"The TL;DR","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"85f5l","text":"The folks in the tools are what make our business what it is. At the end of the day, our model is pretty simple: we hire the best people in the world to do incredible work with great clients. Rinse and repeat. Our employees could work just about anywhere in the world, but they choose to work at MetaLab. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"4d57m","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"ehgjk","text":"That means it's my team’s job to make sure MetaLab is a compelling place to be through the projects we bring in the door. Easy to preach, sure. It’s a whole lot harder when that means leaving millions of dollars and interesting work on the table because something about a client just doesn’t feel right.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"72d50","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"7rqd3","text":"We’re relationships people, so we feed off of energy, good or bad. When it’s good, it’s really cool to see the positive impact that it has on the work. When it’s bad, we take it seriously and do something about it. We’ve had enough very good and very bad client relationships to know that when the team suffers, the products suffer, and nobody walks away getting what they came for. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"4ttgd","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"4e87d","text":"This past year alone, we ended up saying “No, thanks” to hundreds of projects in the name of protecting our team. The ones that keep me up at night are the few that slipped through the cracks, like the two clients that we had to part ways with and the handful of others we should have ended things with much sooner. A bad apple spoils the whole barrel and when our team feels tired, uninspired and frustrated as a result, that’s (partially) on me.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"35oao","text":"My Advice","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"20trm","text":"Take your time and then trust your gut, even (and sometimes especially) when clients are in a rush to get things signed off. Don't hesitate to slow things down, book that extra call or ask to meet in person before agreeing on contracts. The same goes for stress testing anything that doesn't feel right throughout the process—make a point of challenging them and seeing what happens. Regardless of how big the name or how deep the budget, these relationships are two-way streets. Like any good relationship, they take time and work to cultivate, and the early interactions are typically windows into what to expect down the road. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"1bh4s","text":"One of our Engineering Directors on why it’s good to get it wrong.","type":"header-two"},{"data":{"align":"block"},"depth":0,"entityRanges":[{"key":5,"length":1,"offset":0}],"inlineStyleRanges":[],"key":"7dpfu","text":" ","type":"atomic"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"7id1t","text":"The TL;DR","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"8b9ih","text":"We have a very high bar for shipping functional, polished products, so the better we can integrate our design and engineering teams, the better the quality of the end result. Where many traditional teams usually take a waterfall approach to their development phases, I spent 2019 experimenting with different methodologies to see if I could set the quality bar even higher, faster. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"ajao","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"c0elv","text":"On estimation calls, I’d push to get development started on projects as early as possible. This would allow the team to start looking under rocks, asking questions, and laying a foundation for the rest of the product architecture. In some cases, this worked really well and made projects a million times better. Other times, it was obvious that we’d pushed it too far. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"b1m70","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"b64sp","text":"How could development be expected to build a product that hadn’t been designed yet? How could designers be expected to map out the data flow when they didn’t yet have the actual data? Both questions were equally valid and frustrating, so we had to get creative with staffing projects to keep things moving forward. Still, what we’ve gotten from these experiments far outweighs the perceived safety of a singular approach to engineering. As the classic “waterfall vs. agile” debate rages on, we’re focused on building an engineering team and schedule that maps to each project’s unique needs.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"9uii3","text":"My advice?","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"100oj","text":"Don't be afraid to tinker with the status quo. You might break some things in the process, but you’ll learn a lot more in veering “off-course” than you might have otherwise and your solutions will be even more foolproof as a result. But before you start taking things apart or moving in an unconventional direction, make sure you’re clear about your team’s non-negotiables. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"9n1no","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"evpjj","text":" I managed to feverishly champion finding ways to be 10% better while also reiterating the need for everything to be delivered on time and on budget. Whenever you run a new experiment, over-communication (both internally and with stakeholders) is the key to protecting the integrity of the product during the trial and error that comes along with trying something new.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"2cpfa","text":"Our COO on why imposter syndrome is worth talking about.","type":"header-two"},{"data":{"align":"block"},"depth":0,"entityRanges":[{"key":6,"length":1,"offset":0}],"inlineStyleRanges":[],"key":"3kfbn","text":" ","type":"atomic"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"upvm","text":"The TL;DR","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"ek910","text":"“What do you do at MetaLab?” The question wasn’t out of line or invasive for a networking event, but it didn’t make answering it any easier. Like I had done so many times before, I found myself sharing that I “worked in Operations” rather than telling people I was the COO of MetaLab. I’m immensely proud of where I work and the teams I get to lead, but sometimes I'm still uncomfortable with the title that comes with it. In my mind, broadcasting my C-level role sets me up to fall short of expectations that people might have of what a “good COO” should be. Underpromise and overdeliver, right?","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"4dm21","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"9i8nc","text":"It wasn’t until well into my career that I had a name for the healthy dose of self-doubt I’d carried with me over the years: imposter syndrome. I can tell you from experience that this negative self-talk doesn’t discriminate across skill level, expertise, or any other differentiator. While it’s a mild nuisance for some, it can be debilitating for others. For me, the voice telling me that I could do better makes it hard to celebrate my successes, but it’s also what motivates me to succeed in the first place. As a result, I’ve tried to embrace the ways in which this voice serves me and be more aware of what happens when it starts to get in the way.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"218k2","text":"My advice? ","type":"header-three"},{"data":{"align":"right"},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"8f729","text":"There are no dumb questions; your curiosity is an investment in your growth.","type":"blockquote"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"bdmq","text":"I find that past performance is a great indicator of the future, so the quickest way to stop thinking you’re falling short is by internalizing any cold, hard evidence to the contrary. If others tell you you’re doing a great job, you probably are (and probably will again). When you need direction, keep in mind that there are no dumb questions; your curiosity is an investment in your growth. For example, I recently joined a project team for a couple of months to gain first-hand product design knowledge to boost my subject-matter confidence (spoiler alert: it worked). Also, stop trying to “fake it ‘til you make it:” I’ve learned that humility and a willingness to learn gets you a lot further.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"3duaj","text":"New and improving.","type":"header-two"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"csk86","text":"It’s good to talk about these things. And talk and talk. But instead of just waxing poetic about all the things we’ve learned, we’ll be a lot more comfortable when we have tangible changes to point to the next time we sit down to chat. We’re approaching this just like we would any other project: take things week by week, step closer, step back, invite feedback, implement learnings as early and as often as possible, and always, always produce something real in the end.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"agct3","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"4ks3n","text":"Wish we’d addressed a different topic, or want us to dig deeper into something that we covered here? That’s what our AMA forum (answersplz@metalab.co) is for. We’re all ears.","type":"unstyled"}],"entityMap":{"0":{"data":{"src":"https://metablog-assets.s3.amazonaws.com/konstantin-sokhan-metalab-design-director-2c50410f8161.png"},"mutability":"IMMUTABLE","type":"IMAGE"},"1":{"data":{"src":"https://metablog-assets.s3.amazonaws.com/elexa-1ecc7736256d.png"},"mutability":"IMMUTABLE","type":"IMAGE"},"2":{"data":{"url":"https://www.eventbrite.com/e/tech-ladies-vancouver-meetup-sponsored-by-metalab-tickets-66340687783#"},"mutability":"MUTABLE","type":"LINK"},"3":{"data":{"url":"https://www.hrtechgroup.com/events/beyond-lip-service-diversity-inclusion"},"mutability":"MUTABLE","type":"LINK"},"4":{"data":{"alt":"Photo of Luke Des Cotes, MetaLab's VP of Partnerships","src":"https://metablog-assets.s3.amazonaws.com/luke-des-cotes-metalab-vp-partnerships-0e4006ebd611.png"},"mutability":"IMMUTABLE","type":"IMAGE"},"5":{"data":{"src":"https://metablog-assets.s3.amazonaws.com/madeline-carson-metalab-director-engineering-0a624b51d53b.png"},"mutability":"IMMUTABLE","type":"IMAGE"},"6":{"data":{"src":"https://metablog-assets.s3.amazonaws.com/steph--5a63db990f4e.png"},"mutability":"IMMUTABLE","type":"IMAGE"}}},"html":"\u003cp class=\"unstyled-block\"\u003eIn case the timing of this post didn’t make it obvious enough, we aren’t big on New Year’s Resolutions around here. But with over 50 projects completed in 2019 and a rapidly growing team, we know better than to breeze forward without reflecting on the lessons that got us here. This is a practice we try to incorporate on a regular basis, and the honesty in our project retros and regular town halls often reveal some of our most valuable opportunities for improvement.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eSo in lieu of yet another Instagram-worthy highlight reel of 2019’s shiniest wins, here’s a quick rundown of our messier moments from last year (and the advice we wish we’d had back then).\u003c/p\u003e\n\u003ch2\u003eOne of our Design Directors on why design doesn’t always age well.\u003c/h2\u003e\n\n      \u003cdiv class=\"image-block align-block\"\u003e\n        \u003cimg src=\"https://metablog-assets.s3.amazonaws.com/konstantin-sokhan-metalab-design-director-2c50410f8161.png\" alt=\"metablog\" /\u003e\n        \n      \u003c/div\u003e\n    \n\u003ch3\u003eThe TL;DR\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eIt wasn’t until halfway through wireframing on a recent project when I realized that I’d neglected to consider what is arguably one of the most important variables in the design of any product: the element of time.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eMy team and I were on a brainstorming call, and I asked, “What would this look like with completely different content?” From there, the can of worms was open and we saw how unsuccessfully our current execution would withstand the test of time. Our wireframes were designed around very specific—and very minimal—content, but the experience would become extremely jarring if more content was added and changed over time. And it wasn’t just a content problem. There was something inherently problematic about assessing our designs in a state-by-state context since so much of the user experience happened in the transitions that connect those dots.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eWe’d overlooked the fact that the connective tissue—the transitions, the loading or offline states, the interacted states—reveal a lot about how to accommodate a user’s needs as they move through time. It might sound obvious, but it’s easy to forget that designing for the here and now shouldn’t preclude you from leaving flexibility for future adaptations.\u003c/p\u003e\n\u003ch3\u003eMy advice?\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eNo matter how intuitive your layout or how pleasing your color palette, your design won’t be of much use to anyone if it isn’t flexible enough to accommodate a handful of other realities in addition to the one you’re currently facing. You don’t need any super fancy techniques or methodologies to address this, either.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eStart by asking if your product’s value proposition changes with different contexts and over time. What can you deduce from previous requirements that might help you predict what will be needed in the future? Look at ideas you’ve previously abandoned and try to argue them back into play.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eLastly, give new prototyping tools a shot; the more fluidity and interactivity they offer, the less dependent we become on states to design for the experience continuum.\u003c/p\u003e\n\u003ch2\u003eOur Director of People Ops on why representation matters.\u003c/h2\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\n      \u003cdiv class=\"image-block align-block\"\u003e\n        \u003cimg src=\"https://metablog-assets.s3.amazonaws.com/elexa-1ecc7736256d.png\" alt=\"metablog\" /\u003e\n        \n      \u003c/div\u003e\n    \n\u003ch3\u003eThe TL;DR\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eThe thriving culture and smiling faces you see on our website aren’t just for show. We try to involve our employees in important decisions, encourage dialogue, and put people first. Generally speaking, we have a genuinely happy group of people roaming the proverbial halls of MetaLab as a result. But for a company that prides itself on its remote culture and global perspective, our lack of diversity is a problem.\u003c/p\u003e\n\u003cblockquote class=\"align-left\"\u003e\u0026nbsp;Everyone deserves to be represented in the spaces in which they live and work.\u003c/blockquote\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eIt's a problem not just at MetaLab, but in our industry as a whole. First and foremost, it's a people issue: everyone deserves to be represented in the spaces in which they live and work. Secondly, it's a business issue: when underrepresentation goes unchecked, the quality of the work suffers. We can’t responsibly build products that serve billions of people from all walks of life if our teams aren’t just as diverse. To do our jobs as people and product designers, we have to actively invest in a community of equal representation, access, and inclusion within MetaLab and beyond.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eMy team and I spent 2019 trying to be part of the solution, starting with a focus on hiring. We hosted \u003ca href=\"https://www.eventbrite.com/e/tech-ladies-vancouver-meetup-sponsored-by-metalab-tickets-66340687783#\"\u003eevents\u003c/a\u003e and attended \u003ca href=\"https://www.hrtechgroup.com/events/beyond-lip-service-diversity-inclusion\"\u003eworkshops\u003c/a\u003e and training sessions. We removed candidate identifiers from our screening process to reduce unconscious bias and launched a new Careers page to reflect a company where anyone could feel like they belong.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eOver the course of last year, our good intentions progressed into baby steps forward. It's something, but we’ve got more progress to make. If we've learned anything, it's that taking a top-down approach will move things farther, faster. So this year, we're working with professionals to integrate diversity, equity, and inclusion into all aspects of our company for a more meaningful impact.\u0026nbsp;\u003c/p\u003e\n\u003ch3\u003eMy advice?\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eLook in the mirror and be honest and clear about where you are and where you want to go. Ask for help, and ensure that it’s a priority at an executive and management level. Then, take small, consistent steps towards implementing change. Hold yourself accountable along the way, but don’t shortchange yourself on the self-compassion you’ll need to overcome the reality of how far you have to go. Most importantly, ensure that these efforts are a transparent collaboration all the way through and give every person at your organization a supportive seat at the table.\u003c/p\u003e\n\u003ch2\u003eOur VP of Partnerships on the value of turning down clients.\u003c/h2\u003e\n\n      \u003cdiv class=\"image-block align-block\"\u003e\n        \u003cimg src=\"https://metablog-assets.s3.amazonaws.com/luke-des-cotes-metalab-vp-partnerships-0e4006ebd611.png\" alt=\"Photo of Luke Des Cotes, MetaLab's VP of Partnerships\" /\u003e\n        \n      \u003c/div\u003e\n    \n\u003ch3\u003eThe TL;DR\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eThe folks in the tools are what make our business what it is. At the end of the day, our model is pretty simple: we hire the best people in the world to do incredible work with great clients. Rinse and repeat. Our employees could work just about anywhere in the world, but they choose to work at MetaLab.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eThat means it's my team’s job to make sure MetaLab is a compelling place to be through the projects we bring in the door. Easy to preach, sure. It’s a whole lot harder when that means leaving millions of dollars and interesting work on the table because something about a client just doesn’t feel right.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eWe’re relationships people, so we feed off of energy, good or bad. When it’s good, it’s really cool to see the positive impact that it has on the work. When it’s bad, we take it seriously and do something about it. We’ve had enough very good and very bad client relationships to know that when the team suffers, the products suffer, and nobody walks away getting what they came for.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eThis past year alone, we ended up saying “No, thanks” to hundreds of projects in the name of protecting our team. The ones that keep me up at night are the few that slipped through the cracks, like the two clients that we had to part ways with and the handful of others we should have ended things with much sooner. A bad apple spoils the whole barrel and when our team feels tired, uninspired and frustrated as a result, that’s (partially) on me.\u003c/p\u003e\n\u003ch3\u003eMy Advice\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eTake your time and then trust your gut, even (and sometimes especially) when clients are in a rush to get things signed off. Don't hesitate to slow things down, book that extra call or ask to meet in person before agreeing on contracts. The same goes for stress testing anything that doesn't feel right throughout the process—make a point of challenging them and seeing what happens. Regardless of how big the name or how deep the budget, these relationships are two-way streets. Like any good relationship, they take time and work to cultivate, and the early interactions are typically windows into what to expect down the road.\u0026nbsp;\u003c/p\u003e\n\u003ch2\u003eOne of our Engineering Directors on why it’s good to get it wrong.\u003c/h2\u003e\n\n      \u003cdiv class=\"image-block align-block\"\u003e\n        \u003cimg src=\"https://metablog-assets.s3.amazonaws.com/madeline-carson-metalab-director-engineering-0a624b51d53b.png\" alt=\"metablog\" /\u003e\n        \n      \u003c/div\u003e\n    \n\u003ch3\u003eThe TL;DR\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eWe have a very high bar for shipping functional, polished products, so the better we can integrate our design and engineering teams, the better the quality of the end result. Where many traditional teams usually take a waterfall approach to their development phases, I spent 2019 experimenting with different methodologies to see if I could set the quality bar even higher, faster.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eOn estimation calls, I’d push to get development started on projects as early as possible. This would allow the team to start looking under rocks, asking questions, and laying a foundation for the rest of the product architecture. In some cases, this worked really well and made projects a million times better. Other times, it was obvious that we’d pushed it too far.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eHow could development be expected to build a product that hadn’t been designed yet? How could designers be expected to map out the data flow when they didn’t yet have the actual data? Both questions were equally valid and frustrating, so we had to get creative with staffing projects to keep things moving forward. Still, what we’ve gotten from these experiments far outweighs the perceived safety of a singular approach to engineering. As the classic “waterfall vs. agile” debate rages on, we’re focused on building an engineering team and schedule that maps to each project’s unique needs.\u003c/p\u003e\n\u003ch3\u003eMy advice?\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eDon't be afraid to tinker with the status quo. You might break some things in the process, but you’ll learn a lot more in veering “off-course” than you might have otherwise and your solutions will be even more foolproof as a result. But before you start taking things apart or moving in an unconventional direction, make sure you’re clear about your team’s non-negotiables.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u0026nbsp;I managed to feverishly champion finding ways to be 10% better while also reiterating the need for everything to be delivered on time and on budget. Whenever you run a new experiment, over-communication (both internally and with stakeholders) is the key to protecting the integrity of the product during the trial and error that comes along with trying something new.\u003c/p\u003e\n\u003ch2\u003eOur COO on why imposter syndrome is worth talking about.\u003c/h2\u003e\n\n      \u003cdiv class=\"image-block align-block\"\u003e\n        \u003cimg src=\"https://metablog-assets.s3.amazonaws.com/steph--5a63db990f4e.png\" alt=\"metablog\" /\u003e\n        \n      \u003c/div\u003e\n    \n\u003ch3\u003eThe TL;DR\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003e“What do you do at MetaLab?” The question wasn’t out of line or invasive for a networking event, but it didn’t make answering it any easier. Like I had done so many times before, I found myself sharing that I “worked in Operations” rather than telling people I was the COO of MetaLab. I’m immensely proud of where I work and the teams I get to lead, but sometimes I'm still uncomfortable with the title that comes with it. In my mind, broadcasting my C-level role sets me up to fall short of expectations that people might have of what a “good COO” should be. Underpromise and overdeliver, right?\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eIt wasn’t until well into my career that I had a name for the healthy dose of self-doubt I’d carried with me over the years: imposter syndrome. I can tell you from experience that this negative self-talk doesn’t discriminate across skill level, expertise, or any other differentiator. While it’s a mild nuisance for some, it can be debilitating for others. For me, the voice telling me that I could do better makes it hard to celebrate my successes, but it’s also what motivates me to succeed in the first place. As a result, I’ve tried to embrace the ways in which this voice serves me and be more aware of what happens when it starts to get in the way.\u003c/p\u003e\n\u003ch3\u003eMy advice?\u0026nbsp;\u003c/h3\u003e\n\u003cblockquote class=\"align-right\"\u003eThere are no dumb questions; your curiosity is an investment in your growth.\u003c/blockquote\u003e\n\u003cp class=\"unstyled-block\"\u003eI find that past performance is a great indicator of the future, so the quickest way to stop thinking you’re falling short is by internalizing any cold, hard evidence to the contrary. If others tell you you’re doing a great job, you probably are (and probably will again). When you need direction, keep in mind that there are no dumb questions; your curiosity is an investment in your growth. For example, I recently joined a project team for a couple of months to gain first-hand product design knowledge to boost my subject-matter confidence (spoiler alert: it worked). Also, stop trying to “fake it ‘til you make it:” I’ve learned that humility and a willingness to learn gets you a lot further.\u003c/p\u003e\n\u003ch2\u003eNew and improving.\u003c/h2\u003e\n\u003cp class=\"unstyled-block\"\u003eIt’s good to talk about these things. And talk and talk. But instead of just waxing poetic about all the things we’ve learned, we’ll be a lot more comfortable when we have tangible changes to point to the next time we sit down to chat. We’re approaching this just like we would any other project: take things week by week, step closer, step back, invite feedback, implement learnings as early and as often as possible, and always, always produce something real in the end.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eWish we’d addressed a different topic, or want us to dig deeper into something that we covered here? That’s what our AMA forum (\u003ca href=\"mailto:answersplz@metalab.co\"\u003eanswersplz@metalab.co\u003c/a\u003e) is for. We’re all ears.\u003c/p\u003e","linkTextColor":"","linkBackgroundColor":"#FAEAD5","landingImage":"https://metablog-assets.s3.amazonaws.com/metalab-hindsight--illo-3fd44ecd1e60.png","indexImage":"https://metablog-assets.s3.amazonaws.com/-hover-8fe68df57b82.png","reverseImageLayout":false,"queued":false,"published":true,"createdAt":"2020-02-06T23:20:10.174176Z","updatedAt":"2020-02-26T22:55:01.328727Z","publishedAt":"2020-02-26T08:00:00Z","categoryID":7,"userID":13},{"id":29,"slug":"notarize-billion-dollar-paperwork-problem","title":"Notarize: Solving the $32 Billion Paperwork Problem","description":"We combined simple UX with sophisticated development to build the world’s first notarization platform—from scratch. Our Director of Engineering reveals the lessons learned along the way. ","body":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"f550h","text":"The Backstory","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"ddkt","text":"A few years ago, entrepreneur Pat Kinsel was trying to finalize the sale of his company to Twitter. The only problem? A recent ski accident left him with a shattered knee and a pile of paperwork that needed to be notarized. Since notaries don’t make house calls, Pat was stuck. There had to be a better way.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"al80v","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"b3r57","text":"Six custom-built user applications and 5,000 batched updates to the code later, our engineering team made it happen. Pat came to MetaLab looking for a partner to help him design and develop a fully virtual notarization platform from scratch, and now thousands of people use Notarize every day to get their legal documents out the door in minutes. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"7fruh","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"1lqrl","text":"We had a feeling this would be one of our most challenging and rewarding projects to date, and we weren’t disappointed. It was exciting to lead the charge on breathing new life into a brick and mortar business with technology and design. Here’s what we discovered about our development process along the way. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"fo24i","text":"","type":"unstyled"},{"data":{"align":"block"},"depth":0,"entityRanges":[{"key":0,"length":1,"offset":0}],"inlineStyleRanges":[],"key":"1r1sa","text":" ","type":"atomic"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"scu2","text":"Lesson 1: Don’t let the learning curve be a showstopper.","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"c5csk","text":"The complexities of the notarization industry are not for the faint of heart. To get ourselves up to speed, we jumped into research and started talking to Pat and notaries right away. We also worked shoulder-to-shoulder with the Notarize team to write the end-to-end business logic of getting a document notarized. Sharing regular application builds with industry experts helped ensure we were running after the right goals, actioning the right feedback, and accounting for the full user experience in our development roadmap. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"203gu","text":"Lesson 2: The integrity of the user experience is non-negotiable.","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"2vjv9","text":"With legal hoops to jump through, personal data to protect, and logistical realities to contend with, it was tricky to prioritize ease of use. But if we couldn’t build a seamless user experience that met strict legal requirements, we had no product. With the right technical expertise and a lot of creativity, we found solutions for every blocker that posed a threat to the quality of the user experience.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"neqi","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"3hheq","text":"Having an API service with many different front end applications meant it was important to maintain data integrity and speed up request times. We used a graphQL server to keep requests brief and allow each front end to request and receive only what was needed at the time. Customers could join a queue, see realistic wait times, and get paired with the right notary for their needs as soon as they become available. ","type":"unstyled"},{"data":{"align":"block"},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"86bq2","text":"If we couldn’t build a seamless user experience that met strict legal requirements, we had no product.","type":"blockquote"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"f8ksr","text":"Nobody likes wasting time, so creating a positive waiting room experience was central to the product’s success. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"dljjq","text":"Lesson 3: Change is constant, so code accordingly.","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"d20nu","text":"Since this product was charting completely new territory, we had to accommodate new and constantly-shifting requirements and business logic. We worked hard to architect the product and its codebase so that we could make sweeping changes with ease and speed.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"1g5hn","text":"","type":"unstyled"},{"data":{"align":"block"},"depth":0,"entityRanges":[{"key":1,"length":1,"offset":0}],"inlineStyleRanges":[],"key":"7b1j3","text":" ","type":"atomic"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"7rf1j","text":"For example, when we realized that most notary customers need multiple documents signed by multiple signers, we had to touch about 80% of the code to make this multi-signer update. Because we spent time upfront getting to know exactly how each feature interacted on the app architecture level, making this change was relatively simple, and didn’t interfere with getting a stable MVP out into the wild.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"faiua","text":"Lesson 4: Newer isn’t always better.","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"88jeb","text":"In the development world, there’s a tendency to assume the next shiny new tech will solve problems better and faster than its predecessors. On this project, we learned how to let each tech play to its strengths, harmonizing old with new instead of choosing one over the other. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"di4c7","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"8aich","text":"The main languages we used were tried and tested, like Ruby on Rails, which is known to be reliable and generate a quick and solid back end server.  But when we needed something that could handle the strain of our queueing, we turned to more cutting edge tech for the back end, like Elixir and Phoenix, and React Redux on the front end. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"b0ehr","text":"Lesson 5: New challenges mean new milestones.","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"defvb","text":"Who said tough projects aren’t fun? Some of my best work memories to date happened on this project when we’d invite the entire engineering team to try and break the code we’d written. These “testing parties” were a blast and the bugs we uncovered ultimately helped us develop our most stable code ever. Not to mention it was a pretty awesome milestone to code for the first digital mortgage signed in the US!","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"8kbmj","text":"","type":"unstyled"},{"data":{"align":"block"},"depth":0,"entityRanges":[{"key":2,"length":1,"offset":0}],"inlineStyleRanges":[],"key":"8jnt4","text":" ","type":"atomic"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"1hnhj","text":"Lesson 6: The ROI of trust is infinite.","type":"header-three"},{"data":{},"depth":0,"entityRanges":[{"key":3,"length":22,"offset":257},{"key":4,"length":48,"offset":297}],"inlineStyleRanges":[],"key":"4jlr2","text":"This project required a massive—and collective—leap of faith on both sides to push technology into completely new space. We knew it would be key to establish mutual trust early on and that investment paid off. Just last year, Notarize secured an additional $20 million in funding, has facilitated more than $1 billion in real estate transactions, and currently supports over 5,000 businesses across all industries. With 1.2 billion notarized transactions taking place every year, we’re proud to have built the product at the forefront of this $32 billion market opportunity.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"4ubve","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[{"key":5,"length":4,"offset":128}],"inlineStyleRanges":[{"length":133,"offset":0,"style":"ITALIC"}],"key":"4r2j6","text":"Want to learn more about how our design and development teams worked together to make Notarize happen? Check out the case study here.","type":"unstyled"}],"entityMap":{"0":{"data":{"caption":"We built the same functionality into mobile as on Desktop to maximize flexibility and ease of use.","src":"https://metablog-assets.s3.amazonaws.com/dribbble-a-light-95c87e640a4a.png"},"mutability":"IMMUTABLE","type":"IMAGE"},"1":{"data":{"caption":"Clean, playful iconography and minimal UX elements helped create a seamless experience.","src":"https://metablog-assets.s3.amazonaws.com/dribbble-b-dark-33e6cd99dd1f.png"},"mutability":"IMMUTABLE","type":"IMAGE"},"2":{"data":{"caption":"Wes and I after an epic 'testing party' on the latest build.","src":"https://metablog-assets.s3.amazonaws.com/notarize-image-a-30e358e433bc.png"},"mutability":"IMMUTABLE","type":"IMAGE"},"3":{"data":{"href":"https://www.businesswire.com/news/home/20180517005992/en/Notarize-Raises-20-Million-Fuel-Enterprise-Real","url":"https://www.businesswire.com/news/home/20180517005992/en/Notarize-Raises-20-Million-Fuel-Enterprise-Real"},"mutability":"MUTABLE","type":"LINK"},"4":{"data":{"href":"https://www.businesswire.com/news/home/20190611005742/en/Notarize-Announces-Free-eSignature-Product-Debuts-Comprehensive","url":"https://www.businesswire.com/news/home/20190611005742/en/Notarize-Announces-Free-eSignature-Product-Debuts-Comprehensive"},"mutability":"MUTABLE","type":"LINK"},"5":{"data":{"url":"https://metalab.co/projects/notarize"},"mutability":"MUTABLE","type":"LINK"}}},"html":"\u003ch3\u003eThe Backstory\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eA few years ago, entrepreneur Pat Kinsel was trying to finalize the sale of his company to Twitter. The only problem? A recent ski accident left him with a shattered knee and a pile of paperwork that needed to be notarized. Since notaries don’t make house calls, Pat was stuck. There had to be a better way.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eSix custom-built user applications and 5,000 batched updates to the code later, our engineering team made it happen. Pat came to MetaLab looking for a partner to help him design and develop a fully virtual notarization platform from scratch, and now thousands of people use Notarize every day to get their legal documents out the door in minutes.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eWe had a feeling this would be one of our most challenging and rewarding projects to date, and we weren’t disappointed. It was exciting to lead the charge on breathing new life into a brick and mortar business with technology and design. Here’s what we discovered about our development process along the way.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\n      \u003cdiv class=\"image-block align-block\"\u003e\n        \u003cimg src=\"https://metablog-assets.s3.amazonaws.com/dribbble-a-light-95c87e640a4a.png\" alt=\"metablog\" /\u003e\n        \n          \u003cdiv class=\"image-block-caption\"\u003e\n            We built the same functionality into mobile as on Desktop to maximize flexibility and ease of use.\n          \u003c/div\u003e\n      \u003c/div\u003e\n    \n\u003ch3\u003eLesson 1: Don’t let the learning curve be a showstopper.\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eThe complexities of the notarization industry are not for the faint of heart. To get ourselves up to speed, we jumped into research and started talking to Pat and notaries right away. We also worked shoulder-to-shoulder with the Notarize team to write the end-to-end business logic of getting a document notarized. Sharing regular application builds with industry experts helped ensure we were running after the right goals, actioning the right feedback, and accounting for the full user experience in our development roadmap.\u0026nbsp;\u003c/p\u003e\n\u003ch3\u003eLesson 2: The integrity of the user experience is non-negotiable.\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eWith legal hoops to jump through, personal data to protect, and logistical realities to contend with, it was tricky to prioritize ease of use. But if we couldn’t build a seamless user experience that met strict legal requirements, we had no product. With the right technical expertise and a lot of creativity, we found solutions for every blocker that posed a threat to the quality of the user experience.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eHaving an API service with many different front end applications meant it was important to maintain data integrity and speed up request times. We used a graphQL server to keep requests brief and allow each front end to request and receive only what was needed at the time. Customers could join a queue, see realistic wait times, and get paired with the right notary for their needs as soon as they become available.\u0026nbsp;\u003c/p\u003e\n\u003cblockquote class=\"align-block\"\u003eIf we couldn’t build a seamless user experience that met strict legal requirements, we had no product.\u003c/blockquote\u003e\n\u003cp class=\"unstyled-block\"\u003eNobody likes wasting time, so creating a positive waiting room experience was central to the product’s success.\u0026nbsp;\u003c/p\u003e\n\u003ch3\u003eLesson 3: Change is constant, so code accordingly.\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eSince this product was charting completely new territory, we had to accommodate new and constantly-shifting requirements and business logic. We worked hard to architect the product and its codebase so that we could make sweeping changes with ease and speed.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\n      \u003cdiv class=\"image-block align-block\"\u003e\n        \u003cimg src=\"https://metablog-assets.s3.amazonaws.com/dribbble-b-dark-33e6cd99dd1f.png\" alt=\"metablog\" /\u003e\n        \n          \u003cdiv class=\"image-block-caption\"\u003e\n            Clean, playful iconography and minimal UX elements helped create a seamless experience.\n          \u003c/div\u003e\n      \u003c/div\u003e\n    \n\u003cp class=\"unstyled-block\"\u003eFor example, when we realized that most notary customers need multiple documents signed by multiple signers, we had to touch about 80% of the code to make this multi-signer update. Because we spent time upfront getting to know exactly how each feature interacted on the app architecture level, making this change was relatively simple, and didn’t interfere with getting a stable MVP out into the wild.\u003c/p\u003e\n\u003ch3\u003eLesson 4: Newer isn’t always better.\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eIn the development world, there’s a tendency to assume the next shiny new tech will solve problems better and faster than its predecessors. On this project, we learned how to let each tech play to its strengths, harmonizing old with new instead of choosing one over the other.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eThe main languages we used were tried and tested, like Ruby on Rails, which is known to be reliable and generate a quick and solid back end server. \u0026nbsp;But when we needed something that could handle the strain of our queueing, we turned to more cutting edge tech for the back end, like Elixir and Phoenix, and React Redux on the front end.\u0026nbsp;\u003c/p\u003e\n\u003ch3\u003eLesson 5: New challenges mean new milestones.\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eWho said tough projects aren’t fun? Some of my best work memories to date happened on this project when we’d invite the entire engineering team to try and break the code we’d written. These “testing parties” were a blast and the bugs we uncovered ultimately helped us develop our most stable code ever. Not to mention it was a pretty awesome milestone to code for the first digital mortgage signed in the US!\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\n      \u003cdiv class=\"image-block align-block\"\u003e\n        \u003cimg src=\"https://metablog-assets.s3.amazonaws.com/notarize-image-a-30e358e433bc.png\" alt=\"metablog\" /\u003e\n        \n          \u003cdiv class=\"image-block-caption\"\u003e\n            Wes and I after an epic 'testing party' on the latest build.\n          \u003c/div\u003e\n      \u003c/div\u003e\n    \n\u003ch3\u003eLesson 6: The ROI of trust is infinite.\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eThis project required a massive—and collective—leap of faith on both sides to push technology into completely new space. We knew it would be key to establish mutual trust early on and that investment paid off. Just last year, Notarize secured an additional \u003ca href=\"https://www.businesswire.com/news/home/20180517005992/en/Notarize-Raises-20-Million-Fuel-Enterprise-Real\"\u003e$20 million in funding\u003c/a\u003e, has facilitated \u003ca href=\"https://www.businesswire.com/news/home/20190611005742/en/Notarize-Announces-Free-eSignature-Product-Debuts-Comprehensive\"\u003emore than $1 billion in real estate transactions\u003c/a\u003e, and currently supports over 5,000 businesses across all industries. With 1.2 billion notarized transactions taking place every year, we’re proud to have built the product at the forefront of this $32 billion market opportunity.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cem\u003eWant to learn more about how our design and development teams worked together to make Notarize happen? Check out the case study \u003c/em\u003e\u003ca href=\"https://metalab.co/projects/notarize\"\u003e\u003cem\u003ehere\u003c/em\u003e\u003c/a\u003e\u003cem\u003e.\u003c/em\u003e\u003c/p\u003e","linkTextColor":"","linkBackgroundColor":"#5855F6","landingImage":"https://metablog-assets.s3.amazonaws.com/notarize-blog-025d862f30f2.jpg","indexImage":"https://metablog-assets.s3.amazonaws.com/notarize-blog-hover-ef537ebe31bd.jpg","reverseImageLayout":false,"queued":false,"published":true,"createdAt":"2020-01-21T21:19:32.383974Z","updatedAt":"2020-01-28T17:26:25.630593Z","publishedAt":"2020-01-28T17:26:25.630591Z","categoryID":5,"userID":18},{"id":26,"slug":"future-feelings-empathy-design","title":"The Future Has Feelings","description":" How “human” is human-centered design? We open up about vulnerability, mental health, and how embracing the messiness is critical to human-centered design.","body":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"f550h","text":"Trigger warning: vulnerability ahead","type":"header-two"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"cauvr","text":"Let’s talk about mental illness, shall we? I’ll go first.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"d4k5o","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"fgva6","text":"I have an eating disorder. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"13hjt","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":13,"offset":163}],"inlineStyleRanges":[{"length":13,"offset":163,"style":"UNDERLINE"}],"key":"212co","text":"Did reading that make you uncomfortable? Trust me, I get it. Imagine how it felt to type it out. Plus, if you caught my previous blog post about what it’s like to work remotely, then you already know I’ve got depression and anxiety thrown into the mix, too.\n\nThe point in sharing all this is not to elicit shock or sympathy, or to rack up credit for being “brave.” Instead, what I’m trying to do is stand a bit more squarely in the center of my shame and take a little more responsibility for the impact that it has on my role as part of the MetaLab team. We design and build things that millions of people use every day but if I’m ashamed to advocate for what I, a person with mental illness, need from the products and services I use, then how can I responsibly design for others with challenges similar to mine? ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"8p6ua","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"fsbs","text":"By keeping these conversations to myself, I perpetuate the harmful cycle of bias and discrimination against those who need more representation and support. Even my silence, in and of itself, is indicative of the privilege I bring to the table, and the ways in which my socioeconomic, cultural, and racial backgrounds afford me all kinds of advantages (including the luxury to explore topics like these). ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"57tg1","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"4kekj","text":"My hope is that by publicly experimenting with my own internalized stigma, it might inspire the design community to more closely examine its own—what role can (and should) product design play in reducing bias and discrimination towards mental illness and making mental health accessible to all?","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"f1j9d","text":"Move fast, break...people?","type":"header-two"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":6,"offset":214}],"inlineStyleRanges":[{"length":7,"offset":214,"style":"UNDERLINE"}],"key":"amkm0","text":"This vulnerability exercise made me suddenly aware of, and unsettled by, the misalignment between the concept of product design—made for humans, by humans—and the iterative, MVP-laden, “move fast and break things” mantra. How can we justify moving fast and breaking things when the “things” in question are humans? Perhaps it’s simply a matter of taking Mr. Zuckerberg’s gospel too literally, but I couldn’t quite shake the feeling that the nuanced dimensionality and emotional complexity we all possess often get deprioritized for the sake of shinier, shot-worthy designs. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"8sv1k","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[{"key":2,"length":7,"offset":31}],"inlineStyleRanges":[{"length":7,"offset":31,"style":"UNDERLINE"}],"key":"fvg9h","text":"Take Google’s infamous cupcake example. In 2017, Google Maps introduced a feature that translated distance traveled into calories burned, complete with icons of the food equivalencies of your caloric output. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"fvfbk","text":"","type":"unstyled"},{"data":{"align":"full-width"},"depth":0,"entityRanges":[{"key":3,"length":1,"offset":0}],"inlineStyleRanges":[],"key":"6t6hp","text":" ","type":"atomic"},{"data":{},"depth":0,"entityRanges":[{"key":4,"length":17,"offset":172},{"key":5,"length":14,"offset":319}],"inlineStyleRanges":[{"length":17,"offset":172,"style":"UNDERLINE"},{"length":14,"offset":319,"style":"UNDERLINE"}],"key":"486pk","text":"Short of having the cupcake wag its figurative fat-shaming finger at me, this was a UX nightmare for someone struggling with self-image. Considering the fact that at least 30 million people suffer from eating disorders in the U.S. alone (and over half of girls and one third of boys between the ages of 6 to 8 wish for thinner bodies), it’s hard to argue that the problematic “earn your food” approach made sense for anyone’s “happy path.” ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"84e2i","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"hd53","text":"Imagine how different things could have gone if someone like me had not only been part of this product team but had felt comfortable speaking up about the potential impact of the design choices being made. Imagine how much better our products—and processes—could be if we all felt safe to speak up about our first-hand experiences of what makes life hard. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"g2vm","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"94b73","text":"This isn’t about getting it right for everyone; we’re designers, not magicians. Rather, it’s about taking steps to ensure that your design process holds you accountable to the human behind the “user” and forces you to pay a little closer attention to what you say, how you say it, and who you’re saying it to.","type":"unstyled"},{"data":{"align":"full-width"},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"858s6","text":"If we’re not explicitly talking about or designing for the hard, messy, complicated, life stuff, can we really claim to be designing holistic, human-centered experiences that matter?","type":"blockquote"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"eb5qm","text":"Even when we stop to consider our design-minded language, words like “user” and “edge case” subtly remove the human from the equation of what’s important and dehumanize things from the start. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"52hv0","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[{"key":6,"length":25,"offset":16}],"inlineStyleRanges":[{"length":25,"offset":16,"style":"UNDERLINE"}],"key":"5dcm2","text":"In working on a digital sobriety platform for people with alcohol dependencies, for example, it became abundantly clear to our team that the term \"user\" was not only dehumanizing but demoralizing and discouraging, too. Visually, we also needed to think about the impact of our design choices on the audience's mental states. Too many options, too many things to click on or look at, or too much going on could quickly cause spiral and overwhelm. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"85fk1","text":"","type":"unstyled"},{"data":{"align":"full-width"},"depth":0,"entityRanges":[{"key":7,"length":1,"offset":0}],"inlineStyleRanges":[],"key":"edrf9","text":" ","type":"atomic"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"ed6hn","text":"Can we design for inclusivity, accessibility, and an optimum experience for all if we’re still uncomfortable talking to each other about the differences we’d prefer to keep in the dark? How does our individual and collective shame contribute to oversight in the research and design processes? If we’re not explicitly talking about or designing for the hard, messy, complicated, life stuff, can we really claim to be designing holistic, human-centered experiences that matter? ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"76k1u","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"co9kg","text":"We’ve far from solved it at MetaLab, but we’re working with an increasing number of clients to build products for those who fall outside of both the project scope and our society’s list of priorities, like those dealing with terminal cancer, substance abuse, and death. With each new project comes critical lessons and learning curves that challenge us to choose “support and empathy” over “surprise and delight” where it matters most.  ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"3db94","text":"Empathy is good for business","type":"header-two"},{"data":{},"depth":0,"entityRanges":[{"key":8,"length":22,"offset":158},{"key":9,"length":10,"offset":445}],"inlineStyleRanges":[{"length":22,"offset":158,"style":"UNDERLINE"},{"length":10,"offset":445,"style":"UNDERLINE"}],"key":"5td38","text":"Whether you’re designing an app for food delivery or treatment of depression, the most powerful tool in our arsenal as human beings and designers is empathy. Designing with empathy is not new, and my intent is not to draw a false equivalency between serious mental health conditions and somebody having a bad day. In fact, design requirements and contingencies for apps specific to mental health are critical, like Marli Mesibov’s useful set of guidelines. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"17du","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"e0bb9","text":"Regardless, good product design demonstrates an awareness of the spectrum of human experience, with empathy being the universal vehicle through which connection grows. Designing with empathy is less about maximizing accommodation and more about minimizing alienation: what matters is not that you find a quick-fix to people’s struggles, but rather that you hold space for them to feel safe as they struggle through. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"avq94","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"cqpi7","text":"Today, blind spots, tights budgets, and bad habits continue to prevent empathy from making it onto the must-have list in most business’ board rooms. Still, designing with empathy is good for your karmic debt, and Gen Z’s buying power is proving it’s good for business, too.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"46tob","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[{"key":10,"length":11,"offset":373}],"inlineStyleRanges":[{"length":11,"offset":373,"style":"UNDERLINE"}],"key":"ciegg","text":"The future has feelings, and the cultural shift towards embracing self-expression, supporting emotional and mental health, and promoting self-acceptance isn’t a passing trend. So while being scrappy and lean might appeal to business stakeholders in the short-term, it doesn’t adequately meet the needs of the hyperconnected, tech fluent “kids these days,” who will make up 40 percent of all consumers by 2020. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"acfho","text":"Designing with empathy is less about maximizing accommodation and more about minimizing alienation","type":"blockquote"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"199q0","text":"When it comes to their health, this younger generation is more readily talking about, and embracing, historically stigmatized elements of the human condition and feel more comfortable advocating for what they need. Immediate, instant, and always-on is all that they’ve known but they’re also not afraid to turn off their devices in the name of self-care and self-preservation. They’re generally more self-aware, have more access to information and resources, are better equipped with vocabulary for their emotional needs, and are generally better supported than previous generations when it comes to emotional acknowledgment and self-expression. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"c63ni","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[{"key":11,"length":26,"offset":6}],"inlineStyleRanges":[{"length":26,"offset":6,"style":"UNDERLINE"}],"key":"98srd","text":"Thus, authenticity is imperative for being taken seriously and gaining buying traction. They want you to listen. They want a seat at the table. They want acknowledgment that they’re human, and so are you. What’s important to them is not that you’re perfect, but that you’re demonstrating an investment in doing better and trying to meet them where they are.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"d2sr6","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[{"key":12,"length":20,"offset":319}],"inlineStyleRanges":[{"length":20,"offset":319,"style":"UNDERLINE"}],"key":"cm6h","text":"Spoiler alert: the past had feelings too, but it’s been hard to talk about them until now. Businesses have been lacking in the empathy department for a long time, but it’s taken the social acceptability curve of Gen Z to coax older generations’ emotional needs out of the shadows and into the conversation. Dubbed the “loneliest generation,” millions of Baby Boomers in America are grappling with crippling social isolation that’s costing them their health and costing Medicare an estimated $6.7 billion annually. The economic and societal consequences of systemic emotional neglect are real and worth taking heed of. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"3st86","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"8uvku","text":"Whether it’s providing a third, non-binary gender option, using reassuring language to help get people unstuck, or providing help and support at key moments, or merely addressing people by name, design is powerful. It can build bridges of understanding, of vulnerability, of shared experience, and can drive brand loyalty in meaningful, lasting ways. To design by paving inroads of understanding and extending opportunities for connection is to tap into our primal need for safety and belonging—what’s more powerful than that?","type":"unstyled"},{"data":{"align":"right"},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"4vg2k","text":"Answering the calls for authenticity, empathy, and moral obligation could put your product’s valuation and longevity in the marketplace at a critical, multipronged advantage. ","type":"blockquote"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"7bvmr","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[{"key":13,"length":10,"offset":183},{"key":14,"length":11,"offset":297}],"inlineStyleRanges":[{"length":10,"offset":183,"style":"UNDERLINE"}],"key":"al086","text":"If you’re not yet compelled by my personal and generational plugs for more vulnerability in the workplace and elsewhere, you don’t have to take my word for it. Instead, consider what Larry Fink posits as the new, nonnegotiable paradigm for modern businesses. Or subscribe to the gospel of many of today’s VCs, who believe that driving sustainable, long-term growth is now dependent on a business model built upon healthy emotional wellness and a greater social purpose. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"dt2l4","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[{"key":15,"length":9,"offset":179},{"key":16,"length":5,"offset":223},{"key":17,"length":13,"offset":288}],"inlineStyleRanges":[{"length":9,"offset":179,"style":"UNDERLINE"},{"length":5,"offset":223,"style":"UNDERLINE"},{"length":13,"offset":288,"style":"UNDERLINE"}],"key":"9rcnl","text":"What used to be a laser-focus on profitability, efficiency, and market share has expanded to include an emphasis on virtue, social responsibility, empathy, impact, diversity, and inclusion—things that serve the whole human first, and the business’ bottom line, second. Take examples like Butterfly IQ’s handheld ultrasound, which is revolutionizing global access to healthcare and lowering maternal and infant mortality rates, or Philip’s Ambient Experience MRIs, which are easing patient anxiety and dramatically reducing sedation rates. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"i7b6","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"97bpk","text":"These efforts exemplify how answering the calls for authenticity, empathy, and moral obligation could put your product’s valuation and longevity in the marketplace at a critical, multipronged advantage.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"grec","text":"Small changes, big impact","type":"header-two"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"5s3dj","text":"The good news? We’re all born with the innate capacity to empathize, which means it’s a matter of learning how to flex that muscle. We aren't experts, nor do we have definitive answers on how to get it right, but we’re doing our best to work at it and get better every day. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"1gt4i","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"d03e","text":"Here are some ways we suggest trying to put empathy into practice:","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"9e5bv","text":"Get back to design basics. ","type":"header-three"},{"data":{},"depth":0,"entityRanges":[{"key":18,"length":15,"offset":196},{"key":19,"length":14,"offset":267}],"inlineStyleRanges":[{"length":15,"offset":196,"style":"UNDERLINE"},{"length":14,"offset":267,"style":"UNDERLINE"}],"key":"9u0v1","text":"There is no way to innovate around or substitute for talking to people and getting a firsthand understanding of what they need and how they feel. Start and end with empathy, making exercises like empathy mapping and user (or, people) interviews table stakes for your design process. Ask not just what they’re thinking, feeling, and doing at each phase of an experience, but also ask what you might be missing and how you might put yourself in their shoes.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"2s14b","text":"Tap the experts. ","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"8j52t","text":"Instead of making potentially dangerous assumptions, go straight to the source (and ask for their participation and guidance from ideation through launch). Partner with industry experts, medical professionals, survivors, patients, and anyone who can offer invaluable (and direct) insight into the challenges they face. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"7u2h","text":"Don’t cut corners. ","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"fcfs3","text":"This doesn’t mean you can’t move fast, it just means that you’re likely to do more good (and, more importantly, cause less harm) if you slow down where it counts. Focus on where your business needs and audience needs overlap and build out from there.  By doing one thing well, first, instead of eking out an irresponsibly-designed MVP, you engineer thoughtfulness into a process where “failing fast” can have critical consequences.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"3bu0d","text":"Check for context, always. ","type":"header-three"},{"data":{},"depth":0,"entityRanges":[{"key":20,"length":22,"offset":29}],"inlineStyleRanges":[{"length":22,"offset":29,"style":"UNDERLINE"}],"key":"4fp90","text":"Lovingly referred to as the “Tarot Cards of Tragedy,”  this checklist is meant to help remind you that the people using your product are, on any given day, going through something that requires empathetic consideration. Checking yourself and your design choices against a list of potential circumstances can help to pressure test its score on the empathy scale.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"6umiu","text":"","type":"unstyled"},{"data":{"align":"block"},"depth":0,"entityRanges":[{"key":21,"length":1,"offset":0}],"inlineStyleRanges":[],"key":"6fkkn","text":" ","type":"atomic"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"42vrl","text":"Re-up your inclusivity standards. ","type":"header-three"},{"data":{},"depth":0,"entityRanges":[{"key":22,"length":18,"offset":91},{"key":23,"length":18,"offset":209}],"inlineStyleRanges":[{"length":18,"offset":91,"style":"UNDERLINE"},{"length":18,"offset":209,"style":"UNDERLINE"}],"key":"a8qj0","text":"The traditionally-held definition of accessibility is a good and important start, but more nuanced conditions need to be factored in as well. It’s not just about physical limitations or differences; there's a usability spectrum that spans physical, cognitive, sensory, and identity-based capabilities that are ever-changing to reflect shifts in circumstance and complexity.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"1k995","text":"Prepare to get it wrong. ","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"3t4sq","text":"PSA: we’ve all gotten it wrong, and you will, too. Probably more than once. Hell, even this post will be riddled with blind spots and missed opportunities.  But when we stop to consider the options, can we really argue that it’s best not to try? When you make mistakes, miss the mark, or let people down, the best thing you can do is lead with authenticity and acknowledge the misstep. Vulnerability is the universal currency for connection and taking responsibility for your fallibility will pay dividends in the end. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"5dc6l","text":"Walk the walk. ","type":"header-three"},{"data":{},"depth":0,"entityRanges":[{"key":24,"length":8,"offset":749}],"inlineStyleRanges":[{"length":8,"offset":749,"style":"UNDERLINE"}],"key":"36mqd","text":"As is true with most attempts at improvement, the key is to start small and to start from within. This could mean promoting inclusion, diversity, and tolerance with your company’s hiring and cultural practices, establishing consistent communication loops, or investing in constant learning. Don’t shy away from projects that are intimidating or foreign to your own personal experience. Raise topics that are hard to talk about, because if it’s hard to talk about, it’s probably pretty important. Get uncomfortable, and give yourself credit for baby steps, because every inch counts when it comes to moving the needle on mental and emotional wellbeing. If all that means, for now, is sharing this article with someone else or linking them to Brené’s TED talk, start there.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"3jioo","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"16es","text":"In the spirit of transparency (and the entire point of this article), the truth of the matter is that our secrets not only keep us sick, but they keep others sick, too. So when it comes to advocating for ourselves and our health, openness and honesty are the logical antidotes to the harmful impacts of silence and stigma.  ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"1826s","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"fn1op","text":"And while good intentions are not enough and actions most definitely speak the loudest, opening the conversation and engaging in learning is a place to start. The human condition is inherently messy and complicated, and the sooner we can stop shaming ourselves—and each other—for moving through it as best we can, the better we might feel.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"3jtup","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"7b3n9","text":"On Body Image","type":"header-two"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"crb1p","text":"Finally, for those of you who struggle with your body and/or your relationships with food and exercise, here are a few more things to take with you:","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"65nfj","text":"There are no minimum requirements for suffering. ","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"3d6ko","text":"Just because you might not look or feel “sick enough” doesn’t mean the pain you experience doesn’t count. Your suffering is real, the mental, emotional, and physical tax is high, and there are ways to help yourself off the hamster wheel of self-loathing.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"1crqm","text":"Change is hard. ","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"5bkg0","text":"And extricating yourself from the toxicity of diet culture can feel impossible. We live in a society established on the idea that you should always be striving for more, so the beliefs that you have enough, look good enough, and, ultimately, are enough, directly threaten the pillars that keep capitalism alive and well. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"3d2ga","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"e7sii","text":"To choose the next right thing for yourself—and not necessarily for everyone around you—is nothing short of radical (and also not for the faint of heart). It’s exhausting and thankless, and I’m writing all this from the throes of my own circuitous road to recovery, so I bear very little in the way of hopeful assurances. What I can offer, however, is that there is relief in opening up about this stuff. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"fm3vi","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"82j6p","text":"It’s slight at first, and feels far away at times, but it’s definitely powerful, and I’ve found it in my connections with other people who, like me, are tired of having it all together, managing it all on their own, and falsely hoping that they’re only five pounds away from silencing that cruel and insidious inner critic.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"d09l3","text":"You don’t need to broadcast your personal struggles or be able to afford a therapist to find support. ","type":"header-three"},{"data":{},"depth":0,"entityRanges":[{"key":25,"length":5,"offset":341},{"key":26,"length":10,"offset":355},{"key":27,"length":18,"offset":379},{"key":28,"length":17,"offset":402}],"inlineStyleRanges":[{"length":4,"offset":341,"style":"UNDERLINE"},{"length":10,"offset":355,"style":"UNDERLINE"},{"length":18,"offset":379,"style":"UNDERLINE"},{"length":17,"offset":402,"style":"UNDERLINE"}],"key":"c7eav","text":"I’ve been lucky enough to work with an eating disorder specialist and work at a company that’s given me this platform to share, but there are so many incredible (and free) resources available that invite you to consider ideas, voices, and new ways of relating to yourself in kinder, more compassionate ways. Some of my favorites include the NEDA website, Food Psych podcast, and Diet Culture Sucks and Colleen Reichmann on Instagram. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"8tcmj","text":"Start small.","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"8e9f5","text":"I’m a realist, so for me, loving my body is a tall order. Once I moved the goal post to tolerance instead of complete love and acceptance, I had an easier time choosing the next right thing. Start small and see what works for you.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"brhl3","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[{"key":29,"length":21,"offset":69}],"inlineStyleRanges":[{"length":92,"offset":0,"style":"ITALIC"}],"key":"2ns12","text":"Want more on the intersection of health, wellness, tech, and design? We've got you covered. ","type":"unstyled"}],"entityMap":{"0":{"data":{"href":"https://metalab.co/blog/remote-work-love-hate","url":"https://metalab.co/blog/remote-work-love-hate"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"href":"https://www.businessinsider.com/mark-zuckerberg-innovation-2009-10","url":"https://www.businessinsider.com/mark-zuckerberg-innovation-2009-10"},"mutability":"MUTABLE","type":"LINK"},"2":{"data":{"href":"https://www.theatlantic.com/health/archive/2017/10/forget-calories-iii/543117/","url":"https://www.theatlantic.com/health/archive/2017/10/forget-calories-iii/543117/"},"mutability":"MUTABLE","type":"LINK"},"3":{"data":{"alt":"Google's calorie burning feature showing that you could burn 59 calories—almost one mini cupcake—if you walked the route instead.","caption":"Google Maps leading us astray with its calorie-tracking functionality.","src":"https://metablog-assets.s3.amazonaws.com/cupcake-shame-product-fail--c6f357555a8e.png"},"mutability":"IMMUTABLE","type":"IMAGE"},"4":{"data":{"href":"https://anad.org/education-and-awareness/about-eating-disorders/eating-disorders-statistics/","url":"https://anad.org/education-and-awareness/about-eating-disorders/eating-disorders-statistics/"},"mutability":"MUTABLE","type":"LINK"},"5":{"data":{"href":"https://www.refinery29.com/en-us/2015/01/81288/children-dieting-body-image","url":"https://www.refinery29.com/en-us/2015/01/81288/children-dieting-body-image"},"mutability":"MUTABLE","type":"LINK"},"6":{"data":{"href":"https://metalab.co/projects/tempest","url":"https://metalab.co/projects/tempest"},"mutability":"MUTABLE","type":"LINK"},"7":{"data":{"alt":"Tempest's week two training module which focuses on addition and the brain.","caption":"Tempest's sobriety school guides student's through modules to build positive momentum.","src":"https://metablog-assets.s3.amazonaws.com/---week-x-4e0ac7c07487.png"},"mutability":"IMMUTABLE","type":"IMAGE"},"8":{"data":{"href":"https://5a5f89b8e10a225a44ac-ccbed124c38c4f7a3066210c073e7d55.ssl.cf1.rackcdn.com/files/pdfs/news/Empathy_on_the_Edge.pdf","url":"https://5a5f89b8e10a225a44ac-ccbed124c38c4f7a3066210c073e7d55.ssl.cf1.rackcdn.com/files/pdfs/news/Empathy_on_the_Edge.pdf"},"mutability":"MUTABLE","type":"LINK"},"9":{"data":{"href":"https://www.smashingmagazine.com/2018/10/designing-experiences-improving-mental-health/","url":"https://www.smashingmagazine.com/2018/10/designing-experiences-improving-mental-health/"},"mutability":"MUTABLE","type":"LINK"},"10":{"data":{"href":"https://www.inc.com/ryan-jenkins/marketing-to-generation-z-heres-what-you-need-to-know.html","url":"https://www.inc.com/ryan-jenkins/marketing-to-generation-z-heres-what-you-need-to-know.html"},"mutability":"MUTABLE","type":"LINK"},"11":{"data":{"href":"https://medium.com/clyde-group/gen-z-is-all-about-authenticity-59d863b0bdcf","url":"https://medium.com/clyde-group/gen-z-is-all-about-authenticity-59d863b0bdcf"},"mutability":"MUTABLE","type":"LINK"},"12":{"data":{"href":"https://www.wsj.com/articles/the-loneliest-generation-americans-more-than-ever-are-aging-alone-11544541134","url":"https://www.wsj.com/articles/the-loneliest-generation-americans-more-than-ever-are-aging-alone-11544541134"},"mutability":"MUTABLE","type":"LINK"},"13":{"data":{"href":"https://hbr.org/2019/01/the-era-of-move-fast-and-break-things-is-over","url":"https://hbr.org/2019/01/the-era-of-move-fast-and-break-things-is-over"},"mutability":"MUTABLE","type":"LINK"},"14":{"data":{"url":"https://techcrunch.com/2019/04/03/torch-executive-coaching/"},"mutability":"MUTABLE","type":"LINK"},"15":{"data":{"url":"https://www.bloomberg.com/opinion/articles/2018-08-29/imagine-if-shareholders-didn-t-come-first"},"mutability":"MUTABLE","type":"LINK"},"16":{"data":{"href":"https://www.forbes.com/sites/stevedenning/2019/08/19/why-maximizing-shareholder-value-is-finally-dying/#3b8b26266746","url":"https://www.forbes.com/sites/stevedenning/2019/08/19/why-maximizing-shareholder-value-is-finally-dying/#3b8b26266746"},"mutability":"MUTABLE","type":"LINK"},"17":{"data":{"href":"https://www.butterflynetwork.com/our-mission","url":"https://www.butterflynetwork.com/our-mission"},"mutability":"MUTABLE","type":"LINK"},"18":{"data":{"href":"https://www.nngroup.com/articles/empathy-mapping/","url":"https://www.nngroup.com/articles/empathy-mapping/"},"mutability":"MUTABLE","type":"LINK"},"19":{"data":{"href":"https://www.interaction-design.org/literature/article/empathy-how-to-improve-your-designs-by-developing-empathy-for-your-target-group","url":"https://www.interaction-design.org/literature/article/empathy-how-to-improve-your-designs-by-developing-empathy-for-your-target-group"},"mutability":"MUTABLE","type":"LINK"},"20":{"data":{"url":"https://uxdesign.cc/why-designers-need-the-tarot-cards-of-tragedy-52d8955df116"},"mutability":"MUTABLE","type":"LINK"},"21":{"data":{"caption":"Katherine Karaus' Tarot Cards of Tragedy help us test designs against the realities of the human experience.","src":"https://metablog-assets.s3.amazonaws.com/spread--f0dc12a51583.png"},"mutability":"IMMUTABLE","type":"IMAGE"},"22":{"data":{"href":"https://clutch.co/web-designers/resources/how-to-design-for-users-struggling-with-mental-health","url":"https://clutch.co/web-designers/resources/how-to-design-for-users-struggling-with-mental-health"},"mutability":"MUTABLE","type":"LINK"},"23":{"data":{"href":"https://uxdesign.cc/designing-for-diversity-13ce6780690a","url":"https://uxdesign.cc/designing-for-diversity-13ce6780690a"},"mutability":"MUTABLE","type":"LINK"},"24":{"data":{"url":"https://www.ted.com/talks/brene_brown_on_vulnerability?language=en"},"mutability":"MUTABLE","type":"LINK"},"25":{"data":{"url":"https://www.nationaleatingdisorders.org/"},"mutability":"MUTABLE","type":"LINK"},"26":{"data":{"url":"https://christyharrison.com/foodpsych"},"mutability":"MUTABLE","type":"LINK"},"27":{"data":{"url":"https://www.instagram.com/dietculturesucks/?hl=en"},"mutability":"MUTABLE","type":"LINK"},"28":{"data":{"url":"https://www.instagram.com/drcolleenreichmann/"},"mutability":"MUTABLE","type":"LINK"},"29":{"data":{"url":"https://metalab.co/health"},"mutability":"MUTABLE","type":"LINK"}}},"html":"\u003ch2\u003eTrigger warning: vulnerability ahead\u003c/h2\u003e\n\u003cp class=\"unstyled-block\"\u003eLet’s talk about mental illness, shall we? I’ll go first.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eI have an eating disorder.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eDid reading that make you uncomfortable? Trust me, I get it. Imagine how it felt to type it out. Plus, if you caught my previous blog post about what it’s like to \u003ca href=\"https://metalab.co/blog/remote-work-love-hate\"\u003e\u003cu\u003ework remotely\u003c/u\u003e\u003c/a\u003e, then you already know I’ve got depression and anxiety thrown into the mix, too.\u003cbr\u003e\n\u003cbr\u003e\nThe point in sharing all this is not to elicit shock or sympathy, or to rack up credit for being “brave.” Instead, what I’m trying to do is stand a bit more squarely in the center of my shame and take a little more responsibility for the impact that it has on my role as part of the MetaLab team. We design and build things that millions of people use every day but if I’m ashamed to advocate for what I, a person with mental illness, need from the products and services I use, then how can I responsibly design for others with challenges similar to mine?\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eBy keeping these conversations to myself, I perpetuate the harmful cycle of bias and discrimination against those who need more representation and support. Even my silence, in and of itself, is indicative of the privilege I bring to the table, and the ways in which my socioeconomic, cultural, and racial backgrounds afford me all kinds of advantages (including the luxury to explore topics like these).\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eMy hope is that by publicly experimenting with my own internalized stigma, it might inspire the design community to more closely examine its own—what role can (and should) product design play in reducing bias and discrimination towards mental illness and making mental health accessible to all?\u003c/p\u003e\n\u003ch2\u003eMove fast, break...people?\u003c/h2\u003e\n\u003cp class=\"unstyled-block\"\u003eThis vulnerability exercise made me suddenly aware of, and unsettled by, the misalignment between the concept of product design—made for humans, by humans—and the iterative, MVP-laden, “move fast and break things” \u003ca href=\"https://www.businessinsider.com/mark-zuckerberg-innovation-2009-10\"\u003e\u003cu\u003emantra\u003c/u\u003e\u003c/a\u003e\u003cu\u003e.\u003c/u\u003e How can we justify moving fast and breaking things when the “things” in question are humans? Perhaps it’s simply a matter of taking Mr. Zuckerberg’s gospel too literally, but I couldn’t quite shake the feeling that the nuanced dimensionality and emotional complexity we all possess often get deprioritized for the sake of shinier, shot-worthy designs.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eTake Google’s infamous cupcake \u003ca href=\"https://www.theatlantic.com/health/archive/2017/10/forget-calories-iii/543117/\"\u003e\u003cu\u003eexample\u003c/u\u003e\u003c/a\u003e. In 2017, Google Maps introduced a feature that translated distance traveled into calories burned, complete with icons of the food equivalencies of your caloric output.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\n      \u003cdiv class=\"image-block align-full-width\"\u003e\n        \u003cimg src=\"https://metablog-assets.s3.amazonaws.com/cupcake-shame-product-fail--c6f357555a8e.png\" alt=\"Google's calorie burning feature showing that you could burn 59 calories—almost one mini cupcake—if you walked the route instead.\" /\u003e\n        \n          \u003cdiv class=\"image-block-caption\"\u003e\n            Google Maps leading us astray with its calorie-tracking functionality.\n          \u003c/div\u003e\n      \u003c/div\u003e\n    \n\u003cp class=\"unstyled-block\"\u003eShort of having the cupcake wag its figurative fat-shaming finger at me, this was a UX nightmare for someone struggling with self-image. Considering the fact that at least \u003ca href=\"https://anad.org/education-and-awareness/about-eating-disorders/eating-disorders-statistics/\"\u003e\u003cu\u003e30 million people\u003c/u\u003e\u003c/a\u003e suffer from eating disorders in the U.S. alone (and over half of girls and one third of boys between the ages of 6 to 8 wish for \u003ca href=\"https://www.refinery29.com/en-us/2015/01/81288/children-dieting-body-image\"\u003e\u003cu\u003ethinner bodies\u003c/u\u003e\u003c/a\u003e), it’s hard to argue that the problematic “earn your food” approach made sense for anyone’s “happy path.”\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eImagine how different things could have gone if someone like me had not only been part of this product team but had felt comfortable speaking up about the potential impact of the design choices being made. Imagine how much better our products—and processes—could be if we all felt safe to speak up about our first-hand experiences of what makes life hard.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eThis isn’t about getting it right for everyone; we’re designers, not magicians. Rather, it’s about taking steps to ensure that your design process holds you accountable to the human behind the “user” and forces you to pay a little closer attention to what you say, how you say it, and who you’re saying it to.\u003c/p\u003e\n\u003cblockquote class=\"align-full-width\"\u003eIf we’re not explicitly talking about or designing for the hard, messy, complicated, life stuff, can we really claim to be designing holistic, human-centered experiences that matter?\u003c/blockquote\u003e\n\u003cp class=\"unstyled-block\"\u003eEven when we stop to consider our design-minded language, words like “user” and “edge case” subtly remove the human from the equation of what’s important and dehumanize things from the start.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eIn working on a \u003ca href=\"https://metalab.co/projects/tempest\"\u003e\u003cu\u003edigital sobriety platform\u003c/u\u003e\u003c/a\u003e for people with alcohol dependencies, for example, it became abundantly clear to our team that the term \"user\" was not only dehumanizing but demoralizing and discouraging, too. Visually, we also needed to think about the impact of our design choices on the audience's mental states. Too many options, too many things to click on or look at, or too much going on could quickly cause spiral and overwhelm.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\n      \u003cdiv class=\"image-block align-full-width\"\u003e\n        \u003cimg src=\"https://metablog-assets.s3.amazonaws.com/---week-x-4e0ac7c07487.png\" alt=\"Tempest's week two training module which focuses on addition and the brain.\" /\u003e\n        \n          \u003cdiv class=\"image-block-caption\"\u003e\n            Tempest's sobriety school guides student's through modules to build positive momentum.\n          \u003c/div\u003e\n      \u003c/div\u003e\n    \n\u003cp class=\"unstyled-block\"\u003eCan we design for inclusivity, accessibility, and an optimum experience for all if we’re still uncomfortable talking to each other about the differences we’d prefer to keep in the dark? How does our individual and collective shame contribute to oversight in the research and design processes? If we’re not explicitly talking about or designing for the hard, messy, complicated, life stuff, can we really claim to be designing holistic, human-centered experiences that matter?\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eWe’ve far from solved it at MetaLab, but we’re working with an increasing number of clients to build products for those who fall outside of both the project scope and our society’s list of priorities, like those dealing with terminal cancer, substance abuse, and death. With each new project comes critical lessons and learning curves that challenge us to choose “support and empathy” over “surprise and delight” where it matters most. \u0026nbsp;\u003c/p\u003e\n\u003ch2\u003eEmpathy is good for business\u003c/h2\u003e\n\u003cp class=\"unstyled-block\"\u003eWhether you’re designing an app for food delivery or treatment of depression, the most powerful tool in our arsenal as human beings and designers is empathy. \u003ca href=\"https://5a5f89b8e10a225a44ac-ccbed124c38c4f7a3066210c073e7d55.ssl.cf1.rackcdn.com/files/pdfs/news/Empathy_on_the_Edge.pdf\"\u003e\u003cu\u003eDesigning with empathy\u003c/u\u003e\u003c/a\u003e is not new, and my intent is not to draw a false equivalency between serious mental health conditions and somebody having a bad day. In fact, design requirements and contingencies for apps specific to mental health are critical, like Marli Mesibov’s useful set of \u003ca href=\"https://www.smashingmagazine.com/2018/10/designing-experiences-improving-mental-health/\"\u003e\u003cu\u003eguidelines\u003c/u\u003e\u003c/a\u003e.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eRegardless, good product design demonstrates an awareness of the spectrum of human experience, with empathy being the universal vehicle through which connection grows. Designing with empathy is less about maximizing accommodation and more about minimizing alienation: what matters is not that you find a quick-fix to people’s struggles, but rather that you hold space for them to feel safe as they struggle through.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eToday, blind spots, tights budgets, and bad habits continue to prevent empathy from making it onto the must-have list in most business’ board rooms. Still, designing with empathy is good for your karmic debt, and Gen Z’s buying power is proving it’s good for business, too.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eThe future has feelings, and the cultural shift towards embracing self-expression, supporting emotional and mental health, and promoting self-acceptance isn’t a passing trend. So while being scrappy and lean might appeal to business stakeholders in the short-term, it doesn’t adequately meet the needs of the hyperconnected, tech fluent “kids these days,” who will make up \u003ca href=\"https://www.inc.com/ryan-jenkins/marketing-to-generation-z-heres-what-you-need-to-know.html\"\u003e\u003cu\u003e40 percent \u003c/u\u003e\u003c/a\u003eof all consumers by 2020.\u0026nbsp;\u003c/p\u003e\n\u003cblockquote class=\"align-left\"\u003eDesigning with empathy is less about maximizing accommodation and more about minimizing alienation\u003c/blockquote\u003e\n\u003cp class=\"unstyled-block\"\u003eWhen it comes to their health, this younger generation is more readily talking about, and embracing, historically stigmatized elements of the human condition and feel more comfortable advocating for what they need. Immediate, instant, and always-on is all that they’ve known but they’re also not afraid to turn off their devices in the name of self-care and self-preservation. They’re generally more self-aware, have more access to information and resources, are better equipped with vocabulary for their emotional needs, and are generally better supported than previous generations when it comes to emotional acknowledgment and self-expression.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eThus, \u003ca href=\"https://medium.com/clyde-group/gen-z-is-all-about-authenticity-59d863b0bdcf\"\u003e\u003cu\u003eauthenticity is imperative\u003c/u\u003e\u003c/a\u003e for being taken seriously and gaining buying traction. They want you to listen. They want a seat at the table. They want acknowledgment that they’re human, and so are you. What’s important to them is not that you’re perfect, but that you’re demonstrating an investment in doing better and trying to meet them where they are.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eSpoiler alert: the past had feelings too, but it’s been hard to talk about them until now. Businesses have been lacking in the empathy department for a long time, but it’s taken the social acceptability curve of Gen Z to coax older generations’ emotional needs out of the shadows and into the conversation. Dubbed the “\u003ca href=\"https://www.wsj.com/articles/the-loneliest-generation-americans-more-than-ever-are-aging-alone-11544541134\"\u003e\u003cu\u003eloneliest generation\u003c/u\u003e\u003c/a\u003e,” millions of Baby Boomers in America are grappling with crippling social isolation that’s costing them their health and costing Medicare an estimated $6.7 billion annually. The economic and societal consequences of systemic emotional neglect are real and worth taking heed of.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eWhether it’s providing a third, non-binary gender option, using reassuring language to help get people unstuck, or providing help and support at key moments, or merely addressing people by name, design is powerful. It can build bridges of understanding, of vulnerability, of shared experience, and can drive brand loyalty in meaningful, lasting ways. To design by paving inroads of understanding and extending opportunities for connection is to tap into our primal need for safety and belonging—what’s more powerful than that?\u003c/p\u003e\n\u003cblockquote class=\"align-right\"\u003eAnswering the calls for authenticity, empathy, and moral obligation could put your product’s valuation and longevity in the marketplace at a critical, multipronged advantage.\u0026nbsp;\u003c/blockquote\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eIf you’re not yet compelled by my personal and generational plugs for more vulnerability in the workplace and elsewhere, you don’t have to take my word for it. Instead, consider what \u003ca href=\"https://hbr.org/2019/01/the-era-of-move-fast-and-break-things-is-over\"\u003e\u003cu\u003eLarry Fink\u003c/u\u003e\u003c/a\u003e posits as the new, nonnegotiable paradigm for modern businesses. Or subscribe to the gospel of many of \u003ca href=\"https://techcrunch.com/2019/04/03/torch-executive-coaching/\"\u003etoday’s VCs\u003c/a\u003e, who believe that driving sustainable, long-term growth is now dependent on a business model built upon healthy emotional wellness and a greater social purpose.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eWhat used to be a laser-focus on profitability, efficiency, and market share has expanded to include an emphasis on virtue, social responsibility, empathy, impact, diversity, and \u003ca href=\"https://www.bloomberg.com/opinion/articles/2018-08-29/imagine-if-shareholders-didn-t-come-first\"\u003e\u003cu\u003einclusion\u003c/u\u003e\u003c/a\u003e—things that serve the whole human \u003ca href=\"https://www.forbes.com/sites/stevedenning/2019/08/19/why-maximizing-shareholder-value-is-finally-dying/#3b8b26266746\"\u003e\u003cu\u003efirst\u003c/u\u003e\u003c/a\u003e, and the business’ bottom line, second. Take examples like \u003ca href=\"https://www.butterflynetwork.com/our-mission\"\u003e\u003cu\u003eButterfly IQ’\u003c/u\u003e\u003c/a\u003es handheld ultrasound, which is revolutionizing global access to healthcare and lowering maternal and infant mortality rates, or Philip’s Ambient Experience MRIs, which are easing patient anxiety and dramatically reducing sedation rates.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eThese efforts exemplify how answering the calls for authenticity, empathy, and moral obligation could put your product’s valuation and longevity in the marketplace at a critical, multipronged advantage.\u003c/p\u003e\n\u003ch2\u003eSmall changes, big impact\u003c/h2\u003e\n\u003cp class=\"unstyled-block\"\u003eThe good news? We’re all born with the innate capacity to empathize, which means it’s a matter of learning how to flex that muscle. We aren't experts, nor do we have definitive answers on how to get it right, but we’re doing our best to work at it and get better every day.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eHere are some ways we suggest trying to put empathy into practice:\u003c/p\u003e\n\u003ch3\u003eGet back to design basics.\u0026nbsp;\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eThere is no way to innovate around or substitute for talking to people and getting a firsthand understanding of what they need and how they feel. Start and end with empathy, making exercises like \u003ca href=\"https://www.nngroup.com/articles/empathy-mapping/\"\u003e\u003cu\u003eempathy mapping\u003c/u\u003e\u003c/a\u003e and user (or, people) interviews table stakes for your \u003ca href=\"https://www.interaction-design.org/literature/article/empathy-how-to-improve-your-designs-by-developing-empathy-for-your-target-group\"\u003e\u003cu\u003edesign process\u003c/u\u003e\u003c/a\u003e. Ask not just what they’re thinking, feeling, and doing at each phase of an experience, but also ask what you might be missing and how you might put yourself in their shoes.\u003c/p\u003e\n\u003ch3\u003eTap the experts.\u0026nbsp;\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eInstead of making potentially dangerous assumptions, go straight to the source (and ask for their participation and guidance from ideation through launch). Partner with industry experts, medical professionals, survivors, patients, and anyone who can offer invaluable (and direct) insight into the challenges they face.\u0026nbsp;\u003c/p\u003e\n\u003ch3\u003eDon’t cut corners.\u0026nbsp;\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eThis doesn’t mean you can’t move fast, it just means that you’re likely to do more good (and, more importantly, cause less harm) if you slow down where it counts. Focus on where your business needs and audience needs overlap and build out from there. \u0026nbsp;By doing one thing well, first, instead of eking out an irresponsibly-designed MVP, you engineer thoughtfulness into a process where “failing fast” can have critical consequences.\u003c/p\u003e\n\u003ch3\u003eCheck for context, always.\u0026nbsp;\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eLovingly referred to as the “\u003ca href=\"https://uxdesign.cc/why-designers-need-the-tarot-cards-of-tragedy-52d8955df116\"\u003e\u003cu\u003eTarot Cards of Tragedy\u003c/u\u003e\u003c/a\u003e,” \u0026nbsp;this checklist is meant to help remind you that the people using your product are, on any given day, going through something that requires empathetic consideration. Checking yourself and your design choices against a list of potential circumstances can help to pressure test its score on the empathy scale.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\n      \u003cdiv class=\"image-block align-block\"\u003e\n        \u003cimg src=\"https://metablog-assets.s3.amazonaws.com/spread--f0dc12a51583.png\" alt=\"metablog\" /\u003e\n        \n          \u003cdiv class=\"image-block-caption\"\u003e\n            Katherine Karaus' Tarot Cards of Tragedy help us test designs against the realities of the human experience.\n          \u003c/div\u003e\n      \u003c/div\u003e\n    \n\u003ch3\u003eRe-up your inclusivity standards.\u0026nbsp;\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eThe traditionally-held definition of accessibility is a good and important start, but more \u003ca href=\"https://clutch.co/web-designers/resources/how-to-design-for-users-struggling-with-mental-health\"\u003e\u003cu\u003enuanced conditions\u003c/u\u003e\u003c/a\u003e need to be factored in as well. It’s not just about physical limitations or differences; there's a \u003ca href=\"https://uxdesign.cc/designing-for-diversity-13ce6780690a\"\u003e\u003cu\u003eusability spectrum\u003c/u\u003e\u003c/a\u003e that spans physical, cognitive, sensory, and identity-based capabilities that are ever-changing to reflect shifts in circumstance and complexity.\u003c/p\u003e\n\u003ch3\u003ePrepare to get it wrong.\u0026nbsp;\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003ePSA: we’ve all gotten it wrong, and you will, too. Probably more than once. Hell, even this post will be riddled with blind spots and missed opportunities. \u0026nbsp;But when we stop to consider the options, can we really argue that it’s best not to try? When you make mistakes, miss the mark, or let people down, the best thing you can do is lead with authenticity and acknowledge the misstep. Vulnerability is the universal currency for connection and taking responsibility for your fallibility will pay dividends in the end.\u0026nbsp;\u003c/p\u003e\n\u003ch3\u003eWalk the walk.\u0026nbsp;\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eAs is true with most attempts at improvement, the key is to start small and to start from within. This could mean promoting inclusion, diversity, and tolerance with your company’s hiring and cultural practices, establishing consistent communication loops, or investing in constant learning. Don’t shy away from projects that are intimidating or foreign to your own personal experience. Raise topics that are hard to talk about, because if it’s hard to talk about, it’s probably pretty important. Get uncomfortable, and give yourself credit for baby steps, because every inch counts when it comes to moving the needle on mental and emotional wellbeing. If all that means, for now, is sharing this article with someone else or linking them to Brené’s \u003ca href=\"https://www.ted.com/talks/brene_brown_on_vulnerability?language=en\"\u003e\u003cu\u003eTED talk\u003c/u\u003e\u003c/a\u003e, start there.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eIn the spirit of transparency (and the entire point of this article), the truth of the matter is that our secrets not only keep us sick, but they keep others sick, too. So when it comes to advocating for ourselves and our health, openness and honesty are the logical antidotes to the harmful impacts of silence and stigma. \u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eAnd while good intentions are not enough and actions most definitely speak the loudest, opening the conversation and engaging in learning is a place to start. The human condition is inherently messy and complicated, and the sooner we can stop shaming ourselves—and each other—for moving through it as best we can, the better we might feel.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003ch2\u003eOn Body Image\u003c/h2\u003e\n\u003cp class=\"unstyled-block\"\u003eFinally, for those of you who struggle with your body and/or your relationships with food and exercise, here are a few more things to take with you:\u003c/p\u003e\n\u003ch3\u003eThere are no minimum requirements for suffering.\u0026nbsp;\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eJust because you might not look or feel “sick enough” doesn’t mean the pain you experience doesn’t count. Your suffering is real, the mental, emotional, and physical tax is high, and there are ways to help yourself off the hamster wheel of self-loathing.\u003c/p\u003e\n\u003ch3\u003eChange is hard.\u0026nbsp;\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eAnd extricating yourself from the toxicity of diet culture can feel impossible. We live in a society established on the idea that you should always be striving for more, so the beliefs that you have enough, look good enough, and, ultimately, are enough, directly threaten the pillars that keep capitalism alive and well.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eTo choose the next right thing for yourself—and not necessarily for everyone around you—is nothing short of radical (and also not for the faint of heart). It’s exhausting and thankless, and I’m writing all this from the throes of my own circuitous road to recovery, so I bear very little in the way of hopeful assurances. What I can offer, however, is that there is relief in opening up about this stuff.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eIt’s slight at first, and feels far away at times, but it’s definitely powerful, and I’ve found it in my connections with other people who, like me, are tired of having it all together, managing it all on their own, and falsely hoping that they’re only five pounds away from silencing that cruel and insidious inner critic.\u003c/p\u003e\n\u003ch3\u003eYou don’t need to broadcast your personal struggles or be able to afford a therapist to find support.\u0026nbsp;\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eI’ve been lucky enough to work with an eating disorder specialist and work at a company that’s given me this platform to share, but there are so many incredible (and free) resources available that invite you to consider ideas, voices, and new ways of relating to yourself in kinder, more compassionate ways. Some of my favorites include the \u003ca href=\"https://www.nationaleatingdisorders.org/\"\u003e\u003cu\u003eNEDA\u003c/u\u003e \u003c/a\u003ewebsite, \u003ca href=\"https://christyharrison.com/foodpsych\"\u003e\u003cu\u003eFood Psych\u003c/u\u003e\u003c/a\u003e podcast, and \u003ca href=\"https://www.instagram.com/dietculturesucks/?hl=en\"\u003e\u003cu\u003eDiet Culture Sucks\u003c/u\u003e\u003c/a\u003e and \u003ca href=\"https://www.instagram.com/drcolleenreichmann/\"\u003e\u003cu\u003eColleen Reichmann\u003c/u\u003e\u003c/a\u003e on Instagram.\u0026nbsp;\u003c/p\u003e\n\u003ch3\u003eStart small.\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eI’m a realist, so for me, loving my body is a tall order. Once I moved the goal post to tolerance instead of complete love and acceptance, I had an easier time choosing the next right thing. Start small and see what works for you.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cem\u003eWant more on the intersection of health, wellness, tech, and design? \u003c/em\u003e\u003ca href=\"https://metalab.co/health\"\u003e\u003cem\u003eWe've got you covered\u003c/em\u003e\u003c/a\u003e\u003cem\u003e.\u0026nbsp;\u003c/em\u003e\u003c/p\u003e","linkTextColor":"#B3C3FF","linkBackgroundColor":"#B3C3FF","landingImage":"https://metablog-assets.s3.amazonaws.com/future-feelings-metalab-055e515fb7f7.png","indexImage":"https://metablog-assets.s3.amazonaws.com/hero-futurehasfeelingsx--40154c8abdea.png","reverseImageLayout":false,"queued":false,"published":true,"createdAt":"2019-11-01T22:14:00.757465Z","updatedAt":"2020-01-22T20:59:12.068587Z","publishedAt":"2019-11-13T03:35:27.334727Z","categoryID":4,"userID":13},{"id":25,"slug":"pitch-figma","title":"What We're Working On: Pitch (and our thoughts on Figma)","description":"We helped Pitch give presentation tools a modern makeover. Here's what we learned about Figma in the process.","body":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"f550h","text":"We’ve all used PowerPoint. Whether it was back in grade school or something we use every day at work, we've all been lead to believe it’s a necessary evil. Yes, Powerpoint has expanded its feature set over the years but they haven't made much headway solving the fundamental issues. Templates are a beast. Versioning is a nightmare. The features you need are buried under the ones you don’t—and don’t even get me started on how to generate a chart. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"6ccs4","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"5bpui","text":"The thing about necessary evils though, is they’re often not that necessary.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"65t06","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":5,"offset":59}],"inlineStyleRanges":[],"key":"aee6k","text":"All of this is why we were stoked to work with the team at Pitch who are building the “presentation tool for the Slack generation.” With intuitive features like real-time collaboration, live data integrations, asset libraries and third-party integrations (such as for stock photos), Pitch’s goal is to show the world that Keynote, MS PowerPoint and Google Slides aren’t necessary evils. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"d4moq","text":"Pitch is here to show how behind the times and needlessly complicated presentation software is.","type":"blockquote"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"4tjs6","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"aos19","text":"Pitch is putting those tools on notice. Just as Slack showed how antiquated other workplace communication platforms were, Pitch is here to show how behind the times and needlessly complicated presentation software is.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"fcq99","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":5,"offset":287}],"inlineStyleRanges":[],"key":"91fmu","text":"Until we can unveil more of the work we’ve been doing to help Pitch take down its presentation tool opponents, we thought we'd share what we've learned while dabbling with new tools to build these new products. In the case of designing Pitch, we got to try out the new kid on the block: Figma. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"ek5uu","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"o332","text":"The design team at Pitch had already adopted Figma as their go-to design tool which presented us with a unique learning opportunity and opened our eyes to a debate we didn't know we wanted in on—Figma or Sketch?","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"9ufl2","text":"Making Molehills out of Mountains","type":"header-two"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"pr4d","text":"But first, a bit of background. Here at Metalab, we love Sketch. It’s been a game-changer for our product design toolkit since the Photoshop days. We also think the “if you don’t use this design tool, you’re cancelled” fights are very tired. There’s needless drama over which tool is best for the job. We believe the best tool is the one that best meets the needs of your team.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"ft66n","text":" ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"adpa8","text":"Okay, back to the project. Pitch's team had been using Figma since their inception, so we decided together that it was a good opportunity for our team to learn and expand our toolkit further. We’d heard good things about Figma but we had some reservations:","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"1egsm","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"4d1ud","text":"Our lack of experience with Figma might influence our ability to deliver our expertise as effectively as possible.\n ","type":"ordered-list-item"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"6mg2r","text":"It lacked certain features that had become central to us as Sketch devotees.\n ","type":"ordered-list-item"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":81,"style":"ITALIC"}],"key":"dp4vl","text":"While there would be benefits to 24/7 client team access to our design files, we know every designer knows the anxiety that comes with premature file sharing.  \n ","type":"ordered-list-item"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"947cq","text":"Nevertheless, we dove in. Was it challenging to balance internal and external review processes and manage client team expectations? Yes. Were we surprised by how much this new-kid-on-the-block tool surpassed our expectations? Yes. Here’s what we discovered. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"7ppm1","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"8efej","text":"Figma or Sketch?","type":"header-two"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"ac5gn","text":"On Collaboration","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"f8f0b","text":"So long, Abstract file syncing. Native cloud collaboration means Figma is to designers what Google Docs is to everyone else. Design repositories finally become a thing of the past. The collaborative functionality of Figma also makes working with remote teams in the same file virtually seamless. Prototyping mode kills the need for the cumbersome Abstract + Sketch duo when it comes to presenting work. And when feedback can be shared directly in the working file, it saves time triaging InVision comments or clicking back and forth between screens. For both remote teams and client collaboration, Figma enhanced our ability to work smarter, not harder—together.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"6cpi6","text":"On Features and Functionality ","type":"header-three"},{"data":{},"depth":0,"entityRanges":[{"key":2,"length":5,"offset":148},{"key":3,"length":11,"offset":155},{"key":4,"length":14,"offset":168},{"key":5,"length":14,"offset":266},{"key":6,"length":12,"offset":356},{"key":7,"length":16,"offset":373}],"inlineStyleRanges":[],"key":"2qmtu","text":"Initially, Figma’s lack of plugins was a major drawback. We’d come to rely on Sketch Plugins in our daily workflow, so could we really live without Stark, Copy to All, Symbol Swapper and our own internally developed plugins? Luckily, Figma recently launched its own set of plugins, so we didn’t have to get too far outside our comfort zone. And while both Sketch Cloud and Sketch for Teams have attempted to meet the growing demand for collaboration-first functionality, it simply wasn’t built with collaboration as a cornerstone.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"c2oc3","text":"On Pricing ","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"aaddk","text":"TL;DR: there isn’t a huge difference in cost, per person, between either product. However, when you account for not needing Abstract to achieve what Figma provides out of the box, you’re essentially getting two products for the price of one. And because Figma is cloud-based, you can access your account from any machine, whereas Sketch is only accessible via licensed machines which in 2019 feels very...dated.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"dkibo","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":34,"offset":0,"style":"BOLD"}],"key":"a6ttj","text":"The verdict? It’s player’s choice.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"dvpib","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"eneit","text":"From a learning curve perspective, Figma ended up being quite intuitive, worked in a similar manner to the tools our team already knows how to use, and the team found the documentation helpful for learning the more advanced features. Now that we know Figma well, we’re able to get others up to speed more quickly. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"f9b2n","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"5b73d","text":"Ultimately, the right tool for the job is whichever tool both the client and internal teams are most comfortable with. Some of us still prefer Sketch for various reasons, while others are Figma converts. If this post has done nothing more than pique your interest in giving this new tool a go, we’ll consider it a win. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"eob41","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"180tc","text":"Moving from Sketch to Figma: A few tips","type":"header-two"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"f6rfa","text":"Files","type":"header-three"},{"data":{},"depth":0,"entityRanges":[{"key":8,"length":11,"offset":0}],"inlineStyleRanges":[],"key":"a98m0","text":"Figma files are stored in the cloud and can be accessed within Figma’s file browser. By default, files you create can be found within the Drafts folder. Paid Figma plans offer the ability to organize and share files by Team and Project. Each file allows users to collaborate simultaneously and also offers automatic version history that can be easily accessed. But with all your files in the cloud, you might be asking: “Are my files stuck within Figma forever?” Nope! Figma offers the ability to export (and import) .fig files for safekeeping on your company’s archive.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"7ot84","text":"\n","type":"unstyled"},{"data":{"align":"block"},"depth":0,"entityRanges":[{"key":9,"length":1,"offset":0}],"inlineStyleRanges":[],"key":"f1v6r","text":" ","type":"atomic"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":1,"style":"BOLD"}],"key":"d67ak","text":"💡Handy Tip: Figma allows you to import Sketch files. Simply drag your Sketch file into Figma’s file browser.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"81seo","text":"Frames","type":"header-three"},{"data":{},"depth":0,"entityRanges":[{"key":10,"length":6,"offset":26},{"key":11,"length":11,"offset":532}],"inlineStyleRanges":[],"key":"emb76","text":"When ramping up on Figma, Frames felt hard to understand but after a while we came to appreciate them. Frames can be thought of as Figma’s souped-up version of a Sketch Artboard. They are used to contain content and have the option to clip content that lies outside of its boundaries. Frames can be nested within each other, offer the ability to scroll within a prototype and allow you to create a custom layout grid. By default, when a Frame is resized, the content within it adapts. The way an object adapts is referred to as its Constraints. Selecting an object within a Frame will reveal the Constraints panel, which allows you to choose how your content adapts to its parent.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"deoss","text":"","type":"unstyled"},{"data":{"align":"block"},"depth":0,"entityRanges":[{"key":12,"length":1,"offset":0}],"inlineStyleRanges":[],"key":"b4hbo","text":" ","type":"atomic"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":1,"style":"BOLD"}],"key":"8qfg8","text":"💡Handy Tip: Want to resize your Frame without adjusting your content? Hold down the Command key while resizing.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"c9p2f","text":"Styles","type":"header-three"},{"data":{},"depth":0,"entityRanges":[{"key":13,"length":6,"offset":0}],"inlineStyleRanges":[],"key":"4lfu","text":"Styles in Figma can be defined for Grid, Color, Text, and Effects. Styles are accessed from the icon made of four circles and each is treated separately. For instance, in Sketch you could define a style that includes text settings as well as color, but in Figma you would create and set text styles and color separately.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"dat6o","text":"","type":"unstyled"},{"data":{"align":"block"},"depth":0,"entityRanges":[{"key":14,"length":1,"offset":0}],"inlineStyleRanges":[],"key":"p4ch","text":" ","type":"atomic"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":1,"style":"BOLD"}],"key":"9bja6","text":"💡Handy Tip: You can add a group name before your style name to automatically group styles together. For example, naming your h1 style “Headings/h1” would allow you to group all headings together within your text styles.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"72fhu","text":"Components","type":"header-three"},{"data":{},"depth":0,"entityRanges":[{"key":15,"length":10,"offset":118}],"inlineStyleRanges":[],"key":"2cg63","text":"We’ve all come to rely on Sketch Symbols and the efficiency they add to our workflow. Figma offers a similar feature, Components. Unlike Sketch’s symbol page, master components can live anywhere within your file. Rather than relying on an overrides panel, instances of a component are adjusted in-line. Need to edit text? Simply click into the text field of the component and edit the content.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"fbgfo","text":"","type":"unstyled"},{"data":{"align":"block"},"depth":0,"entityRanges":[{"key":16,"length":1,"offset":0}],"inlineStyleRanges":[],"key":"102u0","text":" ","type":"atomic"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":1,"style":"BOLD"}],"key":"e2d78","text":"💡Handy Tip: Like Sketch, Figma allows for slash-separated naming, which will automatically group your components (e.g. “Atoms/Buttons/Primary Button”).","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"80hek","text":"Libraries","type":"header-three"},{"data":{},"depth":0,"entityRanges":[{"key":17,"length":14,"offset":8}],"inlineStyleRanges":[],"key":"2ofku","text":"Figma’s Team Libraries allow you to publish components that can be shared between projects and individual files. When publishing a library you can choose which specific components will be shared. Libraries can be linked and accessed from the Assets tab, which lives next to the Layers tab.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"b7gls","text":"","type":"unstyled"},{"data":{"align":"block"},"depth":0,"entityRanges":[{"key":18,"length":1,"offset":0}],"inlineStyleRanges":[],"key":"br0nf","text":" ","type":"atomic"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":1,"style":"BOLD"}],"key":"ec3ii","text":"💡Handy Tip: If you’re working on a library component and want to ensure it doesn’t get published by accident, name it with a period at the beginning and it will be ignored.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"ebqr5","text":"Keyboard Shortcuts","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"7j2qt","text":"Most keyboard shortcuts are similar when moving from Sketch to Figma, but there are minor differences. Custom shortcuts are not yet supported within Figma, but you can still create custom shortcuts from within the Keyboard settings in macOS System Preferences.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"6rup1","text":"","type":"unstyled"},{"data":{"align":"block"},"depth":0,"entityRanges":[{"key":19,"length":1,"offset":0}],"inlineStyleRanges":[],"key":"4esg4","text":" ","type":"atomic"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":1,"style":"BOLD"}],"key":"dnrmc","text":"💡Handy Tip: See all Figma’s keyboard shortcuts by pressing ‘control+shift+?’","type":"unstyled"}],"entityMap":{"0":{"data":{"href":"https://pitch.com/","url":"https://pitch.com/"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"url":"https://www.figma.com/"},"mutability":"MUTABLE","type":"LINK"},"2":{"data":{"href":"https://getstark.co/","url":"https://getstark.co/"},"mutability":"MUTABLE","type":"LINK"},"3":{"data":{"href":"https://github.com/wuwa/sketch-copy-to-all","url":"https://github.com/wuwa/sketch-copy-to-all"},"mutability":"MUTABLE","type":"LINK"},"4":{"data":{"href":"https://github.com/sonburn/symbol-swapper","url":"https://github.com/sonburn/symbol-swapper"},"mutability":"MUTABLE","type":"LINK"},"5":{"data":{"href":"https://www.figma.com/c/plugin/all","url":"https://www.figma.com/c/plugin/all"},"mutability":"MUTABLE","type":"LINK"},"6":{"data":{"href":"https://sketch.cloud/","url":"https://sketch.cloud/"},"mutability":"MUTABLE","type":"LINK"},"7":{"data":{"href":"https://www.sketch.com/teams/","url":"https://www.sketch.com/teams/"},"mutability":"MUTABLE","type":"LINK"},"8":{"data":{"href":"https://help.figma.com/category/220-files-projects","url":"https://help.figma.com/category/220-files-projects"},"mutability":"MUTABLE","type":"LINK"},"9":{"data":{"alt":"Figma shared resources","caption":"","src":"https://up-282430647629-us-east-1.s3.amazonaws.com/metalab-figmafiles-d73fed0f666a.png"},"mutability":"IMMUTABLE","type":"IMAGE"},"10":{"data":{"href":"https://www.figma.com/blog/groups-vs-frames/","url":"https://www.figma.com/blog/groups-vs-frames/"},"mutability":"MUTABLE","type":"LINK"},"11":{"data":{"href":"https://help.figma.com/article/54-constraints","url":"https://help.figma.com/article/54-constraints"},"mutability":"MUTABLE","type":"LINK"},"12":{"data":{"alt":"Figma frames","caption":"","src":"https://up-282430647629-us-east-1.s3.amazonaws.com/metalab-figmaframes-494453c04b2d.png"},"mutability":"IMMUTABLE","type":"IMAGE"},"13":{"data":{"href":"https://help.figma.com/category/221-styles","url":"https://help.figma.com/category/221-styles"},"mutability":"MUTABLE","type":"LINK"},"14":{"data":{"alt":"Figma style editor","caption":"","src":"https://up-282430647629-us-east-1.s3.amazonaws.com/metalab-figmastyles-21b1d79ab9e6.png"},"mutability":"IMMUTABLE","type":"IMAGE"},"15":{"data":{"href":"https://help.figma.com/article/66-components","url":"https://help.figma.com/article/66-components"},"mutability":"MUTABLE","type":"LINK"},"16":{"data":{"alt":"Figma Components","caption":"","src":"https://up-282430647629-us-east-1.s3.amazonaws.com/metalab-figmacomponents-a7bc0876527b.png"},"mutability":"IMMUTABLE","type":"IMAGE"},"17":{"data":{"href":"https://help.figma.com/article/29-team-library","url":"https://help.figma.com/article/29-team-library"},"mutability":"MUTABLE","type":"LINK"},"18":{"data":{"alt":"Figma sharing library","caption":"","src":"https://up-282430647629-us-east-1.s3.amazonaws.com/metalab-figmalibraries-98145ca740d9.png"},"mutability":"IMMUTABLE","type":"IMAGE"},"19":{"data":{"alt":"Figma keyboard shortcuts","caption":"","src":"https://up-282430647629-us-east-1.s3.amazonaws.com/metalab-figmakeyboard-6102f543f13c.png"},"mutability":"IMMUTABLE","type":"IMAGE"}}},"html":"\u003cp class=\"unstyled-block\"\u003eWe’ve all used PowerPoint. Whether it was back in grade school or something we use every day at work, we've all been lead to believe it’s a necessary evil. Yes, Powerpoint has expanded its feature set over the years but they haven't made much headway solving the fundamental issues. Templates are a beast. Versioning is a nightmare. The features you need are buried under the ones you don’t—and don’t even get me started on how to generate a chart.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eThe thing about necessary evils though, is they’re often not that necessary.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eAll of this is why we were stoked to work with the team at \u003ca href=\"https://pitch.com/\"\u003ePitch\u003c/a\u003e who are building the “presentation tool for the Slack generation.” With intuitive features like real-time collaboration, live data integrations, asset libraries and third-party integrations (such as for stock photos), Pitch’s goal is to show the world that Keynote, MS PowerPoint and Google Slides aren’t necessary evils.\u0026nbsp;\u003c/p\u003e\n\u003cblockquote class=\"align-left\"\u003ePitch is here to show how behind the times and needlessly complicated presentation software is.\u003c/blockquote\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003ePitch is putting those tools on notice. Just as Slack showed how antiquated other workplace communication platforms were, Pitch is here to show how behind the times and needlessly complicated presentation software is.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eUntil we can unveil more of the work we’ve been doing to help Pitch take down its presentation tool opponents, we thought we'd share what we've learned while dabbling with new tools to build these new products. In the case of designing Pitch, we got to try out the new kid on the block: \u003ca href=\"https://www.figma.com/\"\u003eFigma\u003c/a\u003e.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eThe design team at Pitch had already adopted Figma as their go-to design tool which presented us with a unique learning opportunity and opened our eyes to a debate we didn't know we wanted in on—Figma or Sketch?\u003c/p\u003e\n\u003ch2\u003eMaking Molehills out of Mountains\u003c/h2\u003e\n\u003cp class=\"unstyled-block\"\u003eBut first, a bit of background. Here at Metalab, we love Sketch. It’s been a game-changer for our product design toolkit since the Photoshop days. We also think the “if you don’t use this design tool, you’re cancelled” fights are very tired. There’s needless drama over which tool is best for the job. We believe the best tool is the one that best meets the needs of your team.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eOkay, back to the project. Pitch's team had been using Figma since their inception, so we decided together that it was a good opportunity for our team to learn and expand our toolkit further. We’d heard good things about Figma but we had some reservations:\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003col\u003e\n  \u003cli\u003e\u003cdiv\u003eOur lack of experience with Figma might influence our ability to deliver our expertise as effectively as possible.\n \u003c/div\u003e\u003c/li\u003e\n  \u003cli\u003e\u003cdiv\u003eIt lacked certain features that had become central to us as Sketch devotees.\n \u003c/div\u003e\u003c/li\u003e\n  \u003cli\u003e\u003cdiv\u003eWhile there would be benefits to 24/7 client team access to our design files, we know every designer knows the anxiety that comes with premature file sharing.  \n \u003c/div\u003e\u003c/li\u003e\n\u003c/ol\u003e\n\u003cp class=\"unstyled-block\"\u003eNevertheless, we dove in. Was it challenging to balance internal and external review processes and manage client team expectations? Yes. Were we surprised by how much this new-kid-on-the-block tool surpassed our expectations? Yes. Here’s what we discovered.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003ch2\u003eFigma or Sketch?\u003c/h2\u003e\n\u003ch3\u003eOn Collaboration\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eSo long, Abstract file syncing. Native cloud collaboration means Figma is to designers what Google Docs is to everyone else. Design repositories finally become a thing of the past. The collaborative functionality of Figma also makes working with remote teams in the same file virtually seamless. Prototyping mode kills the need for the cumbersome Abstract + Sketch duo when it comes to presenting work. And when feedback can be shared directly in the working file, it saves time triaging InVision comments or clicking back and forth between screens. For both remote teams and client collaboration, Figma enhanced our ability to work smarter, not harder—together.\u003c/p\u003e\n\u003ch3\u003eOn Features and Functionality\u0026nbsp;\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eInitially, Figma’s lack of plugins was a major drawback. We’d come to rely on Sketch Plugins in our daily workflow, so could we really live without \u003ca href=\"https://getstark.co/\"\u003eStark\u003c/a\u003e, \u003ca href=\"https://github.com/wuwa/sketch-copy-to-all\"\u003eCopy to All\u003c/a\u003e, \u003ca href=\"https://github.com/sonburn/symbol-swapper\"\u003eSymbol Swapper\u003c/a\u003e and our own internally developed plugins? Luckily, Figma recently launched its own \u003ca href=\"https://www.figma.com/c/plugin/all\"\u003eset of plugins\u003c/a\u003e, so we didn’t have to get too far outside our comfort zone. And while both \u003ca href=\"https://sketch.cloud/\"\u003eSketch Cloud\u003c/a\u003e and \u003ca href=\"https://www.sketch.com/teams/\"\u003eSketch for Teams\u003c/a\u003e have attempted to meet the growing demand for collaboration-first functionality, it simply wasn’t built with collaboration as a cornerstone.\u003c/p\u003e\n\u003ch3\u003eOn Pricing\u0026nbsp;\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eTL;DR: there isn’t a huge difference in cost, per person, between either product. However, when you account for not needing Abstract to achieve what Figma provides out of the box, you’re essentially getting two products for the price of one. And because Figma is cloud-based, you can access your account from any machine, whereas Sketch is only accessible via licensed machines which in 2019 feels very...dated.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cstrong\u003eThe verdict? It’s player’s choice.\u003c/strong\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eFrom a learning curve perspective, Figma ended up being quite intuitive, worked in a similar manner to the tools our team already knows how to use, and the team found the documentation helpful for learning the more advanced features. Now that we know Figma well, we’re able to get others up to speed more quickly.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eUltimately, the right tool for the job is whichever tool both the client and internal teams are most comfortable with. Some of us still prefer Sketch for various reasons, while others are Figma converts. If this post has done nothing more than pique your interest in giving this new tool a go, we’ll consider it a win.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003ch2\u003eMoving from Sketch to Figma: A few tips\u003c/h2\u003e\n\u003ch3\u003eFiles\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003ca href=\"https://help.figma.com/category/220-files-projects\"\u003eFigma files\u003c/a\u003e are stored in the cloud and can be accessed within Figma’s file browser. By default, files you create can be found within the Drafts folder. Paid Figma plans offer the ability to organize and share files by Team and Project. Each file allows users to collaborate simultaneously and also offers automatic version history that can be easily accessed. But with all your files in the cloud, you might be asking: “Are my files stuck within Figma forever?” Nope! Figma offers the ability to export (and import) .fig files for safekeeping on your company’s archive.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\n\u003c/p\u003e\n\n      \u003cdiv class=\"image-block align-block\"\u003e\n        \u003cimg src=\"https://up-282430647629-us-east-1.s3.amazonaws.com/metalab-figmafiles-d73fed0f666a.png\" alt=\"Figma shared resources\" /\u003e\n        \n      \u003c/div\u003e\n    \n\u003cp class=\"unstyled-block\"\u003e💡\u003cstrong\u003eHandy Tip: \u003c/strong\u003eFigma allows you to import Sketch files. Simply drag your Sketch file into Figma’s file browser.\u003c/p\u003e\n\u003ch3\u003eFrames\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eWhen ramping up on Figma, \u003ca href=\"https://www.figma.com/blog/groups-vs-frames/\"\u003eFrames\u003c/a\u003e felt hard to understand but after a while we came to appreciate them. Frames can be thought of as Figma’s souped-up version of a Sketch Artboard. They are used to contain content and have the option to clip content that lies outside of its boundaries. Frames can be nested within each other, offer the ability to scroll within a prototype and allow you to create a custom layout grid. By default, when a Frame is resized, the content within it adapts. The way an object adapts is referred to as its \u003ca href=\"https://help.figma.com/article/54-constraints\"\u003eConstraints\u003c/a\u003e. Selecting an object within a Frame will reveal the Constraints panel, which allows you to choose how your content adapts to its parent.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\n      \u003cdiv class=\"image-block align-block\"\u003e\n        \u003cimg src=\"https://up-282430647629-us-east-1.s3.amazonaws.com/metalab-figmaframes-494453c04b2d.png\" alt=\"Figma frames\" /\u003e\n        \n      \u003c/div\u003e\n    \n\u003cp class=\"unstyled-block\"\u003e💡\u003cstrong\u003eHandy Tip: \u003c/strong\u003eWant to resize your Frame without adjusting your content? Hold down the Command key while resizing.\u003c/p\u003e\n\u003ch3\u003eStyles\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003ca href=\"https://help.figma.com/category/221-styles\"\u003eStyles\u003c/a\u003e in Figma can be defined for Grid, Color, Text, and Effects. Styles are accessed from the icon made of four circles and each is treated separately. For instance, in Sketch you could define a style that includes text settings as well as color, but in Figma you would create and set text styles and color separately.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\n      \u003cdiv class=\"image-block align-block\"\u003e\n        \u003cimg src=\"https://up-282430647629-us-east-1.s3.amazonaws.com/metalab-figmastyles-21b1d79ab9e6.png\" alt=\"Figma style editor\" /\u003e\n        \n      \u003c/div\u003e\n    \n\u003cp class=\"unstyled-block\"\u003e💡\u003cstrong\u003eHandy Tip:\u003c/strong\u003e You can add a group name before your style name to automatically group styles together. For example, naming your h1 style “Headings/h1” would allow you to group all headings together within your text styles.\u003c/p\u003e\n\u003ch3\u003eComponents\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eWe’ve all come to rely on Sketch Symbols and the efficiency they add to our workflow. Figma offers a similar feature, \u003ca href=\"https://help.figma.com/article/66-components\"\u003eComponents\u003c/a\u003e. Unlike Sketch’s symbol page, master components can live anywhere within your file. Rather than relying on an overrides panel, instances of a component are adjusted in-line. Need to edit text? Simply click into the text field of the component and edit the content.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\n      \u003cdiv class=\"image-block align-block\"\u003e\n        \u003cimg src=\"https://up-282430647629-us-east-1.s3.amazonaws.com/metalab-figmacomponents-a7bc0876527b.png\" alt=\"Figma Components\" /\u003e\n        \n      \u003c/div\u003e\n    \n\u003cp class=\"unstyled-block\"\u003e💡\u003cstrong\u003eHandy Tip: \u003c/strong\u003eLike Sketch, Figma allows for slash-separated naming, which will automatically group your components (e.g. “Atoms/Buttons/Primary Button”).\u003c/p\u003e\n\u003ch3\u003eLibraries\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eFigma’s \u003ca href=\"https://help.figma.com/article/29-team-library\"\u003eTeam Libraries\u003c/a\u003e allow you to publish components that can be shared between projects and individual files. When publishing a library you can choose which specific components will be shared. Libraries can be linked and accessed from the Assets tab, which lives next to the Layers tab.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\n      \u003cdiv class=\"image-block align-block\"\u003e\n        \u003cimg src=\"https://up-282430647629-us-east-1.s3.amazonaws.com/metalab-figmalibraries-98145ca740d9.png\" alt=\"Figma sharing library\" /\u003e\n        \n      \u003c/div\u003e\n    \n\u003cp class=\"unstyled-block\"\u003e💡\u003cstrong\u003eHandy Tip:\u003c/strong\u003e If you’re working on a library component and want to ensure it doesn’t get published by accident, name it with a period at the beginning and it will be ignored.\u003c/p\u003e\n\u003ch3\u003eKeyboard Shortcuts\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eMost keyboard shortcuts are similar when moving from Sketch to Figma, but there are minor differences. Custom shortcuts are not yet supported within Figma, but you can still create custom shortcuts from within the Keyboard settings in macOS System Preferences.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\n      \u003cdiv class=\"image-block align-block\"\u003e\n        \u003cimg src=\"https://up-282430647629-us-east-1.s3.amazonaws.com/metalab-figmakeyboard-6102f543f13c.png\" alt=\"Figma keyboard shortcuts\" /\u003e\n        \n      \u003c/div\u003e\n    \n\u003cp class=\"unstyled-block\"\u003e💡\u003cstrong\u003eHandy Tip: \u003c/strong\u003eSee all Figma’s keyboard shortcuts by pressing ‘control+shift+?’\u003c/p\u003e","linkTextColor":"","linkBackgroundColor":"#5855F6","landingImage":"https://up-282430647629-us-east-1.s3.amazonaws.com/metalab-wwwo-pitch-figma--44654dc8f04c.png","indexImage":"https://up-282430647629-us-east-1.s3.amazonaws.com/metalab-wwwo-figma-hover-da28dd2d7b2a.png","reverseImageLayout":false,"queued":false,"published":true,"createdAt":"2019-10-18T18:42:11.561668Z","updatedAt":"2019-10-22T21:37:51.110184Z","publishedAt":"2019-10-22T16:39:52.42959Z","categoryID":4,"userID":22},{"id":24,"slug":"no-assholes-culture","title":"AMA: What's unique about MetaLab's culture?","description":"In this edition of Ask MetaLab Anything, we chat about culture, how we make it work remotely, and why we take our \"no assholes\" policy so seriously.","body":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"f550h","text":"","type":"unstyled"},{"data":{"align":"block"},"depth":0,"entityRanges":[{"key":0,"length":1,"offset":0}],"inlineStyleRanges":[],"key":"firng","text":" ","type":"atomic"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"12ka0","text":"On an ever-growing team with no shared timezone or location to rely upon, it can be challenging to ensure that no matter where in the world you are—be it in our physical offices or in some remote corner of the Internet—you feel connected to the positive culture vibes we’ve worked hard to establish. Our secret? A strict, “No Assholes” policy. This trendy rule is often overplayed and under-delivered on, but at MetaLab, it’s a core cultural pillar that we take more seriously than most everything else when it comes to keeping our culture on track.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"5p5mc","text":"What does “No Assholes” mean to us?","type":"header-two"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"a1jrm","text":"Be decent. ","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":63,"offset":27,"style":"ITALIC"}],"key":"6gjbv","text":"As we say in our handbook: “No political climbers, bullies, yellers, or machiavellian BS.”  The culture at MetaLab starts and ends with empathy, and we screen every potential client or candidate relationship for red flags that might pose a threat to this climate of mutual respect.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"5o487","text":"Celebrate difference. ","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"4u8ct","text":"Culture falls flat if it’s just a bunch of sameness. That’s why part of building the kind of culture we can be proud of means filling it with people and voices and experiences that are different from one another. Diversity brings a level of accountability to the table that pushes for greater representation and deeper understanding. We may strive to be morally homogenous, but the rest of our cultural fabric should be anything but. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"7k1lp","text":"Push for pragmatism. ","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"uebs","text":"Speak up and have a point of view but be prepared to be met with a perspective that challenges your own. We seek to find the solution that best serves the integrity of the product, not the one that will appease everyone in the room. That said, good ideas are deflated by disrespectful delivery, so it’s about mutual respect, early and often. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"9jccp","text":"Choose facts over feelings.","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"5ksks","text":"Use context, experience, and knowledge—not feelings—to back yourself up. Basing communication and collaboration in a shared reality keeps things focused and productive, making it easier to sell sound logic and solutions through to each other and our clients.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"ed2ue","text":"No jargon or buzzwords. ","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"2dr0f","text":"We think jargon destroys companies. It’s designed to make one person feel superior, while the other feels less than and nods along. Using simple terms that everyone understands lets our work speak for itself.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"eqak9","text":"Be honest, not perfect. ","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"u1ks","text":"Egos are scared to fail. But usually, that’s the best way to improve. On our team, we own our mistakes and allow others around us to own up to theirs. Then, we work as a team to fix mistakes together. Acknowledge the gap between where you are and where you want to be, then take small steps every day to close it. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"ahdb8","text":"Stay open. ","type":"header-three"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"15nq8","text":"When you stop learning, you stop growing. We understand that everyone, no matter their experience or discipline, has things they can work on—and things they can share with others. Our favourite thing is seeing MetaLab veterans ask for help from new employees, because it sends the clear, important message that it’s okay not to have all the answers, and it’s more than okay to ask for help to get the answers you need. The work (and everything else) is much better for it. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"b0kon","text":"How do we screen for assholes?","type":"header-two"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"ipvt","text":"We dedicate a large part of our interview process to ensuring that a candidate’s talent isn’t the only thing they bring to the table. Yes, those boxes need to be checked, but the “decent human” boxes are the ones we’re most concerned with. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"dknrg","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"alvah","text":"Our hiring teams have their bullshit detectors pretty dialed in, and look out for answers in applicant screening questions that paint their successes as an individual versus team sport. We don’t put much stock in awards and accolades, so an applicant who shows up with their trophy case in hand without a lot of heart or authenticity to back it up also gives us pause.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"6ijc2","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"2jbfn","text":"Raw talent is invaluable, but to us, raw talent that’s accompanied by a bad personality just isn’t worth it. We believe good things come from hiring good people, even though it might take a bit more vigilance, patience, and work on our end to stick to our beliefs and seek these folks out.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"3sbc0","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"6jque","text":"Fostering healthy client relationships","type":"header-two"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"bpkmr","text":"We bring a similar rigor to our vetting process for clients where our “No Assholes” filter influences who we do and don’t choose to partner with. We don’t just want to work with nice people because it’s more enjoyable— we want to protect the integrity of the work and the environment necessary for our team to thrive. Working for a disrespectful client is not unlike working for a domineering boss—it undermines morale and erodes the mental health of the team. On the flip side, positive client relationships foster stronger collaboration, ingenuity, and space to do our best work. ","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"drss4","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"clmt","text":"Ultimately, keeping our company culture on track relies on a bunch of small decisions made by every person, every day, from wherever they are in the world. Modeling a mindset we can all get behind starts at the top, but shaping it and helping it grow is everyone’s responsibility.","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"eukod","text":"","type":"unstyled"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"key":"594gb","text":"Have more questions about our team or the way we work? We're always down to share. Send them to answersplz@metalab.co","type":"unstyled"}],"entityMap":{"0":{"data":{"alt":"AMA Question: Being an international team, with international clients, is there anything unique that Metalab does or faces in regards to culture to keep things running smoothly?","caption":"","src":"https://up-282430647629-us-east-1.s3.amazonaws.com/ama-metalab-culture-2e0a19eeecb3.png"},"mutability":"IMMUTABLE","type":"IMAGE"}}},"html":"\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\n      \u003cdiv class=\"image-block align-block\"\u003e\n        \u003cimg src=\"https://up-282430647629-us-east-1.s3.amazonaws.com/ama-metalab-culture-2e0a19eeecb3.png\" alt=\"AMA Question: Being an international team, with international clients, is there anything unique that Metalab does or faces in regards to culture to keep things running smoothly?\" /\u003e\n        \n      \u003c/div\u003e\n    \n\u003cp class=\"unstyled-block\"\u003eOn an ever-growing team with no shared timezone or location to rely upon, it can be challenging to ensure that no matter where in the world you are—be it in our physical offices or in some remote corner of the Internet—you feel connected to the positive culture vibes we’ve worked hard to establish. Our secret? A strict, “No Assholes” policy. This trendy rule is often overplayed and under-delivered on, but at MetaLab, it’s a core cultural pillar that we take more seriously than most everything else when it comes to keeping our culture on track.\u003c/p\u003e\n\u003ch2\u003eWhat does “No Assholes” mean to us?\u003c/h2\u003e\n\u003ch3\u003eBe decent.\u0026nbsp;\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eAs we say in our handbook: \u003cem\u003e“No political climbers, bullies, yellers, or machiavellian BS.”\u003c/em\u003e \u0026nbsp;The culture at MetaLab starts and ends with empathy, and we screen every potential client or candidate relationship for red flags that might pose a threat to this climate of mutual respect.\u003c/p\u003e\n\u003ch3\u003eCelebrate difference.\u0026nbsp;\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eCulture falls flat if it’s just a bunch of sameness. That’s why part of building the kind of culture we can be proud of means filling it with people and voices and experiences that are different from one another. Diversity brings a level of accountability to the table that pushes for greater representation and deeper understanding. We may strive to be morally homogenous, but the rest of our cultural fabric should be anything but.\u0026nbsp;\u003c/p\u003e\n\u003ch3\u003ePush for pragmatism.\u0026nbsp;\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eSpeak up and have a point of view but be prepared to be met with a perspective that challenges your own. We seek to find the solution that best serves the integrity of the product, not the one that will appease everyone in the room. That said, good ideas are deflated by disrespectful delivery, so it’s about mutual respect, early and often.\u0026nbsp;\u003c/p\u003e\n\u003ch3\u003eChoose facts over feelings.\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eUse context, experience, and knowledge—not feelings—to back yourself up. Basing communication and collaboration in a shared reality keeps things focused and productive, making it easier to sell sound logic and solutions through to each other and our clients.\u003c/p\u003e\n\u003ch3\u003eNo jargon or buzzwords.\u0026nbsp;\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eWe think jargon destroys companies. It’s designed to make one person feel superior, while the other feels less than and nods along. Using simple terms that everyone understands lets our work speak for itself.\u003c/p\u003e\n\u003ch3\u003eBe honest, not perfect.\u0026nbsp;\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eEgos are scared to fail. But usually, that’s the best way to improve. On our team, we own our mistakes and allow others around us to own up to theirs. Then, we work as a team to fix mistakes together. Acknowledge the gap between where you are and where you want to be, then take small steps every day to close it.\u0026nbsp;\u003c/p\u003e\n\u003ch3\u003eStay open.\u0026nbsp;\u003c/h3\u003e\n\u003cp class=\"unstyled-block\"\u003eWhen you stop learning, you stop growing. We understand that everyone, no matter their experience or discipline, has things they can work on—and things they can share with others. Our favourite thing is seeing MetaLab veterans ask for help from new employees, because it sends the clear, important message that it’s okay not to have all the answers, and it’s more than okay to ask for help to get the answers you need. The work (and everything else) is much better for it.\u0026nbsp;\u003c/p\u003e\n\u003ch2\u003eHow do we screen for assholes?\u003c/h2\u003e\n\u003cp class=\"unstyled-block\"\u003eWe dedicate a large part of our interview process to ensuring that a candidate’s talent isn’t the only thing they bring to the table. Yes, those boxes need to be checked, but the “decent human” boxes are the ones we’re most concerned with.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eOur hiring teams have their bullshit detectors pretty dialed in, and look out for answers in applicant screening questions that paint their successes as an individual versus team sport. We don’t put much stock in awards and accolades, so an applicant who shows up with their trophy case in hand without a lot of heart or authenticity to back it up also gives us pause.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eRaw talent is invaluable, but to us, raw talent that’s accompanied by a bad personality just isn’t worth it. We believe good things come from hiring good people, even though it might take a bit more vigilance, patience, and work on our end to stick to our beliefs and seek these folks out.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003ch2\u003eFostering healthy client relationships\u003c/h2\u003e\n\u003cp class=\"unstyled-block\"\u003eWe bring a similar rigor to our vetting process for clients where our “No Assholes” filter influences who we do and don’t choose to partner with. We don’t just want to work with nice people because it’s more enjoyable— we want to protect the integrity of the work and the environment necessary for our team to thrive. Working for a disrespectful client is not unlike working for a domineering boss—it undermines morale and erodes the mental health of the team. On the flip side, positive client relationships foster stronger collaboration, ingenuity, and space to do our best work.\u0026nbsp;\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eUltimately, keeping our company culture on track relies on a bunch of small decisions made by every person, every day, from wherever they are in the world. Modeling a mindset we can all get behind starts at the top, but shaping it and helping it grow is everyone’s responsibility.\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003e\u003cbr\u003e\u003c/p\u003e\n\u003cp class=\"unstyled-block\"\u003eHave more questions about our team or the way we work? We're always down to share. Send them to \u003ca href=\"mailto:answersplz@metalab.co\"\u003eanswersplz@metalab.co\u003c/a\u003e\u003c/p\u003e","linkTextColor":"","linkBackgroundColor":"#83CAAC","landingImage":"https://up-282430647629-us-east-1.s3.amazonaws.com/metalabno-egos-blog--55d363771630.png","indexImage":"https://up-282430647629-us-east-1.s3.amazonaws.com/metalabno-egos-blogtransparent--d691f34dc181.png","reverseImageLayout":false,"queued":false,"published":true,"createdAt":"2019-09-16T21:27:27.591157Z","updatedAt":"2019-09-30T19:06:12.316185Z","publishedAt":"2019-09-27T22:36:36.505539Z","categoryID":3,"userID":19}],"postsTotalCount":19,"nextPost":null,"category":{"id":0,"name":"Everything"},"page":0,"categories":[{"id":0,"name":"Everything"},{"id":3,"slug":"people","name":"People","createdAt":"2018-10-02T18:18:23.652078Z","updatedAt":"2018-10-02T18:18:23.652078Z"},{"id":4,"slug":"design","name":"Design","createdAt":"2018-10-02T18:18:23.652078Z","updatedAt":"2018-10-02T18:18:23.652078Z"},{"id":5,"slug":"engineering","name":"Engineering","createdAt":"2018-10-02T18:18:23.652078Z","updatedAt":"2018-10-02T18:18:23.652078Z"},{"id":6,"slug":"research","name":"Research","createdAt":"2018-10-02T18:18:23.652078Z","updatedAt":"2018-10-02T18:18:23.652078Z"},{"id":7,"slug":"meta","name":"Meta","createdAt":"2018-10-03T01:27:24.2836Z","updatedAt":"2018-10-03T01:27:24.2836Z"}],"mailerSuccess":false},"job":{"allJobs":{},"categories":{},"categoryIds":[],"jobsByCategory":{},"loaded":false,"activeJob":null,"activeCategory":-1,"dropdownOpen":false},"config":{"webUrl":"https://metalab.co","blogApi":"https://blog-cms.metalab.co/api"},"form":{},"router":{"location":null}}</script><script src="https://d2998a9lzvovjv.cloudfront.net/index.659175826acb5fe59fc0.js" defer=""></script></head><body><noscript><iframe title="GA" src="https://www.googletagmanager.com/ns.html?id=GTM-NNNCZZG" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="app" class="root"><div style="display:none;height:0;width:0;position:absolute"></div><div class="ProjectView__Container-paxcuj-0 fRXRVr" style="padding-bottom:140px"><div class="ProjectContainer-s16s8y6k-0 eHPSpR"><div class="SpacedContent-s13gt09q-0 btzNcF" style="background:#ffffff;padding-bottom:6em"><div style="color:#5a4fff"><div class="Container-ybirvx-0 eCMzjk" style="padding-top:2.5rem"><a class="HeaderMini__BackButton-s19m3osg-0 ZYxRb sc-bdVaJa feXOMw" href="/"><div class="Button__ButtonContent-s1ov6wwx-0 jnPIJs" format="outline"><div><div class="Icon__IconContainer-s1eymix-0 clAVox" role="img" aria-label="arrow-left icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="32" height="32"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="32" height="32" viewBox="0 0 32 32"><g fill-rule="evenodd"><path transform="rotate(45 4.001 12.985)" d="M5.364 -0.236H7.364V15.764H5.364z"></path><path transform="scale(1 -1) rotate(45 54.613 2.021)" d="M5.364 9.764H7.364V25.764H5.364z"></path><path d="M2 14H26V16H2z" transform="translate(3 1)"></path></g></svg></div>  <!-- -->Menu</div></div></a></div></div><div class="BlogView__Title-h0jj8u-0 lmHaEd"><div class="BlogView__TitleContent-h0jj8u-1 cvhJYm"><h1 class="Text__InnerText-s1e82ayr-0-h1 kRzEfn" color="blue">We write words too</h1></div></div><div class="BlogView__Categories-h0jj8u-2 btXfrC"><button class="BlogView__CategoryFilter-h0jj8u-3 fGOFsb"><h3 class="Text__InnerText-s1e82ayr-0-h3 jpuCAG" color="black">Everything</h3></button><button class="BlogView__CategoryFilter-h0jj8u-3 itxYGd"><h3 class="Text__InnerText-s1e82ayr-0-h3 cJuosZ" color="black">People</h3></button><button class="BlogView__CategoryFilter-h0jj8u-3 itxYGd"><h3 class="Text__InnerText-s1e82ayr-0-h3 cJuosZ" color="black">Design</h3></button><button class="BlogView__CategoryFilter-h0jj8u-3 itxYGd"><h3 class="Text__InnerText-s1e82ayr-0-h3 cJuosZ" color="black">Engineering</h3></button><button class="BlogView__CategoryFilter-h0jj8u-3 itxYGd"><h3 class="Text__InnerText-s1e82ayr-0-h3 cJuosZ" color="black">Research</h3></button><button class="BlogView__CategoryFilter-h0jj8u-3 itxYGd"><h3 class="Text__InnerText-s1e82ayr-0-h3 cJuosZ" color="black">Meta</h3></button></div><div class="BlogView__Posts-h0jj8u-4 czwVer"><a href="/blog/hindsight-lessons"><div class="BlogView__Post-h0jj8u-12 ehphAH"><img class="BlogView__PostImage-h0jj8u-6 gIRyki" src="https://metablog-assets.s3.amazonaws.com/-hover-8fe68df57b82.png" alt="post-image"/><div class="BlogView__PostContent-h0jj8u-13 bbIzvS"><h2 class="Text__InnerText-s1e82ayr-0-h2 fCEDqX" color="black">Hindsight is 2020: Things we learned the hard way in 2019<div class="Icon__IconContainer-s1eymix-0 clAVox" style="height:24px;vertical-align:-0.1em" role="img" aria-label="arrow-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="32" height="32"></canvas><svg class="BlogView__ArrowIcon-h0jj8u-11 kymOZq Icon-s1eymix-2 kALlyJ" width="32" height="32" viewBox="0 0 32 32"><g fill-rule="evenodd"><path transform="scale(-1 1) rotate(45 -11.999 -25.642)" d="M5.364 -0.236H7.364V15.764H5.364z"></path><path transform="rotate(-135 15.163 15.994)" d="M5.364 9.764H7.364V25.764H5.364z"></path><path d="M2 14H26V16H2z" transform="matrix(-1 0 0 1 29 1)"></path></g></svg></div></h2><div class="Text__InnerText-s1e82ayr-0 gaofFj" color="rocky">Our highlight reel from 2019 is a little more...real than the rest. Read about what we learned about ourselves, our business, and doing better for our team.</div></div></div></a><a href="/blog/notarize-billion-dollar-paperwork-problem"><div class="BlogView__Post-h0jj8u-12 eixLJq"><img class="BlogView__PostImage-h0jj8u-6 dLGbJP" src="https://metablog-assets.s3.amazonaws.com/notarize-blog-hover-ef537ebe31bd.jpg" alt="post-image"/><div class="BlogView__PostContent-h0jj8u-13 bbIzvS"><h2 class="Text__InnerText-s1e82ayr-0-h2 fCEDqX" color="black">Notarize: Solving the $32 Billion Paperwork Problem<div class="Icon__IconContainer-s1eymix-0 clAVox" style="height:24px;vertical-align:-0.1em" role="img" aria-label="arrow-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="32" height="32"></canvas><svg class="BlogView__ArrowIcon-h0jj8u-11 kymOZq Icon-s1eymix-2 kALlyJ" width="32" height="32" viewBox="0 0 32 32"><g fill-rule="evenodd"><path transform="scale(-1 1) rotate(45 -11.999 -25.642)" d="M5.364 -0.236H7.364V15.764H5.364z"></path><path transform="rotate(-135 15.163 15.994)" d="M5.364 9.764H7.364V25.764H5.364z"></path><path d="M2 14H26V16H2z" transform="matrix(-1 0 0 1 29 1)"></path></g></svg></div></h2><div class="Text__InnerText-s1e82ayr-0 gaofFj" color="rocky">We combined simple UX with sophisticated development to build the world’s first notarization platform—from scratch. Our Director of Engineering reveals the lessons learned along the way. </div></div></div></a><a href="/blog/future-feelings-empathy-design"><div class="BlogView__Post-h0jj8u-12 etGqdp"><img class="BlogView__PostImage-h0jj8u-6 gIRyki" src="https://metablog-assets.s3.amazonaws.com/hero-futurehasfeelingsx--40154c8abdea.png" alt="post-image"/><div class="BlogView__PostContent-h0jj8u-13 bbIzvS"><h2 class="Text__InnerText-s1e82ayr-0-h2 fCEDqX" color="black">The Future Has Feelings<div class="Icon__IconContainer-s1eymix-0 clAVox" style="height:24px;vertical-align:-0.1em" role="img" aria-label="arrow-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="32" height="32"></canvas><svg class="BlogView__ArrowIcon-h0jj8u-11 kymOZq Icon-s1eymix-2 kALlyJ" width="32" height="32" viewBox="0 0 32 32"><g fill-rule="evenodd"><path transform="scale(-1 1) rotate(45 -11.999 -25.642)" d="M5.364 -0.236H7.364V15.764H5.364z"></path><path transform="rotate(-135 15.163 15.994)" d="M5.364 9.764H7.364V25.764H5.364z"></path><path d="M2 14H26V16H2z" transform="matrix(-1 0 0 1 29 1)"></path></g></svg></div></h2><div class="Text__InnerText-s1e82ayr-0 gaofFj" color="rocky"> How “human” is human-centered design? We open up about vulnerability, mental health, and how embracing the messiness is critical to human-centered design.</div></div></div></a><a href="/blog/pitch-figma"><div class="BlogView__Post-h0jj8u-12 eixLJq"><img class="BlogView__PostImage-h0jj8u-6 dLGbJP" src="https://up-282430647629-us-east-1.s3.amazonaws.com/metalab-wwwo-figma-hover-da28dd2d7b2a.png" alt="post-image"/><div class="BlogView__PostContent-h0jj8u-13 bbIzvS"><h2 class="Text__InnerText-s1e82ayr-0-h2 fCEDqX" color="black">What We&#x27;re Working On: Pitch (and our thoughts on Figma)<div class="Icon__IconContainer-s1eymix-0 clAVox" style="height:24px;vertical-align:-0.1em" role="img" aria-label="arrow-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="32" height="32"></canvas><svg class="BlogView__ArrowIcon-h0jj8u-11 kymOZq Icon-s1eymix-2 kALlyJ" width="32" height="32" viewBox="0 0 32 32"><g fill-rule="evenodd"><path transform="scale(-1 1) rotate(45 -11.999 -25.642)" d="M5.364 -0.236H7.364V15.764H5.364z"></path><path transform="rotate(-135 15.163 15.994)" d="M5.364 9.764H7.364V25.764H5.364z"></path><path d="M2 14H26V16H2z" transform="matrix(-1 0 0 1 29 1)"></path></g></svg></div></h2><div class="Text__InnerText-s1e82ayr-0 gaofFj" color="rocky">We helped Pitch give presentation tools a modern makeover. Here&#x27;s what we learned about Figma in the process.</div></div></div></a><a href="/blog/no-assholes-culture"><div class="BlogView__Post-h0jj8u-12 ilAeKD"><img class="BlogView__PostImage-h0jj8u-6 gIRyki" src="https://up-282430647629-us-east-1.s3.amazonaws.com/metalabno-egos-blogtransparent--d691f34dc181.png" alt="post-image"/><div class="BlogView__PostContent-h0jj8u-13 bbIzvS"><h2 class="Text__InnerText-s1e82ayr-0-h2 fCEDqX" color="black">AMA: What&#x27;s unique about MetaLab&#x27;s culture?<div class="Icon__IconContainer-s1eymix-0 clAVox" style="height:24px;vertical-align:-0.1em" role="img" aria-label="arrow-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="32" height="32"></canvas><svg class="BlogView__ArrowIcon-h0jj8u-11 kymOZq Icon-s1eymix-2 kALlyJ" width="32" height="32" viewBox="0 0 32 32"><g fill-rule="evenodd"><path transform="scale(-1 1) rotate(45 -11.999 -25.642)" d="M5.364 -0.236H7.364V15.764H5.364z"></path><path transform="rotate(-135 15.163 15.994)" d="M5.364 9.764H7.364V25.764H5.364z"></path><path d="M2 14H26V16H2z" transform="matrix(-1 0 0 1 29 1)"></path></g></svg></div></h2><div class="Text__InnerText-s1e82ayr-0 gaofFj" color="rocky">In this edition of Ask MetaLab Anything, we chat about culture, how we make it work remotely, and why we take our &quot;no assholes&quot; policy so seriously.</div></div></div></a><div class="BlogView__MorePostsContainer-h0jj8u-7 jNUXKH"><div class="BlogView__MorePostsContent-h0jj8u-8 epKNMS"><button class="BlogView__MorePostsButton-h0jj8u-9 hHjexe"><div class="Text__InnerText-s1e82ayr-0 kpsMNV" color="blue">Show More<!-- --> <div class="BlogView__MorePostsIconWrapper-h0jj8u-10 iTaRCq"><div class="Icon__IconContainer-s1eymix-0 clAVox" role="img" aria-label="arrow-down icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="32" height="32"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="32" height="32" viewBox="0 0 32 32"><g fill-rule="evenodd"><path transform="rotate(-45 26.616 9.647)" d="M5.364 -0.236H7.364V15.764H5.364z"></path><path transform="scale(-1 1) rotate(-45 -1.419 53.188)" d="M5.364 9.764H7.364V25.764H5.364z"></path><path d="M2 14H26V16H2z" transform="rotate(-90 15 14)"></path></g></svg></div></div></div></button></div></div></div></div></div><div style="z-index:1;left:0;right:0;opacity:1;transform:translate3d(0,0,0);position:absolute;top:100%"><div class="LandingContainer__Background-s1msgrgs-1 goxDyi"><a class="LandingContainer__HomeLink-s1msgrgs-2 koaneT" href="/"><div><div class="Icon__IconContainer-s1eymix-0 clAVox" role="img" aria-label="arrow-down icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="32" height="32"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="32" height="32" viewBox="0 0 32 32"><g fill-rule="evenodd"><path transform="rotate(-45 26.616 9.647)" d="M5.364 -0.236H7.364V15.764H5.364z"></path><path transform="scale(-1 1) rotate(-45 -1.419 53.188)" d="M5.364 9.764H7.364V25.764H5.364z"></path><path d="M2 14H26V16H2z" transform="rotate(-90 15 14)"></path></g></svg></div> Home</div></a><div class="LandingContainer__SocialLinks-s1msgrgs-3 dsMZtq"><a href="https://www.instagram.com/metalab/" target="_blank" rel="noopener noreferrer" class="LandingContainer__SocialLink-s1msgrgs-4 gGxWwd"><div class="Icon__IconContainer-s1eymix-0 clAVox" role="img" aria-label="instagram icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="25" height="25"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="25" height="25" viewBox="0 0 25 25"><path d="M12.4999752,2.25229785 C15.8376353,2.25229785 16.2329485,2.26500026 17.551023,2.32513829 C18.7697607,2.380761 19.4316263,2.58439666 19.8721422,2.755532 C20.4555604,2.98229005 20.8720112,3.25320885 21.3094012,3.69059882 C21.7467911,4.12798879 22.01771,4.54443962 22.2444184,5.12785779 C22.4156033,5.56837375 22.619239,6.2302393 22.6748617,7.44892734 C22.7349997,8.76705151 22.7477021,9.16236472 22.7477021,12.5000248 C22.7477021,15.8376849 22.7349997,16.2329981 22.6748617,17.5510727 C22.619239,18.7698104 22.4156033,19.4316759 22.2444184,19.8721918 C22.01771,20.45561 21.7467911,20.8720608 21.3094012,21.3094508 C20.8720112,21.7468407 20.4555604,22.0177596 19.8721422,22.244468 C19.4316263,22.4156529 18.7697607,22.6192887 17.551023,22.6749113 C16.233147,22.7350493 15.8378338,22.7477518 12.4999752,22.7477518 C9.16211662,22.7477518 8.76680342,22.7350493 7.44892734,22.6749113 C6.23018969,22.6192887 5.56832413,22.4156529 5.12785779,22.244468 C4.54439,22.0177596 4.12793917,21.7468407 3.6905492,21.3094508 C3.25315923,20.8720608 2.98224043,20.45561 2.755532,19.8721918 C2.58434705,19.4316759 2.38071138,18.7698104 2.32508867,17.5511223 C2.26495064,16.2329981 2.25224823,15.8376849 2.25224823,12.5000248 C2.25224823,9.16236472 2.26495064,8.76705151 2.32508867,7.44897696 C2.38071138,6.2302393 2.58434705,5.56837375 2.755532,5.12785779 C2.98224043,4.54443962 3.25315923,4.12798879 3.6905492,3.69059882 C4.12793917,3.25320885 4.54439,2.98229005 5.12785779,2.755532 C5.56832413,2.58439666 6.23018969,2.380761 7.44887772,2.32513829 C8.76700189,2.26500026 9.1623151,2.25229785 12.4999752,2.25229785 Z M12.4999752,0 C9.10515421,0 8.6795239,0.0143894602 7.34626599,0.0752221435 C6.01573711,0.135955589 5.10711713,0.34723256 4.3119754,0.656258621 C3.4899899,0.975704637 2.79289498,1.40312122 2.09798329,2.09803291 C1.4030716,2.7929446 0.975655019,3.49003951 0.656209003,4.31202502 C0.34718294,5.10716675 0.135905971,6.01578673 0.0751725247,7.34631561 C0.0143398413,8.6795239 0,9.10520383 0,12.5000248 C0,15.8948458 0.0143398413,16.3205257 0.0751725247,17.653734 C0.135905971,18.9842629 0.34718294,19.8928829 0.656209003,20.6880246 C0.975655019,21.5099604 1.4030716,22.207105 2.09798329,22.9020167 C2.79289498,23.5969284 3.4899899,24.024345 4.3119754,24.343791 C5.10711713,24.6528171 6.01573711,24.864094 7.34626599,24.9248274 C8.6795239,24.9856602 9.10515421,25 12.4999752,25 C15.8947962,25 16.3204761,24.9856602 17.6536844,24.9248274 C18.9842133,24.864094 19.8928333,24.6528171 20.687975,24.343791 C21.5099604,24.024345 22.2070554,23.5969284 22.9019671,22.9020167 C23.5968788,22.207105 24.0242954,21.5100101 24.3437414,20.6880246 C24.6527675,19.8928829 24.8640444,18.9842629 24.9247778,17.653734 C24.9856105,16.3205257 25,15.8948458 25,12.5000248 C25,9.10520383 24.9856105,8.6795239 24.9247778,7.34631561 C24.8640444,6.01578673 24.6527675,5.10716675 24.3437414,4.31202502 C24.0242954,3.49003951 23.5968788,2.7929446 22.9019671,2.09803291 C22.2070554,1.40312122 21.5099604,0.975704637 20.687975,0.656258621 C19.8928333,0.34723256 18.9842133,0.135955589 17.6536844,0.0752221435 C16.3204761,0.0143894602 15.8947962,0 12.4999752,0 Z M12.4999752,6.08108511 C8.9549084,6.08108511 6.08103549,8.95495801 6.08103549,12.5000248 C6.08103549,16.0450916 8.9549084,18.9189646 12.4999752,18.9189646 C16.045042,18.9189646 18.9189149,16.0450916 18.9189149,12.5000248 C18.9189149,8.95495801 16.045042,6.08108511 12.4999752,6.08108511 Z M12.4999752,16.6667163 C10.1988028,16.6667163 8.33328371,14.8011972 8.33328371,12.5000248 C8.33328371,10.1988524 10.1988028,8.33333333 12.4999752,8.33333333 C14.8011476,8.33333333 16.6666667,10.1988524 16.6666667,12.5000248 C16.6666667,14.8011972 14.8011476,16.6667163 12.4999752,16.6667163 Z M20.6724939,5.82748327 C20.6724939,6.65591923 20.0009526,7.32751007 19.1725167,7.32751007 C18.3440808,7.32751007 17.6724899,6.65591923 17.6724899,5.82748327 C17.6724899,4.99904731 18.3440808,4.32750609 19.1725167,4.32750609 C20.0009526,4.32750609 20.6724939,4.99904731 20.6724939,5.82748327 Z" fill="#FFF" fill-rule="nonzero"></path></svg></div></a><a href="https://dribbble.com/metalab" target="_blank" rel="noopener noreferrer" class="LandingContainer__SocialLink-s1msgrgs-4 gGxWwd"><div class="Icon__IconContainer-s1eymix-0 clAVox" role="img" aria-label="dribble icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="25" height="25"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="25" height="25" viewBox="0 0 25 25"><path d="M0,12.5 C0,10.233325 0.55835,8.141675 1.675,6.225 C2.791675,4.308325 4.30835,2.791675 6.225,1.675 C8.141675,0.558325 10.23335,0 12.5,0 C14.766675,0 16.85835,0.558325 18.775,1.675 C20.691675,2.791675 22.20835,4.308325 23.325,6.225 C24.441675,8.141675 25,10.233325 25,12.5 C25,14.766675 24.441675,16.858325 23.325,18.775 C22.20835,20.691675 20.691675,22.208325 18.775,23.325 C16.85835,24.441675 14.766675,25 12.5,25 C10.23335,25 8.141675,24.441675 6.225,23.325 C4.30835,22.208325 2.791675,20.691675 1.675,18.775 C0.55835,16.858325 0,14.766675 0,12.5 Z M2.075,12.5 C2.075,15.1 2.95,17.391675 4.7,19.375 C5.5,17.808325 6.766675,16.316675 8.5,14.9 C10.23335,13.483325 11.925,12.591675 13.575,12.225 C13.325,11.641675 13.08335,11.116675 12.85,10.65 C9.98335,11.566675 6.88335,12.025 3.55,12.025 C2.9,12.025 2.416675,12.016675 2.1,12 C2.1,12.066675 2.09585,12.15 2.0875,12.25 C2.079175,12.35 2.075,12.433325 2.075,12.5 Z M2.4,9.925 C2.766675,9.958325 3.30835,9.975 4.025,9.975 C6.80835,9.975 9.45,9.6 11.95,8.85 C10.68335,6.6 9.291675,4.725 7.775,3.225 C6.45835,3.891675 5.329175,4.816675 4.3875,6 C3.44585,7.183325 2.78335,8.491675 2.4,9.925 Z M6.125,20.725 C8.00835,22.191675 10.13335,22.925 12.5,22.925 C13.73335,22.925 14.95835,22.691675 16.175,22.225 C15.841675,19.375 15.191675,16.616675 14.225,13.95 C12.691675,14.283325 11.14585,15.125 9.5875,16.475 C8.029175,17.825 6.875,19.241675 6.125,20.725 Z M9.95,2.425 C11.416675,3.941675 12.775,5.833325 14.025,8.1 C16.291675,7.15 18,5.941675 19.15,4.475 C17.216675,2.875 15,2.075 12.5,2.075 C11.65,2.075 10.8,2.191675 9.95,2.425 Z M14.925,9.875 C15.175,10.408325 15.45835,11.083325 15.775,11.9 C17.00835,11.783325 18.35,11.725 19.8,11.725 C20.83335,11.725 21.85835,11.75 22.875,11.8 C22.741675,9.533325 21.925,7.516675 20.425,5.75 C19.341675,7.366675 17.50835,8.741675 14.925,9.875 Z M16.4,13.65 C17.25,16.116675 17.825,18.65 18.125,21.25 C19.441675,20.4 20.516675,19.308325 21.35,17.975 C22.18335,16.641675 22.68335,15.2 22.85,13.65 C21.63335,13.566675 20.525,13.525 19.525,13.525 C18.60835,13.525 17.566675,13.566675 16.4,13.65 Z" fill="#FFF" fill-rule="nonzero"></path></svg></div></a><a href="https://twitter.com/metalab" target="_blank" rel="noopener noreferrer" class="LandingContainer__SocialLink-s1msgrgs-4 gGxWwd"><div class="Icon__IconContainer-s1eymix-0 clAVox" role="img" aria-label="twitter icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="25" height="21"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="25" height="21" viewBox="0 0 25 21"><path d="M25,2.4487478 C24.0798596,2.86429011 23.0925622,3.14610614 22.0552239,3.27192208 C23.1144169,2.6254813 23.9252025,1.60013555 24.309476,0.382110738 C23.3159286,0.980756447 22.2192357,1.41545009 21.050688,1.65109476 C20.114943,0.633700975 18.7839359,0 17.3076263,0 C14.4753504,0 12.1789006,2.34050113 12.1789006,5.22552464 C12.1789006,5.63469704 12.224203,6.03433541 12.3117031,6.41648779 C8.05001315,6.19832912 4.27104456,4.11737019 1.74183291,0.955276846 C1.29971618,1.72590986 1.04820433,2.6238576 1.04820433,3.58238185 C1.04820433,5.39588824 1.95429241,6.99602379 3.32904956,7.93219094 C2.48856616,7.90354721 1.69808284,7.66790254 1.0060474,7.27621613 L1.0060474,7.3414972 C1.0060474,9.8730537 2.77447349,11.9858621 5.11933026,12.4667271 C4.68971355,12.5845495 4.23668993,12.6498305 3.76802086,12.6498305 C3.43685202,12.6498305 3.11659006,12.616399 2.80257811,12.5527 C3.4555612,14.6304948 5.3489875,16.1414517 7.59233267,16.1828769 C5.83795889,17.5840051 3.62586377,18.4167134 1.22320461,18.4167134 C0.809233348,18.4167134 0.401471244,18.3912338 0,18.3450624 C2.2698975,19.8305814 4.96471399,20.6967213 7.86104226,20.6967213 C17.295208,20.6967213 22.4520792,12.7326392 22.4520792,5.82579404 L22.4348814,5.14912747 C23.4424811,4.41667223 24.3141737,3.49640901 25,2.4487478 Z" fill="#FFF" fill-rule="evenodd"></path></svg></div></a></div></div><div class="LandingContainer__Main-s1msgrgs-0 dYXytV" style="display:none"><div class="Container-ybirvx-0 eCMzjk"><div class="PageBlock-s12ll291-0 breLDb"><div class="SpacedContent-s13gt09q-0 iQaPVq"><div class="Header__Wrapper-scxpr0-1 ewBiUf"><div><div class="Grid__GridContainer-xhz9es-0 emdTYp"><div class="Col-mbuk5t-0 fyVPxR" style="transition:0.3 height ease-in-out"><div><div class="Grid__GridContainer-xhz9es-0 emdTYp"><div class="Col-mbuk5t-0 iZNNHv"><div class="PaddedContent-s14eps5c-0 jtDZOB"><div class="Icon__IconContainer-s1eymix-0 clAVox" style="width:49px;height:49px" role="img" aria-label="logo icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="70" height="70"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="70" height="70" viewBox="0 0 70 70"><g fill-rule="evenodd"><path d="M66.8810256,30.2646154 L49.7746154,21.7105128 C49.0525641,21.3548718 48.4546154,20.7589744 48.0948718,20.0348718 L39.5366667,2.91974359 C38.6507692,1.14974359 36.8720513,0.05 34.8935897,0.0497435897 L34.8928205,0.0497435897 C32.9138462,0.0497435897 31.1351282,1.14923077 30.25,2.91974359 L21.6958974,20.0261538 C21.3402564,20.7479487 20.744359,21.3458974 20.0202564,21.7061538 L2.90512821,30.2641026 C1.13512821,31.1489744 0.0353846154,32.9284615 0.0351282051,34.9071795 C0.0348717949,36.8866667 1.13461538,38.665641 2.90512821,39.5507692 L20.0115385,48.1048718 C20.7333333,48.4605128 21.3312821,49.0564103 21.6915385,49.7807692 L30.2494872,66.8958974 C31.1346154,68.6658974 32.9135897,69.765641 34.8925641,69.765641 L34.8925641,69.7661538 C36.8720513,69.7661538 38.6507692,68.6664103 39.5361538,66.8958974 L48.0905128,49.7892308 C48.4458974,49.0676923 49.0420513,48.4697436 49.7661538,48.1094872 L66.8810256,39.5512821 C68.6512821,38.6664103 69.7510256,36.8871795 69.7510256,34.9082051 C69.7515385,32.9289744 68.6517949,31.1494872 66.8810256,30.2646154 L66.8810256,30.2646154 Z M43.0512821,40.2479487 C43.0512821,41.0669231 42.3874359,41.7315385 41.5679487,41.7315385 C40.7487179,41.7315385 40.0846154,41.0669231 40.0846154,40.2479487 L40.0846154,32.6538462 L35.8192308,36.0658974 C35.2774359,36.5002564 34.5079487,36.5002564 33.9664103,36.0658974 L29.7012821,32.6541026 L29.7012821,40.2479487 C29.7012821,41.0669231 29.0371795,41.7315385 28.2179487,41.7315385 C27.3987179,41.7315385 26.7346154,41.0669231 26.7346154,40.2479487 L26.7346154,29.5679487 C26.7346154,28.9976923 27.0615385,28.4779487 27.5753846,28.2312821 C28.0882051,27.9833333 28.6989744,28.0530769 29.144359,28.4097436 L34.8928205,33.0082051 L40.6415385,28.4094872 C41.0861538,28.0528205 41.6966667,27.9835897 42.2105128,28.2310256 C42.724359,28.4776923 43.0512821,28.9974359 43.0512821,29.5676923 L43.0512821,40.2479487 L43.0512821,40.2479487 Z"></path><path d="M65.4241026 27.8776923L66.2235897 26.9561538C67.5194872 25.4612821 67.8546154 23.3966667 67.0979487 21.5679487 66.3405128 19.7389744 64.6433333 18.5158974 62.6697436 18.3761538L61.4530769 18.2897436 59.2812821 24.8058974 65.4241026 27.8776923M51.5115385 8.3474359L51.4248718 7.13102564C51.2846154 5.1574359 50.0615385 3.46051282 48.2330769 2.7025641 47.5925641 2.43717949 46.9205128 2.3025641 46.2358974 2.3025641 44.9964103 2.3025641 43.7925641 2.75512821 42.8451282 3.57692308L41.9235897 4.37615385 44.9948718 10.5192308 51.5115385 8.3474359M49.4220513 19.3728205C49.6389744 19.8092308 49.9984615 20.1669231 50.4341026 20.3817949L57.9410256 24.135641 60.7953846 15.5720513C61.4212821 13.6948718 60.9410256 11.6592308 59.5417949 10.2594872 58.5587179 9.27615385 57.2594872 8.73487179 55.884359 8.73487179 55.3241026 8.73487179 54.7671795 8.82564103 54.2287179 9.00538462L45.6653846 11.8594872 49.4220513 19.3728205M27.8633333 4.37641026L26.9420513 3.57769231C25.9938462 2.75538462 24.7892308 2.3025641 23.5502564 2.3025641 22.8658974 2.3025641 22.1946154 2.43717949 21.5538462 2.7025641 19.7251282 3.46 18.5023077 5.15692308 18.3620513 7.13128205L18.275641 8.3474359 24.7912821 10.5192308 27.8633333 4.37641026M11.8451282 24.1353846L19.3582051 20.3787179C19.7946154 20.1615385 20.1523077 19.8023077 20.3674359 19.3664103L24.1212821 11.8597436 15.5574359 9.00538462C15.0192308 8.82564103 14.4617949 8.73487179 13.9015385 8.73487179 12.5266667 8.73487179 11.2282051 9.27589744 10.2451282 10.2592308 8.84512821 11.6587179 8.36461538 13.694359 8.99102564 15.5712821L11.8451282 24.1353846M4.36230769 27.8771795L10.5051282 24.805641 8.33333333 18.2892308 7.1174359 18.375641C5.1425641 18.5166667 3.44564103 19.7394872 2.68897436 21.5674359 1.93128205 23.3961538 2.26615385 25.4605128 3.56307692 26.955641L4.36230769 27.8771795M20.3641026 50.4428205C20.1469231 50.0061538 19.7876923 49.6482051 19.3517949 49.4335897L11.8448718 45.6794872 8.99102564 54.2433333C8.36461538 56.1207692 8.84512821 58.1564103 10.244359 59.5553846 11.2276923 60.5387179 12.5266667 61.0802564 13.9020513 61.0802564 14.4623077 61.0802564 15.0192308 60.9892308 15.5574359 60.81L24.1207692 57.9553846 20.3641026 50.4428205M18.2753846 61.4676923L18.3617949 62.6833333C18.5023077 64.6574359 19.7251282 66.3541026 21.5535897 67.1112821 23.354359 67.8589744 25.4710256 67.5135897 26.9412821 66.2369231L27.8623077 65.4384615 24.7910256 59.2958974 18.2753846 61.4676923M4.36205128 41.9376923L3.56307692 42.8587179C2.26666667 44.3533333 1.93153846 46.4179487 2.68871795 48.2464103 3.44564103 50.0753846 5.14230769 51.2982051 7.11692308 51.4376923L8.33333333 51.5241026 10.5046154 45.0092308 4.36205128 41.9376923M41.9230769 65.4392308L42.8435897 66.2374359C44.3148718 67.5125641 46.4297436 67.8579487 48.2320513 67.1123077 50.0605128 66.3551282 51.2835897 64.6579487 51.4238462 62.6838462L51.5105128 61.4676923 44.9948718 59.2961538 41.9230769 65.4392308M57.9407692 45.68L50.4282051 49.4366667C49.9915385 49.6535897 49.6333333 50.0130769 49.4189744 50.4489744L45.6651282 57.955641 54.2287179 60.81C54.7671795 60.9897436 55.3241026 61.0807692 55.884359 61.0807692 57.2594872 61.0807692 58.5582051 60.5389744 59.5407692 59.5564103 60.9405128 58.1566667 61.4212821 56.1207692 60.7953846 54.2433333L57.9407692 45.68M65.4241026 41.9382051L59.2810256 45.0097436 61.4530769 51.525641 62.6687179 51.4392308C64.6438462 51.2982051 66.3410256 50.0748718 67.0979487 48.2479487 67.8551282 46.4194872 67.5205128 44.3548718 66.2235897 42.8597436L65.4241026 41.9382051"></path></g></svg></div></div></div><div class="Col-mbuk5t-0 cyQwLP"><div class="Icon__IconContainer-s1eymix-0 clAVox" style="width:49px;height:49px" role="img" aria-label="logo icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="70" height="70"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="70" height="70" viewBox="0 0 70 70"><g fill-rule="evenodd"><path d="M66.8810256,30.2646154 L49.7746154,21.7105128 C49.0525641,21.3548718 48.4546154,20.7589744 48.0948718,20.0348718 L39.5366667,2.91974359 C38.6507692,1.14974359 36.8720513,0.05 34.8935897,0.0497435897 L34.8928205,0.0497435897 C32.9138462,0.0497435897 31.1351282,1.14923077 30.25,2.91974359 L21.6958974,20.0261538 C21.3402564,20.7479487 20.744359,21.3458974 20.0202564,21.7061538 L2.90512821,30.2641026 C1.13512821,31.1489744 0.0353846154,32.9284615 0.0351282051,34.9071795 C0.0348717949,36.8866667 1.13461538,38.665641 2.90512821,39.5507692 L20.0115385,48.1048718 C20.7333333,48.4605128 21.3312821,49.0564103 21.6915385,49.7807692 L30.2494872,66.8958974 C31.1346154,68.6658974 32.9135897,69.765641 34.8925641,69.765641 L34.8925641,69.7661538 C36.8720513,69.7661538 38.6507692,68.6664103 39.5361538,66.8958974 L48.0905128,49.7892308 C48.4458974,49.0676923 49.0420513,48.4697436 49.7661538,48.1094872 L66.8810256,39.5512821 C68.6512821,38.6664103 69.7510256,36.8871795 69.7510256,34.9082051 C69.7515385,32.9289744 68.6517949,31.1494872 66.8810256,30.2646154 L66.8810256,30.2646154 Z M43.0512821,40.2479487 C43.0512821,41.0669231 42.3874359,41.7315385 41.5679487,41.7315385 C40.7487179,41.7315385 40.0846154,41.0669231 40.0846154,40.2479487 L40.0846154,32.6538462 L35.8192308,36.0658974 C35.2774359,36.5002564 34.5079487,36.5002564 33.9664103,36.0658974 L29.7012821,32.6541026 L29.7012821,40.2479487 C29.7012821,41.0669231 29.0371795,41.7315385 28.2179487,41.7315385 C27.3987179,41.7315385 26.7346154,41.0669231 26.7346154,40.2479487 L26.7346154,29.5679487 C26.7346154,28.9976923 27.0615385,28.4779487 27.5753846,28.2312821 C28.0882051,27.9833333 28.6989744,28.0530769 29.144359,28.4097436 L34.8928205,33.0082051 L40.6415385,28.4094872 C41.0861538,28.0528205 41.6966667,27.9835897 42.2105128,28.2310256 C42.724359,28.4776923 43.0512821,28.9974359 43.0512821,29.5676923 L43.0512821,40.2479487 L43.0512821,40.2479487 Z"></path><path d="M65.4241026 27.8776923L66.2235897 26.9561538C67.5194872 25.4612821 67.8546154 23.3966667 67.0979487 21.5679487 66.3405128 19.7389744 64.6433333 18.5158974 62.6697436 18.3761538L61.4530769 18.2897436 59.2812821 24.8058974 65.4241026 27.8776923M51.5115385 8.3474359L51.4248718 7.13102564C51.2846154 5.1574359 50.0615385 3.46051282 48.2330769 2.7025641 47.5925641 2.43717949 46.9205128 2.3025641 46.2358974 2.3025641 44.9964103 2.3025641 43.7925641 2.75512821 42.8451282 3.57692308L41.9235897 4.37615385 44.9948718 10.5192308 51.5115385 8.3474359M49.4220513 19.3728205C49.6389744 19.8092308 49.9984615 20.1669231 50.4341026 20.3817949L57.9410256 24.135641 60.7953846 15.5720513C61.4212821 13.6948718 60.9410256 11.6592308 59.5417949 10.2594872 58.5587179 9.27615385 57.2594872 8.73487179 55.884359 8.73487179 55.3241026 8.73487179 54.7671795 8.82564103 54.2287179 9.00538462L45.6653846 11.8594872 49.4220513 19.3728205M27.8633333 4.37641026L26.9420513 3.57769231C25.9938462 2.75538462 24.7892308 2.3025641 23.5502564 2.3025641 22.8658974 2.3025641 22.1946154 2.43717949 21.5538462 2.7025641 19.7251282 3.46 18.5023077 5.15692308 18.3620513 7.13128205L18.275641 8.3474359 24.7912821 10.5192308 27.8633333 4.37641026M11.8451282 24.1353846L19.3582051 20.3787179C19.7946154 20.1615385 20.1523077 19.8023077 20.3674359 19.3664103L24.1212821 11.8597436 15.5574359 9.00538462C15.0192308 8.82564103 14.4617949 8.73487179 13.9015385 8.73487179 12.5266667 8.73487179 11.2282051 9.27589744 10.2451282 10.2592308 8.84512821 11.6587179 8.36461538 13.694359 8.99102564 15.5712821L11.8451282 24.1353846M4.36230769 27.8771795L10.5051282 24.805641 8.33333333 18.2892308 7.1174359 18.375641C5.1425641 18.5166667 3.44564103 19.7394872 2.68897436 21.5674359 1.93128205 23.3961538 2.26615385 25.4605128 3.56307692 26.955641L4.36230769 27.8771795M20.3641026 50.4428205C20.1469231 50.0061538 19.7876923 49.6482051 19.3517949 49.4335897L11.8448718 45.6794872 8.99102564 54.2433333C8.36461538 56.1207692 8.84512821 58.1564103 10.244359 59.5553846 11.2276923 60.5387179 12.5266667 61.0802564 13.9020513 61.0802564 14.4623077 61.0802564 15.0192308 60.9892308 15.5574359 60.81L24.1207692 57.9553846 20.3641026 50.4428205M18.2753846 61.4676923L18.3617949 62.6833333C18.5023077 64.6574359 19.7251282 66.3541026 21.5535897 67.1112821 23.354359 67.8589744 25.4710256 67.5135897 26.9412821 66.2369231L27.8623077 65.4384615 24.7910256 59.2958974 18.2753846 61.4676923M4.36205128 41.9376923L3.56307692 42.8587179C2.26666667 44.3533333 1.93153846 46.4179487 2.68871795 48.2464103 3.44564103 50.0753846 5.14230769 51.2982051 7.11692308 51.4376923L8.33333333 51.5241026 10.5046154 45.0092308 4.36205128 41.9376923M41.9230769 65.4392308L42.8435897 66.2374359C44.3148718 67.5125641 46.4297436 67.8579487 48.2320513 67.1123077 50.0605128 66.3551282 51.2835897 64.6579487 51.4238462 62.6838462L51.5105128 61.4676923 44.9948718 59.2961538 41.9230769 65.4392308M57.9407692 45.68L50.4282051 49.4366667C49.9915385 49.6535897 49.6333333 50.0130769 49.4189744 50.4489744L45.6651282 57.955641 54.2287179 60.81C54.7671795 60.9897436 55.3241026 61.0807692 55.884359 61.0807692 57.2594872 61.0807692 58.5582051 60.5389744 59.5407692 59.5564103 60.9405128 58.1566667 61.4212821 56.1207692 60.7953846 54.2433333L57.9407692 45.68M65.4241026 41.9382051L59.2810256 45.0097436 61.4530769 51.525641 62.6687179 51.4392308C64.6438462 51.2982051 66.3410256 50.0748718 67.0979487 48.2479487 67.8551282 46.4194872 67.5205128 44.3548718 66.2235897 42.8597436L65.4241026 41.9382051"></path></g></svg></div></div><div class="Col-mbuk5t-0 KrrbI"><div class="Header__Shifty-scxpr0-0 cVfoyI"><span class="styles__Container-s1bhetbc-0 hCXJNJ" style="white-space:nowrap"><div class="Text__InnerText-s1e82ayr-0 hDRCNq" color="white" style="font-size:1.1rem">We make</div><span class="styles__IconBox-s1bhetbc-1 dctqnO"><span><div style="position:absolute;opacity:1;transform:translateY(0rem)"><div class="Icon__IconContainer-s1eymix-0 clAVox" color="white" style="width:1.75rem;height:1.25rem" role="img" aria-label="phone-with-notch icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="20" height="32"></canvas><svg class="interfaceIcon Icon-s1eymix-2 dHyUPT" width="20" height="32" viewBox="0 0 20 32"><defs><linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="svg2472972439a"><stop stop-color="#FFF" offset="0%"></stop><stop stop-color="#FFF" stop-opacity="0" offset="100%"></stop></linearGradient></defs><g fill="none" fill-rule="evenodd"><path d="M0 32L32 32 32 0 0 0z" transform="translate(-6)"></path><path fill="url(#svg2472972439a)" opacity=".5" d="M8 30L24 30 24 2 8 2z" transform="translate(-6)"></path><path d="M24,29 C24,29.551 23.551,30 23,30 L9,30 C8.449,30 8,29.551 8,29 L8,3 C8,2.449 8.449,2 9,2 L10.171,2 C10.438,2 10.69,2.104 10.879,2.293 L12,3.414 C12.378,3.792 12.88,4 13.414,4 L18.586,4 C19.12,4 19.622,3.792 20,3.414 L21.121,2.293 C21.31,2.104 21.562,2 21.829,2 L23,2 C23.551,2 24,2.449 24,3 L24,29 Z M23,0 L21.829,0 L10.171,0 L9,0 C7.346,0 6,1.346 6,3 L6,29 C6,30.654 7.346,32 9,32 L23,32 C24.654,32 26,30.654 26,29 L26,3 C26,1.346 24.654,0 23,0 L23,0 Z M18,26 L14,26 C13.448,26 13,26.448 13,27 C13,27.552 13.448,28 14,28 L18,28 C18.552,28 19,27.552 19,27 C19,26.448 18.552,26 18,26" fill="#FFF" transform="translate(-6)"></path></g></svg></div></div></span></span><div class="Text__InnerText-s1e82ayr-0 hDRCNq" color="white" style="font-size:1.1rem">interfaces.</div></span></div></div></div></div></div><div class="Col-mbuk5t-0 kSKNUI"><div class="Text__InnerText-s1e82ayr-0 fxbscF"><div class="SpacedContent-s13gt09q-0 kIEgxi" style="display:flex;justify-content:flex-end"><div class="Text__InnerText-s1e82ayr-0 epAxJE" color="white"><a class="sc-bwzfXH lkQdod" href="/company">About</a></div><div class="Text__InnerText-s1e82ayr-0 epAxJE" color="white"><a class="sc-bwzfXH lkQdod" href="/careers">Careers</a></div><div class="Text__InnerText-s1e82ayr-0 epAxJE" color="white"><a class="sc-bwzfXH lkQdod" href="/contact">Contact</a></div><div class="Text__InnerText-s1e82ayr-0 epAxJE" color="white"><a class="sc-bwzfXH lkQdod" href="/blog">Blog</a></div></div></div></div></div></div><div><div class="Grid__GridContainer-xhz9es-0 iGgbeI"><div class="Col-mbuk5t-0 cTsLYj"></div><div class="Col-mbuk5t-0 ccqhfw"><div class="Text__InnerText-s1e82ayr-0 bmfMVH" style="font-size:0.9rem" color="opal">Since 2006, we’ve helped some of the world’s top companies design, build, and ship amazing products and services.</div></div></div></div></div><div><div class="Grid__GridContainer-xhz9es-0 iGgbeI"><div class="Col-mbuk5t-0 cTsLYj"></div><div class="Col-mbuk5t-0 cucllH"><div><div class="Grid__GridContainer-xhz9es-0 iGgbeI"><div class="Col-mbuk5t-0 iWsSRA"><div><div class="Grid__GridContainer-xhz9es-0 iGgbeI"><div class="Col-mbuk5t-0 hIPCOZ"><div class="PaddedContent-s14eps5c-0 fYWtVH"><div class="Text__InnerText-s1e82ayr-0 gGZhyX" color="opal">Startups</div></div></div><div class="Col-mbuk5t-0 yyMvA"><div class="PaddedContent-s14eps5c-0 hZQNNT"><div class="Text__InnerText-s1e82ayr-0 gGZhyX" color="opal">Startups</div></div></div></div></div><a class="ProjectLink__Link-s1i55sf9-1 khJyAn" style="color:white" href="/projects/tempest"><div class="Text__InnerText-s1e82ayr-0 jHwoNe"><div class="ProjectLink__LinkContent-s1i55sf9-3 gTsMnA">Tempest<div class="ProjectLink__Arrow-s1i55sf9-0 bAnjJu"><div class="Icon__IconContainer-s1eymix-0 clAVox" style="vertical-align:-0.1em" role="img" aria-label="arrow-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="32" height="32"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="32" height="32" viewBox="0 0 32 32"><g fill-rule="evenodd"><path transform="scale(-1 1) rotate(45 -11.999 -25.642)" d="M5.364 -0.236H7.364V15.764H5.364z"></path><path transform="rotate(-135 15.163 15.994)" d="M5.364 9.764H7.364V25.764H5.364z"></path><path d="M2 14H26V16H2z" transform="matrix(-1 0 0 1 29 1)"></path></g></svg></div></div><div class="Icon__IconContainer-s1eymix-0 clAVox" style="width:12px;height:20px;margin-top:15px" role="img" aria-label="chevron-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="9" height="15"></canvas><svg class="ProjectLink__Chevron-s1i55sf9-2 edJoaK Icon-s1eymix-2 kALlyJ" width="9" height="15" viewBox="0 0 9 15"><path transform="rotate(-45 5.036 12.157)" d="M10.071068 0.0710678L10.071068 10.0710678 0.071068 10.0710678" stroke="currentColor" fill="none" fill-rule="evenodd"></path></svg></div></div></div></a><a class="ProjectLink__Link-s1i55sf9-1 khJyAn" style="color:white" href="/projects/waking-up"><div class="Text__InnerText-s1e82ayr-0 jHwoNe"><div class="ProjectLink__LinkContent-s1i55sf9-3 gTsMnA">Waking Up<div class="ProjectLink__Arrow-s1i55sf9-0 bAnjJu"><div class="Icon__IconContainer-s1eymix-0 clAVox" style="vertical-align:-0.1em" role="img" aria-label="arrow-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="32" height="32"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="32" height="32" viewBox="0 0 32 32"><g fill-rule="evenodd"><path transform="scale(-1 1) rotate(45 -11.999 -25.642)" d="M5.364 -0.236H7.364V15.764H5.364z"></path><path transform="rotate(-135 15.163 15.994)" d="M5.364 9.764H7.364V25.764H5.364z"></path><path d="M2 14H26V16H2z" transform="matrix(-1 0 0 1 29 1)"></path></g></svg></div></div><div class="Icon__IconContainer-s1eymix-0 clAVox" style="width:12px;height:20px;margin-top:15px" role="img" aria-label="chevron-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="9" height="15"></canvas><svg class="ProjectLink__Chevron-s1i55sf9-2 edJoaK Icon-s1eymix-2 kALlyJ" width="9" height="15" viewBox="0 0 9 15"><path transform="rotate(-45 5.036 12.157)" d="M10.071068 0.0710678L10.071068 10.0710678 0.071068 10.0710678" stroke="currentColor" fill="none" fill-rule="evenodd"></path></svg></div></div></div></a><a class="ProjectLink__Link-s1i55sf9-1 khJyAn" style="color:white" href="/projects/notarize"><div class="Text__InnerText-s1e82ayr-0 jHwoNe"><div class="ProjectLink__LinkContent-s1i55sf9-3 gTsMnA">Notarize<div class="ProjectLink__Arrow-s1i55sf9-0 bAnjJu"><div class="Icon__IconContainer-s1eymix-0 clAVox" style="vertical-align:-0.1em" role="img" aria-label="arrow-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="32" height="32"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="32" height="32" viewBox="0 0 32 32"><g fill-rule="evenodd"><path transform="scale(-1 1) rotate(45 -11.999 -25.642)" d="M5.364 -0.236H7.364V15.764H5.364z"></path><path transform="rotate(-135 15.163 15.994)" d="M5.364 9.764H7.364V25.764H5.364z"></path><path d="M2 14H26V16H2z" transform="matrix(-1 0 0 1 29 1)"></path></g></svg></div></div><div class="Icon__IconContainer-s1eymix-0 clAVox" style="width:12px;height:20px;margin-top:15px" role="img" aria-label="chevron-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="9" height="15"></canvas><svg class="ProjectLink__Chevron-s1i55sf9-2 edJoaK Icon-s1eymix-2 kALlyJ" width="9" height="15" viewBox="0 0 9 15"><path transform="rotate(-45 5.036 12.157)" d="M10.071068 0.0710678L10.071068 10.0710678 0.071068 10.0710678" stroke="currentColor" fill="none" fill-rule="evenodd"></path></svg></div></div></div></a><a class="ProjectLink__Link-s1i55sf9-1 khJyAn" style="color:white" href="/projects/finery"><div class="Text__InnerText-s1e82ayr-0 jHwoNe"><div class="ProjectLink__LinkContent-s1i55sf9-3 gTsMnA">Finery<div class="ProjectLink__Arrow-s1i55sf9-0 bAnjJu"><div class="Icon__IconContainer-s1eymix-0 clAVox" style="vertical-align:-0.1em" role="img" aria-label="arrow-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="32" height="32"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="32" height="32" viewBox="0 0 32 32"><g fill-rule="evenodd"><path transform="scale(-1 1) rotate(45 -11.999 -25.642)" d="M5.364 -0.236H7.364V15.764H5.364z"></path><path transform="rotate(-135 15.163 15.994)" d="M5.364 9.764H7.364V25.764H5.364z"></path><path d="M2 14H26V16H2z" transform="matrix(-1 0 0 1 29 1)"></path></g></svg></div></div><div class="Icon__IconContainer-s1eymix-0 clAVox" style="width:12px;height:20px;margin-top:15px" role="img" aria-label="chevron-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="9" height="15"></canvas><svg class="ProjectLink__Chevron-s1i55sf9-2 edJoaK Icon-s1eymix-2 kALlyJ" width="9" height="15" viewBox="0 0 9 15"><path transform="rotate(-45 5.036 12.157)" d="M10.071068 0.0710678L10.071068 10.0710678 0.071068 10.0710678" stroke="currentColor" fill="none" fill-rule="evenodd"></path></svg></div></div></div></a><a class="ProjectLink__Link-s1i55sf9-1 khJyAn" style="color:white" href="/projects/otter"><div class="Text__InnerText-s1e82ayr-0 jHwoNe"><div class="ProjectLink__LinkContent-s1i55sf9-3 gTsMnA">Otter<div class="ProjectLink__Arrow-s1i55sf9-0 bAnjJu"><div class="Icon__IconContainer-s1eymix-0 clAVox" style="vertical-align:-0.1em" role="img" aria-label="arrow-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="32" height="32"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="32" height="32" viewBox="0 0 32 32"><g fill-rule="evenodd"><path transform="scale(-1 1) rotate(45 -11.999 -25.642)" d="M5.364 -0.236H7.364V15.764H5.364z"></path><path transform="rotate(-135 15.163 15.994)" d="M5.364 9.764H7.364V25.764H5.364z"></path><path d="M2 14H26V16H2z" transform="matrix(-1 0 0 1 29 1)"></path></g></svg></div></div><div class="Icon__IconContainer-s1eymix-0 clAVox" style="width:12px;height:20px;margin-top:15px" role="img" aria-label="chevron-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="9" height="15"></canvas><svg class="ProjectLink__Chevron-s1i55sf9-2 edJoaK Icon-s1eymix-2 kALlyJ" width="9" height="15" viewBox="0 0 9 15"><path transform="rotate(-45 5.036 12.157)" d="M10.071068 0.0710678L10.071068 10.0710678 0.071068 10.0710678" stroke="currentColor" fill="none" fill-rule="evenodd"></path></svg></div></div></div></a><a class="ProjectLink__Link-s1i55sf9-1 khJyAn" style="color:white" href="/projects/dWave"><div class="Text__InnerText-s1e82ayr-0 jHwoNe"><div class="ProjectLink__LinkContent-s1i55sf9-3 gTsMnA">D-Wave<div class="ProjectLink__Arrow-s1i55sf9-0 bAnjJu"><div class="Icon__IconContainer-s1eymix-0 clAVox" style="vertical-align:-0.1em" role="img" aria-label="arrow-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="32" height="32"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="32" height="32" viewBox="0 0 32 32"><g fill-rule="evenodd"><path transform="scale(-1 1) rotate(45 -11.999 -25.642)" d="M5.364 -0.236H7.364V15.764H5.364z"></path><path transform="rotate(-135 15.163 15.994)" d="M5.364 9.764H7.364V25.764H5.364z"></path><path d="M2 14H26V16H2z" transform="matrix(-1 0 0 1 29 1)"></path></g></svg></div></div><div class="Icon__IconContainer-s1eymix-0 clAVox" style="width:12px;height:20px;margin-top:15px" role="img" aria-label="chevron-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="9" height="15"></canvas><svg class="ProjectLink__Chevron-s1i55sf9-2 edJoaK Icon-s1eymix-2 kALlyJ" width="9" height="15" viewBox="0 0 9 15"><path transform="rotate(-45 5.036 12.157)" d="M10.071068 0.0710678L10.071068 10.0710678 0.071068 10.0710678" stroke="currentColor" fill="none" fill-rule="evenodd"></path></svg></div></div></div></a></div><div class="Col-mbuk5t-0 iWsSRA"><div><div class="Grid__GridContainer-xhz9es-0 iGgbeI"><div class="Col-mbuk5t-0 hIPCOZ"><div class="PaddedContent-s14eps5c-0 fYWtVH"><div class="Text__InnerText-s1e82ayr-0 gGZhyX" color="opal">Leaders</div></div></div><div class="Col-mbuk5t-0 yyMvA"><div class="PaddedContent-s14eps5c-0 hZQNNT"><div class="Text__InnerText-s1e82ayr-0 gGZhyX" color="opal">Leaders</div></div></div></div></div><a class="ProjectLink__Link-s1i55sf9-1 khJyAn" style="color:white" href="/projects/uber"><div class="Text__InnerText-s1e82ayr-0 jHwoNe"><div class="ProjectLink__LinkContent-s1i55sf9-3 gTsMnA">Uber<div class="ProjectLink__Arrow-s1i55sf9-0 bAnjJu"><div class="Icon__IconContainer-s1eymix-0 clAVox" style="vertical-align:-0.1em" role="img" aria-label="arrow-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="32" height="32"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="32" height="32" viewBox="0 0 32 32"><g fill-rule="evenodd"><path transform="scale(-1 1) rotate(45 -11.999 -25.642)" d="M5.364 -0.236H7.364V15.764H5.364z"></path><path transform="rotate(-135 15.163 15.994)" d="M5.364 9.764H7.364V25.764H5.364z"></path><path d="M2 14H26V16H2z" transform="matrix(-1 0 0 1 29 1)"></path></g></svg></div></div><div class="Icon__IconContainer-s1eymix-0 clAVox" style="width:12px;height:20px;margin-top:15px" role="img" aria-label="chevron-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="9" height="15"></canvas><svg class="ProjectLink__Chevron-s1i55sf9-2 edJoaK Icon-s1eymix-2 kALlyJ" width="9" height="15" viewBox="0 0 9 15"><path transform="rotate(-45 5.036 12.157)" d="M10.071068 0.0710678L10.071068 10.0710678 0.071068 10.0710678" stroke="currentColor" fill="none" fill-rule="evenodd"></path></svg></div></div></div></a><a class="ProjectLink__Link-s1i55sf9-1 khJyAn" style="color:white" href="/projects/slack"><div class="Text__InnerText-s1e82ayr-0 jHwoNe"><div class="ProjectLink__LinkContent-s1i55sf9-3 gTsMnA">Slack<div class="ProjectLink__Arrow-s1i55sf9-0 bAnjJu"><div class="Icon__IconContainer-s1eymix-0 clAVox" style="vertical-align:-0.1em" role="img" aria-label="arrow-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="32" height="32"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="32" height="32" viewBox="0 0 32 32"><g fill-rule="evenodd"><path transform="scale(-1 1) rotate(45 -11.999 -25.642)" d="M5.364 -0.236H7.364V15.764H5.364z"></path><path transform="rotate(-135 15.163 15.994)" d="M5.364 9.764H7.364V25.764H5.364z"></path><path d="M2 14H26V16H2z" transform="matrix(-1 0 0 1 29 1)"></path></g></svg></div></div><div class="Icon__IconContainer-s1eymix-0 clAVox" style="width:12px;height:20px;margin-top:15px" role="img" aria-label="chevron-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="9" height="15"></canvas><svg class="ProjectLink__Chevron-s1i55sf9-2 edJoaK Icon-s1eymix-2 kALlyJ" width="9" height="15" viewBox="0 0 9 15"><path transform="rotate(-45 5.036 12.157)" d="M10.071068 0.0710678L10.071068 10.0710678 0.071068 10.0710678" stroke="currentColor" fill="none" fill-rule="evenodd"></path></svg></div></div></div></a><a class="ProjectLink__Link-s1i55sf9-1 khJyAn" style="color:white" href="/projects/vice"><div class="Text__InnerText-s1e82ayr-0 jHwoNe"><div class="ProjectLink__LinkContent-s1i55sf9-3 gTsMnA">VICE<div class="ProjectLink__Arrow-s1i55sf9-0 bAnjJu"><div class="Icon__IconContainer-s1eymix-0 clAVox" style="vertical-align:-0.1em" role="img" aria-label="arrow-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="32" height="32"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="32" height="32" viewBox="0 0 32 32"><g fill-rule="evenodd"><path transform="scale(-1 1) rotate(45 -11.999 -25.642)" d="M5.364 -0.236H7.364V15.764H5.364z"></path><path transform="rotate(-135 15.163 15.994)" d="M5.364 9.764H7.364V25.764H5.364z"></path><path d="M2 14H26V16H2z" transform="matrix(-1 0 0 1 29 1)"></path></g></svg></div></div><div class="Icon__IconContainer-s1eymix-0 clAVox" style="width:12px;height:20px;margin-top:15px" role="img" aria-label="chevron-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="9" height="15"></canvas><svg class="ProjectLink__Chevron-s1i55sf9-2 edJoaK Icon-s1eymix-2 kALlyJ" width="9" height="15" viewBox="0 0 9 15"><path transform="rotate(-45 5.036 12.157)" d="M10.071068 0.0710678L10.071068 10.0710678 0.071068 10.0710678" stroke="currentColor" fill="none" fill-rule="evenodd"></path></svg></div></div></div></a><a class="ProjectLink__Link-s1i55sf9-1 khJyAn" style="color:white" href="/projects/google-amp"><div class="Text__InnerText-s1e82ayr-0 jHwoNe"><div class="ProjectLink__LinkContent-s1i55sf9-3 gTsMnA">Google<div class="ProjectLink__Arrow-s1i55sf9-0 bAnjJu"><div class="Icon__IconContainer-s1eymix-0 clAVox" style="vertical-align:-0.1em" role="img" aria-label="arrow-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="32" height="32"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="32" height="32" viewBox="0 0 32 32"><g fill-rule="evenodd"><path transform="scale(-1 1) rotate(45 -11.999 -25.642)" d="M5.364 -0.236H7.364V15.764H5.364z"></path><path transform="rotate(-135 15.163 15.994)" d="M5.364 9.764H7.364V25.764H5.364z"></path><path d="M2 14H26V16H2z" transform="matrix(-1 0 0 1 29 1)"></path></g></svg></div></div><div class="Icon__IconContainer-s1eymix-0 clAVox" style="width:12px;height:20px;margin-top:15px" role="img" aria-label="chevron-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="9" height="15"></canvas><svg class="ProjectLink__Chevron-s1i55sf9-2 edJoaK Icon-s1eymix-2 kALlyJ" width="9" height="15" viewBox="0 0 9 15"><path transform="rotate(-45 5.036 12.157)" d="M10.071068 0.0710678L10.071068 10.0710678 0.071068 10.0710678" stroke="currentColor" fill="none" fill-rule="evenodd"></path></svg></div></div></div></a><a class="ProjectLink__Link-s1i55sf9-1 khJyAn" style="color:white" href="/projects/coinbase"><div class="Text__InnerText-s1e82ayr-0 jHwoNe"><div class="ProjectLink__LinkContent-s1i55sf9-3 gTsMnA">Coinbase<div class="ProjectLink__Arrow-s1i55sf9-0 bAnjJu"><div class="Icon__IconContainer-s1eymix-0 clAVox" style="vertical-align:-0.1em" role="img" aria-label="arrow-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="32" height="32"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="32" height="32" viewBox="0 0 32 32"><g fill-rule="evenodd"><path transform="scale(-1 1) rotate(45 -11.999 -25.642)" d="M5.364 -0.236H7.364V15.764H5.364z"></path><path transform="rotate(-135 15.163 15.994)" d="M5.364 9.764H7.364V25.764H5.364z"></path><path d="M2 14H26V16H2z" transform="matrix(-1 0 0 1 29 1)"></path></g></svg></div></div><div class="Icon__IconContainer-s1eymix-0 clAVox" style="width:12px;height:20px;margin-top:15px" role="img" aria-label="chevron-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="9" height="15"></canvas><svg class="ProjectLink__Chevron-s1i55sf9-2 edJoaK Icon-s1eymix-2 kALlyJ" width="9" height="15" viewBox="0 0 9 15"><path transform="rotate(-45 5.036 12.157)" d="M10.071068 0.0710678L10.071068 10.0710678 0.071068 10.0710678" stroke="currentColor" fill="none" fill-rule="evenodd"></path></svg></div></div></div></a><a class="ProjectLink__Link-s1i55sf9-1 khJyAn" style="color:white" href="/projects/amazon-photos"><div class="Text__InnerText-s1e82ayr-0 jHwoNe"><div class="ProjectLink__LinkContent-s1i55sf9-3 gTsMnA">Amazon<div class="ProjectLink__Arrow-s1i55sf9-0 bAnjJu"><div class="Icon__IconContainer-s1eymix-0 clAVox" style="vertical-align:-0.1em" role="img" aria-label="arrow-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="32" height="32"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="32" height="32" viewBox="0 0 32 32"><g fill-rule="evenodd"><path transform="scale(-1 1) rotate(45 -11.999 -25.642)" d="M5.364 -0.236H7.364V15.764H5.364z"></path><path transform="rotate(-135 15.163 15.994)" d="M5.364 9.764H7.364V25.764H5.364z"></path><path d="M2 14H26V16H2z" transform="matrix(-1 0 0 1 29 1)"></path></g></svg></div></div><div class="Icon__IconContainer-s1eymix-0 clAVox" style="width:12px;height:20px;margin-top:15px" role="img" aria-label="chevron-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="9" height="15"></canvas><svg class="ProjectLink__Chevron-s1i55sf9-2 edJoaK Icon-s1eymix-2 kALlyJ" width="9" height="15" viewBox="0 0 9 15"><path transform="rotate(-45 5.036 12.157)" d="M10.071068 0.0710678L10.071068 10.0710678 0.071068 10.0710678" stroke="currentColor" fill="none" fill-rule="evenodd"></path></svg></div></div></div></a></div></div></div></div><div class="Col-mbuk5t-0 iZNNHv"><div class="PaddedContent-s14eps5c-0 gdRSO"><div class="PaddedContent-s14eps5c-0 hZQNNT"><div class="Text__InnerText-s1e82ayr-0 ghTYvz" color="opal"><a class="MobileNav__Link-y71lqi-0 fOgavx" href="/company">About<div class="Icon__IconContainer-s1eymix-0 clAVox" style="width:11px;height:18px;margin-top:8px" role="img" aria-label="chevron-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="9" height="15"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="9" height="15" viewBox="0 0 9 15"><path transform="rotate(-45 5.036 12.157)" d="M10.071068 0.0710678L10.071068 10.0710678 0.071068 10.0710678" stroke="currentColor" fill="none" fill-rule="evenodd"></path></svg></div></a></div></div><div class="PaddedContent-s14eps5c-0 hZQNNT"><div class="Text__InnerText-s1e82ayr-0 ghTYvz" color="opal"><a class="MobileNav__Link-y71lqi-0 fOgavx" href="/careers">Careers<div class="Icon__IconContainer-s1eymix-0 clAVox" style="width:11px;height:18px;margin-top:8px" role="img" aria-label="chevron-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="9" height="15"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="9" height="15" viewBox="0 0 9 15"><path transform="rotate(-45 5.036 12.157)" d="M10.071068 0.0710678L10.071068 10.0710678 0.071068 10.0710678" stroke="currentColor" fill="none" fill-rule="evenodd"></path></svg></div></a></div></div><div class="PaddedContent-s14eps5c-0 hZQNNT"><div class="Text__InnerText-s1e82ayr-0 ghTYvz" color="opal"><a class="MobileNav__Link-y71lqi-0 fOgavx" href="/contact">Contact<div class="Icon__IconContainer-s1eymix-0 clAVox" style="width:11px;height:18px;margin-top:8px" role="img" aria-label="chevron-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="9" height="15"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="9" height="15" viewBox="0 0 9 15"><path transform="rotate(-45 5.036 12.157)" d="M10.071068 0.0710678L10.071068 10.0710678 0.071068 10.0710678" stroke="currentColor" fill="none" fill-rule="evenodd"></path></svg></div></a></div></div><div class="PaddedContent-s14eps5c-0 hZQNNT"><div class="Text__InnerText-s1e82ayr-0 ghTYvz" color="opal"><a class="MobileNav__Link-y71lqi-0 fOgavx" href="/blog">Blog<div class="Icon__IconContainer-s1eymix-0 clAVox" style="width:11px;height:18px;margin-top:8px" role="img" aria-label="chevron-right icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="9" height="15"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="9" height="15" viewBox="0 0 9 15"><path transform="rotate(-45 5.036 12.157)" d="M10.071068 0.0710678L10.071068 10.0710678 0.071068 10.0710678" stroke="currentColor" fill="none" fill-rule="evenodd"></path></svg></div></a></div></div></div></div></div></div><div><div class="Grid__GridContainer-xhz9es-0 iGgbeI"><div class="Col-mbuk5t-0 cTsLYj"></div><div class="Col-mbuk5t-0 cpUXzf"><div class="Text__InnerText-s1e82ayr-0 kNpbPt" color="white"><div class="Footer__Row-s97bdrl-0 gLGlRA"><span class="Pill-s1gy2jlg-0 iPLgTN" color="white" style="margin-top:-2px;text-align:center;font-variant-numeric:tabular-nums">0</span><div class="Text__InnerText-s1e82ayr-0 byjiAT">Products shipped and counting  <div class="Icon__IconContainer-s1eymix-0 clAVox" style="height:1.4em;top:-1px;vertical-align:middle" role="img" aria-label="rocket icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="32" height="32"></canvas><svg class="Icon-s1eymix-2 kALlyJ" width="32" height="32" viewBox="0 0 32 32"><path d="M20.0994237,27.8821681 L18.8094237,24.0131681 C19.7834237,23.0691681 22.1034237,20.7161681 24.4524237,17.5871681 C25.6244237,21.3791681 22.0114237,25.8541681 20.0994237,27.8821681 M17.3674237,15.0191681 C16.9764237,14.6291681 16.3434237,14.6291681 15.9534237,15.0191681 L13.1604237,17.8121681 L10.0624237,14.7141681 C12.4444237,12.3161681 20.8114237,4.44316814 28.6144237,3.77216814 C27.9434237,11.5751681 20.0704237,19.9431681 17.6714237,22.3241681 L14.5744237,19.2261681 L17.3674237,16.4331681 C17.7574237,16.0431681 17.7574237,15.4091681 17.3674237,15.0191681 M14.7984237,7.93416814 C11.6694237,10.2831681 9.31742367,12.6031681 8.37242367,13.5761681 L4.50342367,12.2871681 C6.53342367,10.3751681 11.0074237,6.76116814 14.7984237,7.93416814 M30.6604237,2.72616814 C30.6604237,2.17416814 30.2124237,1.72616814 29.6604237,1.72616814 C25.7974237,1.72616814 21.4444237,3.35816814 16.6964237,6.58016814 C10.1434237,2.93516814 2.25342367,11.6781681 1.91242367,12.0621681 C1.68942367,12.3131681 1.60742367,12.6591681 1.69442367,12.9851681 C1.78142367,13.3091681 2.02542367,13.5691681 2.34342367,13.6751681 L8.12042367,15.6001681 L11.7454237,19.2261681 L9.95342367,21.0191681 C9.56242367,21.4091681 9.56242367,22.0431681 9.95342367,22.4331681 C10.1484237,22.6291681 10.4044237,22.7261681 10.6604237,22.7261681 C10.9154237,22.7261681 11.1714237,22.6291681 11.3674237,22.4331681 L13.1604237,20.6401681 L16.7864237,24.2661681 L18.7104237,30.0421681 C18.8174237,30.3611681 19.0774237,30.6051681 19.4024237,30.6921681 C19.4874237,30.7151681 19.5744237,30.7261681 19.6604237,30.7261681 C19.9024237,30.7261681 20.1394237,30.6381681 20.3244237,30.4731681 C20.4204237,30.3881681 22.6994237,28.3481681 24.5034237,25.5131681 C26.8704237,21.7951681 27.3144237,18.4141681 25.8074237,15.6901681 C29.0284237,10.9421681 30.6604237,6.58916814 30.6604237,2.72616814 M20.6599237,10.7264681 C21.2119237,10.7264681 21.6599237,11.1744681 21.6599237,11.7264681 C21.6599237,12.2774681 21.2119237,12.7264681 20.6599237,12.7264681 C20.1079237,12.7264681 19.6599237,12.2774681 19.6599237,11.7264681 C19.6599237,11.1744681 20.1079237,10.7264681 20.6599237,10.7264681 M20.6599237,14.7264681 C22.3139237,14.7264681 23.6599237,13.3804681 23.6599237,11.7264681 C23.6599237,10.0724681 22.3139237,8.72646814 20.6599237,8.72646814 C19.0059237,8.72646814 17.6599237,10.0724681 17.6599237,11.7264681 C17.6599237,13.3804681 19.0059237,14.7264681 20.6599237,14.7264681 M12.3474237,24.6238681 C8.71742367,28.2548681 5.79942367,27.8388681 4.83142367,27.5548681 C4.54742367,26.5858681 4.13142367,23.6678681 7.76242367,20.0388681 C8.15242367,19.6478681 8.15242367,19.0148681 7.76242367,18.6238681 C7.37142367,18.2338681 6.73842367,18.2338681 6.34742367,18.6238681 C0.901423674,24.0708681 3.06642367,28.5888681 3.16042367,28.7778681 C3.16242367,28.7828681 3.16542367,28.7868681 3.16842367,28.7918681 C3.18842367,28.8298681 3.20942367,28.8668681 3.23442367,28.9028681 C3.23442367,28.9028681 3.23442367,28.9028681 3.23542367,28.9038681 C3.25842367,28.9368681 3.28442367,28.9698681 3.31342367,29.0008681 C3.32142367,29.0098681 3.32942367,29.0188681 3.33842367,29.0278681 C3.36042367,29.0498681 3.38242367,29.0708681 3.40642367,29.0898681 C3.41442367,29.0988681 3.42342367,29.1068681 3.43342367,29.1148681 C3.46142367,29.1378681 3.49242367,29.1588681 3.52342367,29.1778681 C3.54242367,29.1898681 3.56342367,29.2008681 3.58242367,29.2118681 C3.59142367,29.2158681 3.59942367,29.2218681 3.60742367,29.2258681 C3.61442367,29.2278681 3.62442367,29.2338681 3.63942367,29.2408681 C3.65042367,29.2458681 3.66142367,29.2508681 3.67242367,29.2558681 C3.92242367,29.3688681 4.82642367,29.7288681 6.17742367,29.7288681 C8.04542367,29.7288681 10.7634237,29.0368681 13.7624237,26.0388681 C14.1524237,25.6478681 14.1524237,25.0148681 13.7624237,24.6238681 C13.3714237,24.2338681 12.7384237,24.2338681 12.3474237,24.6238681" fill-rule="evenodd"></path></svg></div></div></div></div></div></div></div></div></div></div></div></div><div class="PageBlock-s12ll291-0 dMcgDi" style="opacity:1;z-index:3;background:#5a4fff"><span class="styles__Container-s1bhetbc-0 hCXJNJ" style="white-space:nowrap;opacity:1;font-family:Gill Sans"><div class="Text__InnerText-s1e82ayr-0 hDRCNq" color="white" style="font-size:1.1rem">We make</div><span class="styles__IconBox-s1bhetbc-1 dctqnO"><span><div style="position:absolute;opacity:1;transform:translateY(0rem)"><div class="Icon__IconContainer-s1eymix-0 clAVox" color="white" style="width:1.75rem;height:1.25rem" role="img" aria-label="phone-with-notch icon"><canvas class="Icon__CanvasShim-s1eymix-1 hvTkVn" width="20" height="32"></canvas><svg class="interfaceIcon Icon-s1eymix-2 dHyUPT" width="20" height="32" viewBox="0 0 20 32"><defs><linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="svg2472972439a"><stop stop-color="#FFF" offset="0%"></stop><stop stop-color="#FFF" stop-opacity="0" offset="100%"></stop></linearGradient></defs><g fill="none" fill-rule="evenodd"><path d="M0 32L32 32 32 0 0 0z" transform="translate(-6)"></path><path fill="url(#svg2472972439a)" opacity=".5" d="M8 30L24 30 24 2 8 2z" transform="translate(-6)"></path><path d="M24,29 C24,29.551 23.551,30 23,30 L9,30 C8.449,30 8,29.551 8,29 L8,3 C8,2.449 8.449,2 9,2 L10.171,2 C10.438,2 10.69,2.104 10.879,2.293 L12,3.414 C12.378,3.792 12.88,4 13.414,4 L18.586,4 C19.12,4 19.622,3.792 20,3.414 L21.121,2.293 C21.31,2.104 21.562,2 21.829,2 L23,2 C23.551,2 24,2.449 24,3 L24,29 Z M23,0 L21.829,0 L10.171,0 L9,0 C7.346,0 6,1.346 6,3 L6,29 C6,30.654 7.346,32 9,32 L23,32 C24.654,32 26,30.654 26,29 L26,3 C26,1.346 24.654,0 23,0 L23,0 Z M18,26 L14,26 C13.448,26 13,26.448 13,27 C13,27.552 13.448,28 14,28 L18,28 C18.552,28 19,27.552 19,27 C19,26.448 18.552,26 18,26" fill="#FFF" transform="translate(-6)"></path></g></svg></div></div></span></span><div class="Text__InnerText-s1e82ayr-0 hDRCNq" color="white" style="font-size:1.1rem">interfaces.</div></span></div></div></div></body></html>