CINXE.COM
<!doctype html><html lang="en"><head><title data-rh="true">Arpit Gupta – Medium</title><meta data-rh="true" charset="utf-8"/><meta data-rh="true" name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,maximum-scale=1"/><meta data-rh="true" name="theme-color" content="#000000"/><meta data-rh="true" name="twitter:app:name:iphone" content="Medium"/><meta data-rh="true" name="twitter:app:id:iphone" content="828256236"/><meta data-rh="true" property="al:ios:app_name" content="Medium"/><meta data-rh="true" property="al:ios:app_store_id" content="828256236"/><meta data-rh="true" property="al:android:package" content="com.medium.reader"/><meta data-rh="true" property="al:android:app_name" content="Medium"/><meta data-rh="true" property="fb:app_id" content="542599432471018"/><meta data-rh="true" property="og:site_name" content="Medium"/><meta data-rh="true" property="og:title" content="Arpit Gupta – Medium"/><meta data-rh="true" name="description" content="Read writing from Arpit Gupta on Medium. Design Systems Facilitator | Ex- Birdeye, Peppertype.ai, Airmeet, Kite.work, & Zappfresh | Design Educator | appy013.design | Founder - The Design Lake."/><meta data-rh="true" property="og:description" content="Read writing from Arpit Gupta on Medium. Design Systems Facilitator | Ex- Birdeye, Peppertype.ai, Airmeet, Kite.work, & Zappfresh | Design Educator | appy013.design | Founder - The Design Lake."/><meta data-rh="true" name="twitter:description" content="Read writing from Arpit Gupta on Medium. Design Systems Facilitator | Ex- Birdeye, Peppertype.ai, Airmeet, Kite.work, & Zappfresh | Design Educator | appy013.design | Founder - The Design Lake."/><meta data-rh="true" property="og:url" content="https://appy013.medium.com"/><meta data-rh="true" property="al:web:url" content="https://appy013.medium.com"/><meta data-rh="true" property="al:ios:url" content="medium://@appy013"/><meta data-rh="true" name="twitter:app:url:iphone" content="medium://@appy013"/><meta data-rh="true" property="al:android:url" content="medium://@appy013"/><meta data-rh="true" property="og:image" content="https://miro.medium.com/v2/resize:fit:2400/1*334T0Uz53pHDsRbeatSn0g.jpeg"/><meta data-rh="true" name="twitter:image:src" content="https://miro.medium.com/v2/resize:fit:2400/1*334T0Uz53pHDsRbeatSn0g.jpeg"/><meta data-rh="true" property="profile:username" content="appy013"/><meta data-rh="true" property="profile:first_name" content="Arpit"/><meta data-rh="true" property="profile:last_name" content="Gupta"/><meta data-rh="true" property="og:type" content="profile"/><meta data-rh="true" name="twitter:card" content="summary"/><link data-rh="true" rel="icon" href="https://miro.medium.com/v2/5d8de952517e8160e40ef9841c781cdc14a5db313057fa3c3de41c6f5b494b19"/><link data-rh="true" rel="search" type="application/opensearchdescription+xml" title="Medium" href="/osd.xml"/><link data-rh="true" rel="apple-touch-icon" sizes="152x152" href="https://miro.medium.com/v2/resize:fill:304:304/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="120x120" href="https://miro.medium.com/v2/resize:fill:240:240/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="76x76" href="https://miro.medium.com/v2/resize:fill:152:152/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="60x60" href="https://miro.medium.com/v2/resize:fill:120:120/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="mask-icon" href="https://miro.medium.com/v2/resize:fill:1000:1000/7*GAOKVe--MXbEJmV9230oOQ.png" color="#171717"/><link data-rh="true" id="glyph_preload_link" rel="preload" as="style" type="text/css" href="https://glyph.medium.com/css/unbound.css"/><link data-rh="true" id="glyph_link" rel="stylesheet" type="text/css" href="https://glyph.medium.com/css/unbound.css"/><link data-rh="true" rel="canonical" href="https://appy013.medium.com"/><link data-rh="true" rel="alternate" href="android-app://com.medium.reader/https/medium.com/@appy013"/><link data-rh="true" id="feedLink" rel="alternate" type="application/rss+xml" title="RSS" href="https://medium.com/feed/@appy013"/><link data-rh="true" rel="me" href="https://twitter.com/appy_013"/><style type="text/css" data-fela-rehydration="415" data-fela-type="STATIC">html{box-sizing:border-box;-webkit-text-size-adjust:100%}*, *:before, *:after{box-sizing:inherit}body{margin:0;padding:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:rgba(0,0,0,0.8);position:relative;min-height:100vh}h1, h2, h3, h4, h5, h6, dl, dd, ol, ul, menu, figure, blockquote, p, pre, form{margin:0}menu, ol, ul{padding:0;list-style:none;list-style-image:none}main{display:block}a{color:inherit;text-decoration:none}a, button, input{-webkit-tap-highlight-color:transparent}img, svg{vertical-align:middle}button{background:transparent;overflow:visible}button, input, optgroup, select, textarea{margin:0}:root{--reach-tabs:1;--reach-menu-button:1}#speechify-root{font-family:Sohne, sans-serif}div[data-popper-reference-hidden="true"]{visibility:hidden;pointer-events:none}.grecaptcha-badge{visibility:hidden} /*XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com>*/.hljs {background: #fff;color: black; }/* Gray DOCTYPE selectors like WebKit */ .xml .hljs-meta {color: #c0c0c0; }.hljs-comment, .hljs-quote {color: #007400; }.hljs-tag, .hljs-attribute, .hljs-keyword, .hljs-selector-tag, .hljs-literal, .hljs-name {color: #aa0d91; }.hljs-variable, .hljs-template-variable {color: #3F6E74; }.hljs-code, .hljs-string, .hljs-meta .hljs-string {color: #c41a16; }.hljs-regexp, .hljs-link {color: #0E0EFF; }.hljs-title, .hljs-symbol, .hljs-bullet, .hljs-number {color: #1c00cf; }.hljs-section, .hljs-meta {color: #643820; }.hljs-title.class_, .hljs-class .hljs-title, .hljs-type, .hljs-built_in, .hljs-params {color: #5c2699; }.hljs-attr {color: #836C28; }.hljs-subst {color: #000; }.hljs-formula {background-color: #eee;font-style: italic; }.hljs-addition {background-color: #baeeba; }.hljs-deletion {background-color: #ffc8bd; }.hljs-selector-id, .hljs-selector-class {color: #9b703f; }.hljs-doctag, .hljs-strong {font-weight: bold; }.hljs-emphasis {font-style: italic; } </style><style type="text/css" data-fela-rehydration="415" data-fela-type="KEYFRAME">@-webkit-keyframes k1{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-moz-keyframes k1{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes k1{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}</style><style type="text/css" data-fela-rehydration="415" data-fela-type="RULE">.a{font-family:medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}.b{font-weight:400}.c{background-color:rgba(255, 255, 255, 1)}.l{display:block}.m{position:sticky}.n{top:0}.o{z-index:500}.p{padding:0 24px}.q{align-items:center}.r{border-bottom:solid 1px #F2F2F2}.y{height:41px}.z{line-height:20px}.ab{display:flex}.ac{height:57px}.ae{flex:1 0 auto}.af{color:inherit}.ag{fill:inherit}.ah{font-size:inherit}.ai{border:inherit}.aj{font-family:inherit}.ak{letter-spacing:inherit}.al{font-weight:inherit}.am{padding:0}.an{margin:0}.ao{cursor:pointer}.ap:disabled{cursor:not-allowed}.aq:disabled{color:#6B6B6B}.ar:disabled{fill:#6B6B6B}.au{width:auto}.av path{fill:#242424}.aw{height:25px}.ax{margin-left:16px}.ay{border:none}.az{border-radius:20px}.ba{width:240px}.bb{background:#F9F9F9}.bc path{fill:#6B6B6B}.be{outline:none}.bf{font-family:sohne, "Helvetica Neue", Helvetica, Arial, sans-serif}.bg{font-size:14px}.bh{width:100%}.bi{padding:10px 20px 10px 0}.bj{background-color:transparent}.bk{color:#242424}.bl::placeholder{color:#6B6B6B}.bm{display:inline-block}.bn{margin-left:12px}.bo{margin-right:12px}.bp{border-radius:4px}.bq{margin-left:24px}.br{height:24px}.bx{background-color:#F9F9F9}.by{border-radius:50%}.bz{height:32px}.ca{width:32px}.cb{margin:auto}.cc{max-width:1336px}.cd{flex-direction:row}.ce{justify-content:space-evenly}.cl{flex:1 1 auto}.cm{height:100vh}.cn{justify-content:center}.co{width:40px}.cp{height:40px}.cq{border-width:2px}.cr{border-style:solid}.cs{border-color:#242424 transparent #242424 #242424}.ct{animation:k1 2s infinite linear;}.cu{padding-right:24px}.dm{box-sizing:border-box}.dn{border-left:1px solid #F2F2F2}.do{min-height:100vh}.dp{height:100%}.dq{position:relative}.dr{margin-left:8px}.ds{color:#6B6B6B}.dt{font-size:13px}.el{color:#FFFFFF}.em{fill:#FFFFFF}.eo{background:#1A8917}.ep{border-color:#1A8917}.et:disabled{cursor:inherit !important}.eu:disabled{opacity:0.3}.ev:disabled:hover{background:#1A8917}.ew:disabled:hover{border-color:#1A8917}.ex{border-radius:99em}.ey{border-width:1px}.ez{text-decoration:none}.fa{text-align:center}.fd{margin-right:32px}.fe{fill:#6B6B6B}.fh{background:transparent}.fi svg{margin-left:4px}.fj svg{fill:#6B6B6B}.fl{box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.05)}.fm{position:absolute}.fo{background-color:#F2F2F2}.fp{top:57px}.fq{min-height:calc(100vh - 57px)}.fr{flex-direction:column}.fs{padding-bottom:0px}.ft{border-bottom:none}.fu{margin-top:40px}.fv{height:88px}.fw{width:88px}.fy{margin-top:16px}.fz{align-items:baseline}.ga{flex-wrap:wrap}.gb{word-break:break-word}.gc{padding-right:8px}.gd{font-weight:500}.ge{font-size:16px}.gf{letter-spacing:0}.gg{margin-top:8px}.gh{line-height:24px}.gi{margin-top:12px}.gj{text-decoration:underline}.gk{word-wrap:break-word}.gl{margin-bottom:40px}.gm{margin-top:24px}.gn{padding:8px 16px}.go{stroke:#F2F2F2}.gp{height:36px}.gq{width:36px}.gr{color:#F2F2F2}.gs{fill:#F2F2F2}.gt{background:#F2F2F2}.gu{border-color:#F2F2F2}.ha{margin-bottom:16px}.hb{justify-content:space-between}.hc p{word-break:break-all}.hf{padding-right:10px}.hg{padding-right:12px}.hh{height:20px}.hi{width:20px}.hj{overflow:hidden}.hk{max-height:20px}.hl{text-overflow:ellipsis}.hm{display:-webkit-box}.hn{-webkit-line-clamp:1}.ho{-webkit-box-orient:vertical}.hp{word-break:break-all}.hr{padding:4px}.hu{border-radius:6px}.hv{border-radius:2px}.hw{padding:24px 0}.hx{margin-right:6px}.hy{font-size:11px}.hz{line-height:16px}.ia{height:150px}.ib{background-image:linear-gradient(to bottom, #2b7cd6ff, #2b7cd6ff)}.ic{min-width:0}.id{margin:0 24px}.ih{box-shadow:inset 0 -1px 0 #F2F2F2}.jk{justify-content:flex-start}.jl{margin-right:20px}.jm{align-self:flex-start}.jn{flex:0 0 auto}.jo{height:48px}.jp{width:48px}.kp{color:rgba(25, 25, 25, 1)}.ks{margin-top:2px}.kt{overflow-x:scroll}.ku{overflow-y:hidden}.kv::-webkit-scrollbar{height:0}.kw::-webkit-scrollbar{width:0}.kx::-webkit-scrollbar{background:transparent}.ky{scrollbar-width:none}.kz{-ms-overflow-style:none}.la{min-width:-webkit-max-content}.lb{padding:0px}.ld{padding-bottom:16px}.le{border-bottom:1px solid #F2F2F2}.lf{min-width:max-content}.lg{right:0}.lh{bottom:12px}.li{padding-left:42px}.lj{pointer-events:none}.lk{opacity:0}.ll{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 25%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 1) 75%)}.lm{margin:2px}.ln svg path{fill:#6B6B6B}.lp{left:0}.lq{padding-right:42px}.lr{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 25%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 1) 75%)}.ls{padding:8px 0}.lt{box-sizing:content-box}.lu{white-space:pre-wrap}.lv{margin-bottom:20px}.lw{margin-left:2px}.lx{gap:10px}.ly a{position:relative}.lz a{z-index:2}.ma button{position:relative}.mb button{z-index:2}.mh{margin-right:8px}.mi{padding-right:4px}.mk a{position:static}.ml a::before{content:""}.mm a::before{position:absolute}.mn a::before{z-index:1}.mo a::before{top:0}.mp a::before{left:0}.mq a::before{bottom:0}.mr a::before{right:0}.ms a{display:flex}.mt a{flex-direction:column}.mu{font-weight:700}.np{padding-top:8px}.nq{max-height:40px}.nr{-webkit-line-clamp:2}.oc{max-width:200px}.od{height:16px}.oe{opacity:1}.of{transition:opacity 300ms ease-out}.og{gap:16px}.oh{width:80px}.oi{gap:4px}.oj{justify-content:flex-end}.ok{flex:0 0 0}.om{padding:12px}.os{padding-top:12px}.ot{height:0px}.oz{margin-top:32px}.as:hover:not(:disabled){color:rgba(25, 25, 25, 1)}.at:hover:not(:disabled){fill:rgba(25, 25, 25, 1)}.eq:hover{background:#156D12}.er:hover{border-color:#156D12}.es:hover{cursor:pointer}.ff:hover{color:#242424}.fg:hover{fill:#242424}.fk:hover svg{fill:#242424}.fn:hover{background-color:rgba(0, 0, 0, 0.1)}.fx:hover{background-color:none}.gv:hover{background:#F2F2F2}.gw:hover{border-color:#F2F2F2}.gx:hover{cursor:wait}.gy:hover{color:#F2F2F2}.gz:hover{fill:#F2F2F2}.hd:hover p{text-decoration:underline}.he:hover p{color:rgba(61, 61, 61, 1)}.hs:hover path{fill:#000000}.lc:hover{color:#000000 !important}.lo:hover svg path{fill:#000000}.mj:hover{text-decoration:underline}.ol:hover{color:#000000}.bd:focus-within path{fill:#242424}.ht:focus path{fill:#000000}</style><style type="text/css" data-fela-rehydration="415" data-fela-type="RULE" media="all and (min-width: 1080px)">.d{display:none}.bw{width:64px}.cf{max-width:728px}.cg{min-width:728px}.di{padding-left:clamp(24px, 24px + 100vw - 1080px, 40px)}.dj{display:block}.dk{min-width:368px}.dl{max-width:368px}.ec{font-size:14px}.ed{line-height:20px}.ej{font-size:13px}.ek{padding:5px 12px}.fc{display:flex}.ig{max-width:680px}.im{margin:52px 0 48px}.jb{margin-bottom:40px}.jc{align-items:center}.jd{justify-content:flex-end}.je{flex-wrap:nowrap}.jj{margin-right:0}.kk{font-size:42px}.kl{line-height:52px}.km{max-height:52px}.kn{-webkit-line-clamp:1}.ko{letter-spacing:-0.011em}.mg{margin-bottom:16px}.nk{font-size:24px}.nl{line-height:30px}.nm{max-height:90px}.nn{-webkit-line-clamp:3}.no{letter-spacing:-0.016em}.oa{padding-top:10px}.ob{width:100%}.or{margin-left:56px}.oy{margin-top:20px}</style><style type="text/css" data-fela-rehydration="415" data-fela-type="RULE" media="all and (max-width: 1079.98px)">.e{display:none}</style><style type="text/css" data-fela-rehydration="415" data-fela-type="RULE" media="all and (max-width: 903.98px)">.f{display:none}</style><style type="text/css" data-fela-rehydration="415" data-fela-type="RULE" media="all and (max-width: 727.98px)">.g{display:none}</style><style type="text/css" data-fela-rehydration="415" data-fela-type="RULE" media="all and (max-width: 551.98px)">.h{display:none}.s{display:flex}.t{justify-content:space-between}.bs{width:24px}.ck{min-width:0}.cv{padding-left:24px}.cw{min-width:352px}.cx{max-width:352px}.du{font-size:13px}.dv{line-height:20px}.ee{padding:0px 8px 1px}.ii{margin:24px 0}.in{margin-bottom:24px}.io{align-items:flex-start}.ip{flex-wrap:wrap}.jf{margin-right:0}.jq{font-size:24px}.jr{line-height:30px}.js{max-height:120px}.jt{-webkit-line-clamp:4}.ju{letter-spacing:-0.016em}.kq{flex-wrap:nowrap}.mc{margin-bottom:16px}.mv{font-size:20px}.mw{line-height:24px}.mx{max-height:96px}.my{letter-spacing:0}.ns{padding-top:2px}.nt{width:100%}.on{margin-left:24px}.ou{margin-top:20px}</style><style type="text/css" data-fela-rehydration="415" data-fela-type="RULE" media="all and (min-width: 904px) and (max-width: 1079.98px)">.i{display:none}.bv{width:64px}.ch{min-width:0}.de{padding-left:24px}.df{display:block}.dg{min-width:352px}.dh{max-width:352px}.ea{font-size:14px}.eb{line-height:20px}.eh{font-size:13px}.ei{padding:5px 12px}.fb{display:flex}.if{max-width:680px}.il{margin:52px 0 48px}.ix{margin-bottom:40px}.iy{align-items:center}.iz{justify-content:flex-end}.ja{flex-wrap:nowrap}.ji{margin-right:16px}.kf{font-size:42px}.kg{line-height:52px}.kh{max-height:52px}.ki{-webkit-line-clamp:1}.kj{letter-spacing:-0.011em}.mf{margin-bottom:16px}.nf{font-size:24px}.ng{line-height:30px}.nh{max-height:90px}.ni{-webkit-line-clamp:3}.nj{letter-spacing:-0.016em}.ny{padding-top:10px}.nz{width:100%}.oq{margin-left:56px}.ox{margin-top:20px}</style><style type="text/css" data-fela-rehydration="415" data-fela-type="RULE" media="all and (min-width: 728px) and (max-width: 903.98px)">.j{display:none}.w{display:flex}.x{justify-content:space-between}.bu{width:64px}.ci{min-width:0}.db{padding-left:24px}.dc{min-width:352px}.dd{max-width:352px}.dy{font-size:13px}.dz{line-height:20px}.eg{padding:0px 8px 1px}.ie{max-width:680px}.ik{margin:52px 0 48px}.it{margin-bottom:40px}.iu{align-items:flex-start}.iv{justify-content:flex-end}.iw{flex-wrap:nowrap}.jh{margin-right:16px}.ka{font-size:24px}.kb{line-height:30px}.kc{max-height:120px}.kd{-webkit-line-clamp:4}.ke{letter-spacing:-0.016em}.me{margin-bottom:16px}.nd{max-height:90px}.ne{-webkit-line-clamp:3}.nw{padding-top:10px}.nx{width:100%}.op{margin-left:56px}.ow{margin-top:20px}</style><style type="text/css" data-fela-rehydration="415" data-fela-type="RULE" media="all and (min-width: 552px) and (max-width: 727.98px)">.k{display:none}.u{display:flex}.v{justify-content:space-between}.bt{width:24px}.cj{min-width:0}.cy{padding-left:24px}.cz{min-width:352px}.da{max-width:352px}.dw{font-size:13px}.dx{line-height:20px}.ef{padding:0px 8px 1px}.ij{margin:24px 0}.iq{margin-bottom:24px}.ir{align-items:flex-start}.is{flex-wrap:wrap}.jg{margin-right:0}.jv{font-size:24px}.jw{line-height:30px}.jx{max-height:120px}.jy{-webkit-line-clamp:4}.jz{letter-spacing:-0.016em}.kr{flex-wrap:nowrap}.md{margin-bottom:16px}.mz{font-size:20px}.na{line-height:24px}.nb{max-height:96px}.nc{letter-spacing:0}.nu{padding-top:2px}.nv{width:100%}.oo{margin-left:24px}.ov{margin-top:20px}</style><style type="text/css" data-fela-rehydration="415" data-fela-type="RULE" media="(orientation: landscape) and (max-width: 903.98px)">.hq{max-height:none}</style></head><body><div id="root"><div class="a b c"><div class="d e f g h i j k"></div><script>document.domain = document.domain;</script><div class="l c"><div class="l m n o c"><div class="p q r s t u v w x i d y z"><a class="ds ag dt bf ak b am an ao ap aq ar as at s u w i d q dp z" href="https://rsci.app.link/?%24canonical_url=https%3A%2F%2Fmedium.com%2F&%7Efeature=LoOpenInAppButton&%7Echannel=ShowUser&source=---two_column_layout_nav----------------------------------" rel="noopener follow">Open in app<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="none" viewBox="0 0 10 10" class="dr"><path fill="currentColor" d="M.985 8.485a.375.375 0 1 0 .53.53zM8.75 1.25h.375A.375.375 0 0 0 8.75.875zM8.375 6.5a.375.375 0 1 0 .75 0zM3.5.875a.375.375 0 1 0 0 .75zm-1.985 8.14 7.5-7.5-.53-.53-7.5 7.5zm6.86-7.765V6.5h.75V1.25zM3.5 1.625h5.25v-.75H3.5z"></path></svg></a><div class="ab q"><p class="bf b du dv dw dx dy dz ea eb ec ed ds"><span><button class="bf b du dv ee dw dx ef dy dz eg eh eb ei ej ed ek el em eo ep eq er es et eu ev ew ex ey cr dm bm ez fa" data-testid="headerSignUpButton">Sign up</button></span></p><div class="ax l"><p class="bf b du dv dw dx dy dz ea eb ec ed ds"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerSignInButton" href="https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fappy013.medium.com%2F&source=user_profile_page---two_column_layout_nav-----------------------global_nav-----------" rel="noopener follow">Sign in</a></span></p></div></div></div><div class="p q r ab ac"><div class="ab q ae"><a class="af ag ah ai aj ak al am an ao ap aq ar as at ab" aria-label="Homepage" data-testid="headerMediumLogo" href="https://medium.com/?source=---two_column_layout_nav----------------------------------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="719" height="160" fill="none" viewBox="0 0 719 160" class="au av aw"><path fill="#242424" d="m174.104 9.734.215-.047V8.02H130.39L89.6 103.89 48.81 8.021H1.472v1.666l.212.047c8.018 1.81 12.09 4.509 12.09 14.242V137.93c0 9.734-4.087 12.433-12.106 14.243l-.212.047v1.671h32.118v-1.665l-.213-.048c-8.018-1.809-12.089-4.509-12.089-14.242V30.586l52.399 123.305h2.972l53.925-126.743V140.75c-.687 7.688-4.721 10.062-11.982 11.701l-.215.05v1.652h55.948v-1.652l-.215-.05c-7.269-1.639-11.4-4.013-12.087-11.701l-.037-116.774h.037c0-9.733 4.071-12.432 12.087-14.242m25.555 75.488c.915-20.474 8.268-35.252 20.606-35.507 3.806.063 6.998 1.312 9.479 3.714 5.272 5.118 7.751 15.812 7.368 31.793zm-.553 5.77h65.573v-.275c-.186-15.656-4.721-27.834-13.466-36.196-7.559-7.227-18.751-11.203-30.507-11.203h-.263c-6.101 0-13.584 1.48-18.909 4.16-6.061 2.807-11.407 7.003-15.855 12.511-7.161 8.874-11.499 20.866-12.554 34.343q-.05.606-.092 1.212a50 50 0 0 0-.065 1.151 85.807 85.807 0 0 0-.094 5.689c.71 30.524 17.198 54.917 46.483 54.917 25.705 0 40.675-18.791 44.407-44.013l-1.886-.664c-6.557 13.556-18.334 21.771-31.738 20.769-18.297-1.369-32.314-19.922-31.042-42.395m139.722 41.359c-2.151 5.101-6.639 7.908-12.653 7.908s-11.513-4.129-15.418-11.63c-4.197-8.053-6.405-19.436-6.405-32.92 0-28.067 8.729-46.22 22.24-46.22 5.657 0 10.111 2.807 12.236 7.704zm43.499 20.008c-8.019-1.897-12.089-4.722-12.089-14.951V1.309l-48.716 14.353v1.757l.299-.024c6.72-.543 11.278.386 13.925 2.83 2.072 1.915 3.082 4.853 3.082 8.987v18.66c-4.803-3.067-10.516-4.56-17.448-4.56-14.059 0-26.909 5.92-36.176 16.672-9.66 11.205-14.767 26.518-14.767 44.278-.003 31.72 15.612 53.039 38.851 53.039 13.595 0 24.533-7.449 29.54-20.013v16.865h43.711v-1.746zM424.1 19.819c0-9.904-7.468-17.374-17.375-17.374-9.859 0-17.573 7.632-17.573 17.374s7.721 17.374 17.573 17.374c9.907 0 17.375-7.47 17.375-17.374m11.499 132.546c-8.019-1.897-12.089-4.722-12.089-14.951h-.035V43.635l-43.714 12.551v1.705l.263.024c9.458.842 12.047 4.1 12.047 15.152v81.086h43.751v-1.746zm112.013 0c-8.018-1.897-12.089-4.722-12.089-14.951V43.635l-41.621 12.137v1.71l.246.026c7.733.813 9.967 4.257 9.967 15.36v59.279c-2.578 5.102-7.415 8.131-13.274 8.336-9.503 0-14.736-6.419-14.736-18.073V43.638l-43.714 12.55v1.703l.262.024c9.459.84 12.05 4.097 12.05 15.152v50.17a56.3 56.3 0 0 0 .91 10.444l.787 3.423c3.701 13.262 13.398 20.197 28.59 20.197 12.868 0 24.147-7.966 29.115-20.43v17.311h43.714v-1.747zm169.818 1.788v-1.749l-.213-.05c-8.7-2.006-12.089-5.789-12.089-13.49v-63.79c0-19.89-11.171-31.761-29.883-31.761-13.64 0-25.141 7.882-29.569 20.16-3.517-13.01-13.639-20.16-28.606-20.16-13.146 0-23.449 6.938-27.869 18.657V43.643L545.487 55.68v1.715l.263.024c9.345.829 12.047 4.181 12.047 14.95v81.784h40.787v-1.746l-.215-.053c-6.941-1.631-9.181-4.606-9.181-12.239V66.998c1.836-4.289 5.537-9.37 12.853-9.37 9.086 0 13.692 6.296 13.692 18.697v77.828h40.797v-1.746l-.215-.053c-6.94-1.631-9.18-4.606-9.18-12.239V75.066a42 42 0 0 0-.578-7.26c1.947-4.661 5.86-10.177 13.475-10.177 9.214 0 13.691 6.114 13.691 18.696v77.828z"></path></svg></a><div class="ax h"><div class="ab ay az ba bb q bc bd"><div class="bm" aria-hidden="false" aria-describedby="searchResults" aria-labelledby="searchResults"></div><div class="bn bo ab"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.092 11.06a6.95 6.95 0 1 1 13.9 0 6.95 6.95 0 0 1-13.9 0m6.95-8.05a8.05 8.05 0 1 0 5.13 14.26l3.75 3.75a.56.56 0 1 0 .79-.79l-3.73-3.73A8.05 8.05 0 0 0 11.042 3z" clip-rule="evenodd"></path></svg></div><input role="combobox" aria-controls="searchResults" aria-expanded="false" aria-label="search" data-testid="headerSearchInput" tabindex="0" class="ay be bf bg z bh bi bj bk bl" placeholder="Search" value=""/></div></div></div><div class="h k w fb fc"><div class="fd ab"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerWriteButton" href="https://medium.com/m/signin?operation=register&redirect=https%3A%2F%2Fmedium.com%2Fnew-story&source=---two_column_layout_nav-----------------------new_post_topnav-----------" rel="noopener follow"><div class="bf b bg z ds dq fe ab q ff fg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" aria-label="Write"><path fill="currentColor" d="M14 4a.5.5 0 0 0 0-1zm7 6a.5.5 0 0 0-1 0zm-7-7H4v1h10zM3 4v16h1V4zm1 17h16v-1H4zm17-1V10h-1v10zm-1 1a1 1 0 0 0 1-1h-1zM3 20a1 1 0 0 0 1 1v-1zM4 3a1 1 0 0 0-1 1h1z"></path><path stroke="currentColor" d="m17.5 4.5-8.458 8.458a.25.25 0 0 0-.06.098l-.824 2.47a.25.25 0 0 0 .316.316l2.47-.823a.25.25 0 0 0 .098-.06L19.5 6.5m-2-2 2.323-2.323a.25.25 0 0 1 .354 0l1.646 1.646a.25.25 0 0 1 0 .354L19.5 6.5m-2-2 2 2"></path></svg><div class="dr l">Write</div></div></a></span></div></div><div class="k j i d"><div class="fd ab"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerSearchButton" href="https://medium.com/search?source=---two_column_layout_nav----------------------------------" rel="noopener follow"><div class="bf b bg z ds dq fe ab q ff fg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" aria-label="Search"><path fill="currentColor" fill-rule="evenodd" d="M4.092 11.06a6.95 6.95 0 1 1 13.9 0 6.95 6.95 0 0 1-13.9 0m6.95-8.05a8.05 8.05 0 1 0 5.13 14.26l3.75 3.75a.56.56 0 1 0 .79-.79l-3.73-3.73A8.05 8.05 0 0 0 11.042 3z" clip-rule="evenodd"></path></svg></div></a></div></div><div class="fd h k j"><div class="ab q"><p class="bf b du dv dw dx dy dz ea eb ec ed ds"><span><button class="bf b du dv ee dw dx ef dy dz eg eh eb ei ej ed ek el em eo ep eq er es et eu ev ew ex ey cr dm bm ez fa" data-testid="headerSignUpButton">Sign up</button></span></p><div class="ax l"><p class="bf b du dv dw dx dy dz ea eb ec ed ds"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerSignInButton" href="https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fappy013.medium.com%2F&source=user_profile_page---two_column_layout_nav-----------------------global_nav-----------" rel="noopener follow">Sign in</a></span></p></div></div></div><div class="l" aria-hidden="false"><button class="ay fh am ab q ao fi fj fk" aria-label="user options menu" data-testid="headerUserIcon"><div class="l dq"><img alt="" class="l dm by bz ca fo" src="https://miro.medium.com/v2/resize:fill:64:64/1*dmbNkD5D-u45r44go_cf0g.png" width="32" height="32" loading="lazy" role="presentation"/><div class="fl by l bz ca fm n ay fn"></div></div></button></div></div></div><div class="cb cc l"><div class="ab cd ce"><main class="cf cg ch ci cj ck l cl"><div class="do ab fr c"><div class="l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" rel="noopener follow" href="/?source=user_profile_page----------------------1e3ccabd2493---------------"><div class="ab fr ia ib"></div></a><div class="ab cn"><div class="ic bh id ie if ig"><div class="ih ii ij ik il im l"><div class="in io t ip iq ir v is it iu iv iw ix iy iz ja jb jc jd je ab"><div class="bh ab io ir iu iy jc"><div class="jf jg jh ji jj ab q jk cl"><div class="jl i d jm jn"><div class="l dq"><img alt="Arpit Gupta" class="l dm by jo jp fo" src="https://miro.medium.com/v2/resize:fill:96:96/1*334T0Uz53pHDsRbeatSn0g.jpeg" width="48" height="48" loading="lazy"/><div class="fl by l jo jp fm n ay fx"></div></div></div><div class="l"><div class="ab kq kr iw ja je"><span class="bf gd jq jr js jt ju jv jw jx jy jz ka kb kc kd ke kf kg kh ki kj kk kl km kn ko hj hl hm ho gb hq kp gc">Arpit Gupta</span><div class="ks ab q"></div></div><div class="gg i d"><p class="bf b ge gh ds"><span class="pw-follower-count bf b ge gh ds"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" rel="noopener follow" href="/followers?source=user_profile_page----------------------1e3ccabd2493---------------">402 Followers</a></span></p></div></div></div></div></div><nav class="ih hj l dq"><div class="ab q kt ku kv kw kx ky kz"><span class="la l"><div class="ld le fd lf l"><a class="ay ao lb" role="tab" rel="noopener follow" href="/?source=user_profile_page----------------------1e3ccabd2493---------------"><p class="bf b bg z ds"><span class="lc">Home</span></p></a></div></span><span class="la l"><div class="ld le fd lf l"><a class="ay ao lb" role="tab" rel="noopener follow" href="/about?source=user_profile_page----------------------1e3ccabd2493---------------"><p class="bf b bg z ds"><span class="lc">About</span></p></a></div></span><div class="fm lg n lh li ab q lj lk ll"><button class="ay am lm ao ln lo" aria-label="next sections" tabindex="-1"><svg width="26px" height="26px" class="svgIcon-use" viewBox="0 0 19 19" style="transform:rotate(180deg)" aria-hidden="true"><path fill-rule="evenodd" d="M11.47 13.969 6.986 9.484 11.47 5l.553.492L8.03 9.484l3.993 3.993z"></path></svg></button></div><div class="fm lp n lh lq ab q lj lk lr"><button class="ay am lm ao ln lo" aria-label="previous sections" tabindex="-1"><svg width="26px" height="26px" class="svgIcon-use" viewBox="0 0 19 19" aria-hidden="true"><path fill-rule="evenodd" d="M11.47 13.969 6.986 9.484 11.47 5l.553.492L8.03 9.484l3.993 3.993z"></path></svg></button></div></div></nav></div></div></div></div><div class="l ae"><div class="ls l"><div><div class="ab cn"><div class="ic bh id ie if ig"><div class="bh l"><article class=""><div class="lt l"><div class="bh dp"><div class="l"><div class="lv lw ab q lx"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16" class="ds jn"><path fill="currentColor" fill-rule="evenodd" d="M9.788 1.027a.5.5 0 1 0-.707.707l.59.589-3.32 3.319a2.17 2.17 0 0 1-1.346.626l-2.442.21a.833.833 0 0 0-.518 1.42l2.676 2.675-3.418 3.417a.5.5 0 1 0 .707.707l3.418-3.417 2.675 2.675a.833.833 0 0 0 1.42-.518l.209-2.441c.044-.51.266-.986.627-1.347l3.318-3.32.59.59a.5.5 0 0 0 .707-.707l-.943-.943-3.3-3.3zm-3.653 9.546 2.422 2.422.179-2.085c.063-.743.388-1.44.916-1.968l3.318-3.32-2.593-2.592L7.06 6.349a3.17 3.17 0 0 1-1.969.916l-2.084.178 2.422 2.422z" clip-rule="evenodd"></path></svg><div class="bf b dt z ds ab lu hj">Pinned</div></div><div class="bh l"><div style="position:relative;display:flex" role="link" data-href="https://appy013.medium.com/spatial-scale-design-system-168d375dcbe6" tabindex="0"><div class="bh ly lz ma mb"><div class="ab"><div class="mc md me mf mg ab q"><div class="mh l"><div><div class="l" aria-hidden="false"><a href="https://uxdesign.cc/?source=user_profile_page---------0-------------1e3ccabd2493---------------" rel="noopener follow"><div class="dq ab"><img alt="UX Collective" class="hv hi hh fo" src="https://miro.medium.com/v2/resize:fill:40:40/1*mDhF9X4VO0rCrJvWFatyxg.png" width="20" height="20" loading="lazy"/><div class="hv l hh hi fm n fl fn"></div></div></a></div></div></div><div class="mi l"><p class="bf b dt z ds">Published in</p></div><div class="l"><div><div class="l" aria-hidden="false"><a class="af ag ah ai aj ak al am an ao ap aq ar mj ab q" href="https://uxdesign.cc/?source=user_profile_page---------0-------------1e3ccabd2493---------------" rel="noopener follow"><p class="bf b dt z hj hk hl hm hn ho hp hq bk">UX Collective</p></a></div></div></div></div></div><div class="ab"><div class="l cl gb"><div class="mk ml mm mn mo mp mq mr ms mt"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" rel="noopener follow" href="/spatial-scale-design-system-168d375dcbe6?source=user_profile_page---------0-------------1e3ccabd2493---------------"><h2 class="bf mu mv mw mx jt my mz na nb jy nc ka kb nd ne ke nf ng nh ni nj nk nl nm nn no hj hl hm ho hq bk">Using a single dimension scale for all numbers in your UI designs</h2><div class="np"><h3 class="bf b ge z hj nq hl hm nr ho hq ds">How to use dimension scale in your design system effectively to boost consistency, designer-developer collaboration, & minimize errors</h3></div></a></div><div class="h k"><div class="ns nt nu nv nw nx ny nz oa ob l"><span class="bf b dt z ds"><div class="jo ab hb ae"><div class="ab q og"><div class="lt ab"><div class="bm" aria-hidden="false"><button class="l ay ao am" aria-label="Member-only story"><div class=""><div><div class="bm" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Apr 18</span><div class="h k j i d"><div class="dq oc od ab q"><div class="fm oe of ab q og"><div class="ax od oh l fo"></div></div><a class="fm lk of ab q og" tabindex="-1" rel="noopener follow" href="/spatial-scale-design-system-168d375dcbe6?source=user_profile_page---------0-------------1e3ccabd2493---------------"><div><div class="ab" aria-hidden="false"><div class="ab q oi"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#6B6B6B" viewBox="0 0 16 16"><path fill="#6B6B6B" d="M12.344 11.458A5.28 5.28 0 0 0 14 7.526C14 4.483 11.391 2 8.051 2S2 4.483 2 7.527c0 3.051 2.712 5.526 6.059 5.526a6.6 6.6 0 0 0 1.758-.236q.255.223.554.414c.784.51 1.626.768 2.512.768a.37.37 0 0 0 .355-.214.37.37 0 0 0-.03-.384 4.7 4.7 0 0 1-.857-1.958v.014z"></path></svg><span>2</span></div></div></div></a></div></div></div><div class="ab q oj ok"><div class="h k j i d"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F168d375dcbe6&operation=register&redirect=https%3A%2F%2Fuxdesign.cc%2Fspatial-scale-design-system-168d375dcbe6&source=---------0-------------1e3ccabd2493----bookmark_preview-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ds ol om" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="on oo op oq or l"><div aria-label="A header image with a spatial-scale numbers (multiples of 4)"><div class="j i d"><img alt="A header image with a spatial-scale numbers (multiples of 4)" class="bx hv" src="https://miro.medium.com/v2/resize:fill:160:106/1*IjRWXfu1YJUehaMdtuJaww.png" width="80" height="53" loading="lazy"/></div><div class="h k"><img alt="A header image with a spatial-scale numbers (multiples of 4)" class="bx hv" src="https://miro.medium.com/v2/resize:fill:320:214/1*IjRWXfu1YJUehaMdtuJaww.png" width="160" height="107" loading="lazy"/></div></div></div></div><div class="os j i d"><span class="bf b dt z ds"><div class="jo ab hb ae"><div class="ab q og"><div class="lt ab"><div class="bm" aria-hidden="false"><button class="l ay ao am" aria-label="Member-only story"><div class=""><div><div class="bm" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Apr 18</span><div class="h k j i d"><div class="dq oc od ab q"><div class="fm oe of ab q og"><div class="ax od oh l fo"></div></div><a class="fm lk of ab q og" tabindex="-1" rel="noopener follow" href="/spatial-scale-design-system-168d375dcbe6?source=user_profile_page---------0-------------1e3ccabd2493---------------"><div><div class="ab" aria-hidden="false"><div class="ab q oi"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#6B6B6B" viewBox="0 0 16 16"><path fill="#6B6B6B" d="M12.344 11.458A5.28 5.28 0 0 0 14 7.526C14 4.483 11.391 2 8.051 2S2 4.483 2 7.527c0 3.051 2.712 5.526 6.059 5.526a6.6 6.6 0 0 0 1.758-.236q.255.223.554.414c.784.51 1.626.768 2.512.768a.37.37 0 0 0 .355-.214.37.37 0 0 0-.03-.384 4.7 4.7 0 0 1-.857-1.958v.014z"></path></svg><span>2</span></div></div></div></a></div></div></div><div class="ab q oj ok"><div class="h k j i d"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F168d375dcbe6&operation=register&redirect=https%3A%2F%2Fuxdesign.cc%2Fspatial-scale-design-system-168d375dcbe6&source=---------0-------------1e3ccabd2493----bookmark_preview-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ds ol om" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="ot bh r ou ov ow ox oy"></div></div></div></div></div></article></div></div></div><div class="ab cn"><div class="ic bh id ie if ig"><div class="oz bh l"><article class=""><div class="lt l"><div class="bh dp"><div class="l"><div class="lv lw ab q lx"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16" class="ds jn"><path fill="currentColor" fill-rule="evenodd" d="M9.788 1.027a.5.5 0 1 0-.707.707l.59.589-3.32 3.319a2.17 2.17 0 0 1-1.346.626l-2.442.21a.833.833 0 0 0-.518 1.42l2.676 2.675-3.418 3.417a.5.5 0 1 0 .707.707l3.418-3.417 2.675 2.675a.833.833 0 0 0 1.42-.518l.209-2.441c.044-.51.266-.986.627-1.347l3.318-3.32.59.59a.5.5 0 0 0 .707-.707l-.943-.943-3.3-3.3zm-3.653 9.546 2.422 2.422.179-2.085c.063-.743.388-1.44.916-1.968l3.318-3.32-2.593-2.592L7.06 6.349a3.17 3.17 0 0 1-1.969.916l-2.084.178 2.422 2.422z" clip-rule="evenodd"></path></svg><div class="bf b dt z ds ab lu hj">Pinned</div></div><div class="bh l"><div style="position:relative;display:flex" role="link" data-href="https://appy013.medium.com/responsive-data-visualization-cards-73183004b5d" tabindex="0"><div class="bh ly lz ma mb"><div class="ab"><div class="mc md me mf mg ab q"><div class="mh l"><div><div class="l" aria-hidden="false"><a href="https://medium.com/design-bootcamp?source=user_profile_page---------1-------------1e3ccabd2493---------------" rel="noopener follow"><div class="dq ab"><img alt="Bootcamp" class="hv hi hh fo" src="https://miro.medium.com/v2/resize:fill:40:40/1*_wDJs77bAPiwuAe9qOK5Zg.png" width="20" height="20" loading="lazy"/><div class="hv l hh hi fm n fl fn"></div></div></a></div></div></div><div class="mi l"><p class="bf b dt z ds">Published in</p></div><div class="l"><div><div class="l" aria-hidden="false"><a class="af ag ah ai aj ak al am an ao ap aq ar mj ab q" href="https://medium.com/design-bootcamp?source=user_profile_page---------1-------------1e3ccabd2493---------------" rel="noopener follow"><p class="bf b dt z hj hk hl hm hn ho hp hq bk">Bootcamp</p></a></div></div></div></div></div><div class="ab"><div class="l cl gb"><div class="mk ml mm mn mo mp mq mr ms mt"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" rel="noopener follow" href="/responsive-data-visualization-cards-73183004b5d?source=user_profile_page---------1-------------1e3ccabd2493---------------"><h2 class="bf mu mv mw mx jt my mz na nb jy nc ka kb nd ne ke nf ng nh ni nj nk nl nm nn no hj hl hm ho hq bk">An ultimate guide for designing responsive data visualization cards</h2><div class="np"><h3 class="bf b ge z hj nq hl hm nr ho hq ds">Designing data visualization cards that fits right. Dive into this guide for the designer’s touch on responsive cards.</h3></div></a></div><div class="h k"><div class="ns nt nu nv nw nx ny nz oa ob l"><span class="bf b dt z ds"><div class="jo ab hb ae"><div class="ab q og"><div class="lt ab"><div class="bm" aria-hidden="false"><button class="l ay ao am" aria-label="Member-only story"><div class=""><div><div class="bm" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Sep 26, 2023</span><div class="h k j i d"><div class="dq oc od ab q"><div class="fm oe of ab q og"><div class="ax od oh l fo"></div></div><a class="fm lk of ab q og" tabindex="-1" rel="noopener follow" href="/responsive-data-visualization-cards-73183004b5d?source=user_profile_page---------1-------------1e3ccabd2493---------------"><div><div class="ab" aria-hidden="false"><div class="ab q oi"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#6B6B6B" viewBox="0 0 16 16"><path fill="#6B6B6B" d="M12.344 11.458A5.28 5.28 0 0 0 14 7.526C14 4.483 11.391 2 8.051 2S2 4.483 2 7.527c0 3.051 2.712 5.526 6.059 5.526a6.6 6.6 0 0 0 1.758-.236q.255.223.554.414c.784.51 1.626.768 2.512.768a.37.37 0 0 0 .355-.214.37.37 0 0 0-.03-.384 4.7 4.7 0 0 1-.857-1.958v.014z"></path></svg><span>2</span></div></div></div></a></div></div></div><div class="ab q oj ok"><div class="h k j i d"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F73183004b5d&operation=register&redirect=https%3A%2F%2Fmedium.com%2Fdesign-bootcamp%2Fresponsive-data-visualization-cards-73183004b5d&source=---------1-------------1e3ccabd2493----bookmark_preview-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ds ol om" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="on oo op oq or l"><div aria-label="An ultimate guide for designing responsive data visualization cards"><div class="j i d"><img alt="An ultimate guide for designing responsive data visualization cards" class="bx hv" src="https://miro.medium.com/v2/resize:fill:160:106/1*8hcxyyeZcHudNiI6VmyIEg.png" width="80" height="53" loading="lazy"/></div><div class="h k"><img alt="An ultimate guide for designing responsive data visualization cards" class="bx hv" src="https://miro.medium.com/v2/resize:fill:320:214/1*8hcxyyeZcHudNiI6VmyIEg.png" width="160" height="107" loading="lazy"/></div></div></div></div><div class="os j i d"><span class="bf b dt z ds"><div class="jo ab hb ae"><div class="ab q og"><div class="lt ab"><div class="bm" aria-hidden="false"><button class="l ay ao am" aria-label="Member-only story"><div class=""><div><div class="bm" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Sep 26, 2023</span><div class="h k j i d"><div class="dq oc od ab q"><div class="fm oe of ab q og"><div class="ax od oh l fo"></div></div><a class="fm lk of ab q og" tabindex="-1" rel="noopener follow" href="/responsive-data-visualization-cards-73183004b5d?source=user_profile_page---------1-------------1e3ccabd2493---------------"><div><div class="ab" aria-hidden="false"><div class="ab q oi"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#6B6B6B" viewBox="0 0 16 16"><path fill="#6B6B6B" d="M12.344 11.458A5.28 5.28 0 0 0 14 7.526C14 4.483 11.391 2 8.051 2S2 4.483 2 7.527c0 3.051 2.712 5.526 6.059 5.526a6.6 6.6 0 0 0 1.758-.236q.255.223.554.414c.784.51 1.626.768 2.512.768a.37.37 0 0 0 .355-.214.37.37 0 0 0-.03-.384 4.7 4.7 0 0 1-.857-1.958v.014z"></path></svg><span>2</span></div></div></div></a></div></div></div><div class="ab q oj ok"><div class="h k j i d"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F73183004b5d&operation=register&redirect=https%3A%2F%2Fmedium.com%2Fdesign-bootcamp%2Fresponsive-data-visualization-cards-73183004b5d&source=---------1-------------1e3ccabd2493----bookmark_preview-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ds ol om" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="ot bh r ou ov ow ox oy"></div></div></div></div></div></article></div></div></div><div class="ab cn"><div class="ic bh id ie if ig"><div class="oz bh l"><article class=""><div class="lt l"><div class="bh dp"><div class="l"><div class="lv lw ab q lx"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16" class="ds jn"><path fill="currentColor" fill-rule="evenodd" d="M9.788 1.027a.5.5 0 1 0-.707.707l.59.589-3.32 3.319a2.17 2.17 0 0 1-1.346.626l-2.442.21a.833.833 0 0 0-.518 1.42l2.676 2.675-3.418 3.417a.5.5 0 1 0 .707.707l3.418-3.417 2.675 2.675a.833.833 0 0 0 1.42-.518l.209-2.441c.044-.51.266-.986.627-1.347l3.318-3.32.59.59a.5.5 0 0 0 .707-.707l-.943-.943-3.3-3.3zm-3.653 9.546 2.422 2.422.179-2.085c.063-.743.388-1.44.916-1.968l3.318-3.32-2.593-2.592L7.06 6.349a3.17 3.17 0 0 1-1.969.916l-2.084.178 2.422 2.422z" clip-rule="evenodd"></path></svg><div class="bf b dt z ds ab lu hj">Pinned</div></div><div class="bh l"><div style="position:relative;display:flex" role="link" data-href="https://appy013.medium.com/an-ultimate-guide-to-selecting-the-perfect-artboard-size-for-desktop-31208b90c55a" tabindex="0"><div class="bh ly lz ma mb"><div class="ab"><div class="mc md me mf mg ab q"><div class="mh l"><div><div class="l" aria-hidden="false"><a href="https://uxdesign.cc/?source=user_profile_page---------2-------------1e3ccabd2493---------------" rel="noopener follow"><div class="dq ab"><img alt="UX Collective" class="hv hi hh fo" src="https://miro.medium.com/v2/resize:fill:40:40/1*mDhF9X4VO0rCrJvWFatyxg.png" width="20" height="20" loading="lazy"/><div class="hv l hh hi fm n fl fn"></div></div></a></div></div></div><div class="mi l"><p class="bf b dt z ds">Published in</p></div><div class="l"><div><div class="l" aria-hidden="false"><a class="af ag ah ai aj ak al am an ao ap aq ar mj ab q" href="https://uxdesign.cc/?source=user_profile_page---------2-------------1e3ccabd2493---------------" rel="noopener follow"><p class="bf b dt z hj hk hl hm hn ho hp hq bk">UX Collective</p></a></div></div></div></div></div><div class="ab"><div class="l cl gb"><div class="mk ml mm mn mo mp mq mr ms mt"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" rel="noopener follow" href="/an-ultimate-guide-to-selecting-the-perfect-artboard-size-for-desktop-31208b90c55a?source=user_profile_page---------2-------------1e3ccabd2493---------------"><h2 class="bf mu mv mw mx jt my mz na nb jy nc ka kb nd ne ke nf ng nh ni nj nk nl nm nn no hj hl hm ho hq bk">An ultimate guide to selecting the perfect artboard size for desktop</h2><div class="np"><h3 class="bf b ge z hj nq hl hm nr ho hq ds">Read how can you improve your productivity by selecting perfect Artboard size for your next Web UI Design without worrying about…</h3></div></a></div><div class="h k"><div class="ns nt nu nv nw nx ny nz oa ob l"><span class="bf b dt z ds"><div class="jo ab hb ae"><div class="ab q og"><div class="lt ab"><div class="bm" aria-hidden="false"><button class="l ay ao am" aria-label="Member-only story"><div class=""><div><div class="bm" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Feb 17, 2021</span><div class="h k j i d"><div class="dq oc od ab q"><div class="fm oe of ab q og"><div class="ax od oh l fo"></div></div><a class="fm lk of ab q og" tabindex="-1" rel="noopener follow" href="/an-ultimate-guide-to-selecting-the-perfect-artboard-size-for-desktop-31208b90c55a?source=user_profile_page---------2-------------1e3ccabd2493---------------"><div><div class="ab" aria-hidden="false"><div class="ab q oi"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#6B6B6B" viewBox="0 0 16 16"><path fill="#6B6B6B" d="M12.344 11.458A5.28 5.28 0 0 0 14 7.526C14 4.483 11.391 2 8.051 2S2 4.483 2 7.527c0 3.051 2.712 5.526 6.059 5.526a6.6 6.6 0 0 0 1.758-.236q.255.223.554.414c.784.51 1.626.768 2.512.768a.37.37 0 0 0 .355-.214.37.37 0 0 0-.03-.384 4.7 4.7 0 0 1-.857-1.958v.014z"></path></svg><span>1</span></div></div></div></a></div></div></div><div class="ab q oj ok"><div class="h k j i d"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F31208b90c55a&operation=register&redirect=https%3A%2F%2Fuxdesign.cc%2Fan-ultimate-guide-to-selecting-the-perfect-artboard-size-for-desktop-31208b90c55a&source=---------2-------------1e3ccabd2493----bookmark_preview-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ds ol om" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="on oo op oq or l"><div aria-label="An ultimate guide to selecting the perfect artboard size for desktop"><div class="j i d"><img alt="An ultimate guide to selecting the perfect artboard size for desktop" class="bx hv" src="https://miro.medium.com/v2/resize:fill:160:106/1*7Fb_m4X3NarsiFmrxQcFrg.png" width="80" height="53" loading="lazy"/></div><div class="h k"><img alt="An ultimate guide to selecting the perfect artboard size for desktop" class="bx hv" src="https://miro.medium.com/v2/resize:fill:320:214/1*7Fb_m4X3NarsiFmrxQcFrg.png" width="160" height="107" loading="lazy"/></div></div></div></div><div class="os j i d"><span class="bf b dt z ds"><div class="jo ab hb ae"><div class="ab q og"><div class="lt ab"><div class="bm" aria-hidden="false"><button class="l ay ao am" aria-label="Member-only story"><div class=""><div><div class="bm" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Feb 17, 2021</span><div class="h k j i d"><div class="dq oc od ab q"><div class="fm oe of ab q og"><div class="ax od oh l fo"></div></div><a class="fm lk of ab q og" tabindex="-1" rel="noopener follow" href="/an-ultimate-guide-to-selecting-the-perfect-artboard-size-for-desktop-31208b90c55a?source=user_profile_page---------2-------------1e3ccabd2493---------------"><div><div class="ab" aria-hidden="false"><div class="ab q oi"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#6B6B6B" viewBox="0 0 16 16"><path fill="#6B6B6B" d="M12.344 11.458A5.28 5.28 0 0 0 14 7.526C14 4.483 11.391 2 8.051 2S2 4.483 2 7.527c0 3.051 2.712 5.526 6.059 5.526a6.6 6.6 0 0 0 1.758-.236q.255.223.554.414c.784.51 1.626.768 2.512.768a.37.37 0 0 0 .355-.214.37.37 0 0 0-.03-.384 4.7 4.7 0 0 1-.857-1.958v.014z"></path></svg><span>1</span></div></div></div></a></div></div></div><div class="ab q oj ok"><div class="h k j i d"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F31208b90c55a&operation=register&redirect=https%3A%2F%2Fuxdesign.cc%2Fan-ultimate-guide-to-selecting-the-perfect-artboard-size-for-desktop-31208b90c55a&source=---------2-------------1e3ccabd2493----bookmark_preview-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ds ol om" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="ot bh r ou ov ow ox oy"></div></div></div></div></div></article></div></div></div><div class="ab cn"><div class="ic bh id ie if ig"><div class="oz bh l"><article class=""><div class="lt l"><div class="bh dp"><div class="l"><div class="lv lw ab q lx"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16" class="ds jn"><path fill="currentColor" fill-rule="evenodd" d="M9.788 1.027a.5.5 0 1 0-.707.707l.59.589-3.32 3.319a2.17 2.17 0 0 1-1.346.626l-2.442.21a.833.833 0 0 0-.518 1.42l2.676 2.675-3.418 3.417a.5.5 0 1 0 .707.707l3.418-3.417 2.675 2.675a.833.833 0 0 0 1.42-.518l.209-2.441c.044-.51.266-.986.627-1.347l3.318-3.32.59.59a.5.5 0 0 0 .707-.707l-.943-.943-3.3-3.3zm-3.653 9.546 2.422 2.422.179-2.085c.063-.743.388-1.44.916-1.968l3.318-3.32-2.593-2.592L7.06 6.349a3.17 3.17 0 0 1-1.969.916l-2.084.178 2.422 2.422z" clip-rule="evenodd"></path></svg><div class="bf b dt z ds ab lu hj">Pinned</div></div><div class="bh l"><div style="position:relative;display:flex" role="link" data-href="https://appy013.medium.com/perfect-artboard-size-c267939c5843" tabindex="0"><div class="bh ly lz ma mb"><div class="ab"><div class="mc md me mf mg ab q"><div class="mh l"><div><div class="l" aria-hidden="false"><a href="https://uxdesign.cc/?source=user_profile_page---------3-------------1e3ccabd2493---------------" rel="noopener follow"><div class="dq ab"><img alt="UX Collective" class="hv hi hh fo" src="https://miro.medium.com/v2/resize:fill:40:40/1*mDhF9X4VO0rCrJvWFatyxg.png" width="20" height="20" loading="lazy"/><div class="hv l hh hi fm n fl fn"></div></div></a></div></div></div><div class="mi l"><p class="bf b dt z ds">Published in</p></div><div class="l"><div><div class="l" aria-hidden="false"><a class="af ag ah ai aj ak al am an ao ap aq ar mj ab q" href="https://uxdesign.cc/?source=user_profile_page---------3-------------1e3ccabd2493---------------" rel="noopener follow"><p class="bf b dt z hj hk hl hm hn ho hp hq bk">UX Collective</p></a></div></div></div></div></div><div class="ab"><div class="l cl gb"><div class="mk ml mm mn mo mp mq mr ms mt"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" rel="noopener follow" href="/perfect-artboard-size-c267939c5843?source=user_profile_page---------3-------------1e3ccabd2493---------------"><h2 class="bf mu mv mw mx jt my mz na nb jy nc ka kb nd ne ke nf ng nh ni nj nk nl nm nn no hj hl hm ho hq bk">An ultimate guide to selecting the perfect artboard size for mobile</h2><div class="np"><h3 class="bf b ge z hj nq hl hm nr ho hq ds">Read how can you improve your productivity by selecting perfect Artboard size for your next mobile UI Design without worrying about…</h3></div></a></div><div class="h k"><div class="ns nt nu nv nw nx ny nz oa ob l"><span class="bf b dt z ds"><div class="jo ab hb ae"><div class="ab q og"><div class="lt ab"><div class="bm" aria-hidden="false"><button class="l ay ao am" aria-label="Member-only story"><div class=""><div><div class="bm" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Oct 30, 2019</span><div class="h k j i d"><div class="dq oc od ab q"><div class="fm oe of ab q og"><div class="ax od oh l fo"></div></div><a class="fm lk of ab q og" tabindex="-1" rel="noopener follow" href="/perfect-artboard-size-c267939c5843?source=user_profile_page---------3-------------1e3ccabd2493---------------"><div><div class="ab" aria-hidden="false"><div class="ab q oi"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#6B6B6B" viewBox="0 0 16 16"><path fill="#6B6B6B" d="M12.344 11.458A5.28 5.28 0 0 0 14 7.526C14 4.483 11.391 2 8.051 2S2 4.483 2 7.527c0 3.051 2.712 5.526 6.059 5.526a6.6 6.6 0 0 0 1.758-.236q.255.223.554.414c.784.51 1.626.768 2.512.768a.37.37 0 0 0 .355-.214.37.37 0 0 0-.03-.384 4.7 4.7 0 0 1-.857-1.958v.014z"></path></svg><span>6</span></div></div></div></a></div></div></div><div class="ab q oj ok"><div class="h k j i d"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fc267939c5843&operation=register&redirect=https%3A%2F%2Fuxdesign.cc%2Fperfect-artboard-size-c267939c5843&source=---------3-------------1e3ccabd2493----bookmark_preview-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ds ol om" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="on oo op oq or l"><div aria-label="An ultimate guide to selecting the perfect artboard size for mobile"><div class="j i d"><img alt="An ultimate guide to selecting the perfect artboard size for mobile" class="bx hv" src="https://miro.medium.com/v2/resize:fill:160:106/1*FbnF3JYvkv5BWVzxRbN1wg.png" width="80" height="53" loading="lazy"/></div><div class="h k"><img alt="An ultimate guide to selecting the perfect artboard size for mobile" class="bx hv" src="https://miro.medium.com/v2/resize:fill:320:214/1*FbnF3JYvkv5BWVzxRbN1wg.png" width="160" height="107" loading="lazy"/></div></div></div></div><div class="os j i d"><span class="bf b dt z ds"><div class="jo ab hb ae"><div class="ab q og"><div class="lt ab"><div class="bm" aria-hidden="false"><button class="l ay ao am" aria-label="Member-only story"><div class=""><div><div class="bm" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Oct 30, 2019</span><div class="h k j i d"><div class="dq oc od ab q"><div class="fm oe of ab q og"><div class="ax od oh l fo"></div></div><a class="fm lk of ab q og" tabindex="-1" rel="noopener follow" href="/perfect-artboard-size-c267939c5843?source=user_profile_page---------3-------------1e3ccabd2493---------------"><div><div class="ab" aria-hidden="false"><div class="ab q oi"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#6B6B6B" viewBox="0 0 16 16"><path fill="#6B6B6B" d="M12.344 11.458A5.28 5.28 0 0 0 14 7.526C14 4.483 11.391 2 8.051 2S2 4.483 2 7.527c0 3.051 2.712 5.526 6.059 5.526a6.6 6.6 0 0 0 1.758-.236q.255.223.554.414c.784.51 1.626.768 2.512.768a.37.37 0 0 0 .355-.214.37.37 0 0 0-.03-.384 4.7 4.7 0 0 1-.857-1.958v.014z"></path></svg><span>6</span></div></div></div></a></div></div></div><div class="ab q oj ok"><div class="h k j i d"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fc267939c5843&operation=register&redirect=https%3A%2F%2Fuxdesign.cc%2Fperfect-artboard-size-c267939c5843&source=---------3-------------1e3ccabd2493----bookmark_preview-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ds ol om" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="ot bh r ou ov ow ox oy"></div></div></div></div></div></article></div></div></div><div class="ab cn"><div class="ic bh id ie if ig"><div class="oz bh l"><article class=""><div class="lt l"><div class="bh dp"><div class="l"><div class="bh l"><div style="position:relative;display:flex" role="link" data-href="https://appy013.medium.com/systematic-color-palette-in-product-design-454f4fc6a144" tabindex="0"><div class="bh ly lz ma mb"><div class="ab"><div class="mc md me mf mg ab q"><div class="mh l"><div><div class="l" aria-hidden="false"><a href="https://uxdesign.cc/?source=user_profile_page---------4-------------1e3ccabd2493---------------" rel="noopener follow"><div class="dq ab"><img alt="UX Collective" class="hv hi hh fo" src="https://miro.medium.com/v2/resize:fill:40:40/1*mDhF9X4VO0rCrJvWFatyxg.png" width="20" height="20" loading="lazy"/><div class="hv l hh hi fm n fl fn"></div></div></a></div></div></div><div class="mi l"><p class="bf b dt z ds">Published in</p></div><div class="l"><div><div class="l" aria-hidden="false"><a class="af ag ah ai aj ak al am an ao ap aq ar mj ab q" href="https://uxdesign.cc/?source=user_profile_page---------4-------------1e3ccabd2493---------------" rel="noopener follow"><p class="bf b dt z hj hk hl hm hn ho hp hq bk">UX Collective</p></a></div></div></div></div></div><div class="ab"><div class="l cl gb"><div class="mk ml mm mn mo mp mq mr ms mt"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" rel="noopener follow" href="/systematic-color-palette-in-product-design-454f4fc6a144?source=user_profile_page---------4-------------1e3ccabd2493---------------"><h2 class="bf mu mv mw mx jt my mz na nb jy nc ka kb nd ne ke nf ng nh ni nj nk nl nm nn no hj hl hm ho hq bk">You don’t need hundreds of colors to design your UI color system</h2><div class="np"><h3 class="bf b ge z hj nq hl hm nr ho hq ds">How I minimized random hex values in the production codebase and Figma to achieve a more systematic, scalable, and consistent color system</h3></div></a></div><div class="h k"><div class="ns nt nu nv nw nx ny nz oa ob l"><span class="bf b dt z ds"><div class="jo ab hb ae"><div class="ab q og"><div class="lt ab"><div class="bm" aria-hidden="false"><button class="l ay ao am" aria-label="Member-only story"><div class=""><div><div class="bm" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Oct 14, 2023</span><div class="h k j i d"><div class="dq oc od ab q"><div class="fm oe of ab q og"><div class="ax od oh l fo"></div></div><a class="fm lk of ab q og" tabindex="-1" rel="noopener follow" href="/systematic-color-palette-in-product-design-454f4fc6a144?source=user_profile_page---------4-------------1e3ccabd2493---------------"></a></div></div></div><div class="ab q oj ok"><div class="h k j i d"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F454f4fc6a144&operation=register&redirect=https%3A%2F%2Fuxdesign.cc%2Fsystematic-color-palette-in-product-design-454f4fc6a144&source=---------4-------------1e3ccabd2493----bookmark_preview-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ds ol om" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="on oo op oq or l"><div aria-label="A designer juggling through colors to create a systematic color palette"><div class="j i d"><img alt="A designer juggling through colors to create a systematic color palette" class="bx hv" src="https://miro.medium.com/v2/resize:fill:160:106/1*sjbEbaJ73MmsvTe74rXHkQ.jpeg" width="80" height="53" loading="lazy"/></div><div class="h k"><img alt="A designer juggling through colors to create a systematic color palette" class="bx hv" src="https://miro.medium.com/v2/resize:fill:320:214/1*sjbEbaJ73MmsvTe74rXHkQ.jpeg" width="160" height="107" loading="lazy"/></div></div></div></div><div class="os j i d"><span class="bf b dt z ds"><div class="jo ab hb ae"><div class="ab q og"><div class="lt ab"><div class="bm" aria-hidden="false"><button class="l ay ao am" aria-label="Member-only story"><div class=""><div><div class="bm" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Oct 14, 2023</span><div class="h k j i d"><div class="dq oc od ab q"><div class="fm oe of ab q og"><div class="ax od oh l fo"></div></div><a class="fm lk of ab q og" tabindex="-1" rel="noopener follow" href="/systematic-color-palette-in-product-design-454f4fc6a144?source=user_profile_page---------4-------------1e3ccabd2493---------------"></a></div></div></div><div class="ab q oj ok"><div class="h k j i d"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F454f4fc6a144&operation=register&redirect=https%3A%2F%2Fuxdesign.cc%2Fsystematic-color-palette-in-product-design-454f4fc6a144&source=---------4-------------1e3ccabd2493----bookmark_preview-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ds ol om" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="ot bh r ou ov ow ox oy"></div></div></div></div></div></article></div></div></div><div class="ab cn"><div class="ic bh id ie if ig"><div class="oz bh l"><article class=""><div class="lt l"><div class="bh dp"><div class="l"><div class="bh l"><div style="position:relative;display:flex" role="link" data-href="https://appy013.medium.com/guide-to-designing-better-video-grids-64f68f8b86ca" tabindex="0"><div class="bh ly lz ma mb"><div class="ab"><div class="mc md me mf mg ab q"><div class="mh l"><div><div class="l" aria-hidden="false"><a href="https://medium.com/design-bootcamp?source=user_profile_page---------5-------------1e3ccabd2493---------------" rel="noopener follow"><div class="dq ab"><img alt="Bootcamp" class="hv hi hh fo" src="https://miro.medium.com/v2/resize:fill:40:40/1*_wDJs77bAPiwuAe9qOK5Zg.png" width="20" height="20" loading="lazy"/><div class="hv l hh hi fm n fl fn"></div></div></a></div></div></div><div class="mi l"><p class="bf b dt z ds">Published in</p></div><div class="l"><div><div class="l" aria-hidden="false"><a class="af ag ah ai aj ak al am an ao ap aq ar mj ab q" href="https://medium.com/design-bootcamp?source=user_profile_page---------5-------------1e3ccabd2493---------------" rel="noopener follow"><p class="bf b dt z hj hk hl hm hn ho hp hq bk">Bootcamp</p></a></div></div></div></div></div><div class="ab"><div class="l cl gb"><div class="mk ml mm mn mo mp mq mr ms mt"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" rel="noopener follow" href="/guide-to-designing-better-video-grids-64f68f8b86ca?source=user_profile_page---------5-------------1e3ccabd2493---------------"><h2 class="bf mu mv mw mx jt my mz na nb jy nc ka kb nd ne ke nf ng nh ni nj nk nl nm nn no hj hl hm ho hq bk">An ultimate guide to designing better video grids for video conferencing applications</h2><div class="np"><h3 class="bf b ge z hj nq hl hm nr ho hq ds">Helpful tips on how how you can design scalable, modular and adpatable video grids for video calling/ conferencing applications.</h3></div></a></div><div class="h k"><div class="ns nt nu nv nw nx ny nz oa ob l"><span class="bf b dt z ds"><div class="jo ab hb ae"><div class="ab q og"><div class="lt ab"><div class="bm" aria-hidden="false"><button class="l ay ao am" aria-label="Member-only story"><div class=""><div><div class="bm" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Aug 29, 2021</span><div class="h k j i d"><div class="dq oc od ab q"><div class="fm oe of ab q og"><div class="ax od oh l fo"></div></div><a class="fm lk of ab q og" tabindex="-1" rel="noopener follow" href="/guide-to-designing-better-video-grids-64f68f8b86ca?source=user_profile_page---------5-------------1e3ccabd2493---------------"></a></div></div></div><div class="ab q oj ok"><div class="h k j i d"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F64f68f8b86ca&operation=register&redirect=https%3A%2F%2Fmedium.com%2Fdesign-bootcamp%2Fguide-to-designing-better-video-grids-64f68f8b86ca&source=---------5-------------1e3ccabd2493----bookmark_preview-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ds ol om" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="on oo op oq or l"><div aria-label="An ultimate guide to designing better video grids for video conferencing applications"><div class="j i d"><img alt="An ultimate guide to designing better video grids for video conferencing applications" class="bx hv" src="https://miro.medium.com/v2/resize:fill:160:106/1*cvk9e0TYsoYQ33Bq-WnH7A.png" width="80" height="53" loading="lazy"/></div><div class="h k"><img alt="An ultimate guide to designing better video grids for video conferencing applications" class="bx hv" src="https://miro.medium.com/v2/resize:fill:320:214/1*cvk9e0TYsoYQ33Bq-WnH7A.png" width="160" height="107" loading="lazy"/></div></div></div></div><div class="os j i d"><span class="bf b dt z ds"><div class="jo ab hb ae"><div class="ab q og"><div class="lt ab"><div class="bm" aria-hidden="false"><button class="l ay ao am" aria-label="Member-only story"><div class=""><div><div class="bm" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Aug 29, 2021</span><div class="h k j i d"><div class="dq oc od ab q"><div class="fm oe of ab q og"><div class="ax od oh l fo"></div></div><a class="fm lk of ab q og" tabindex="-1" rel="noopener follow" href="/guide-to-designing-better-video-grids-64f68f8b86ca?source=user_profile_page---------5-------------1e3ccabd2493---------------"></a></div></div></div><div class="ab q oj ok"><div class="h k j i d"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F64f68f8b86ca&operation=register&redirect=https%3A%2F%2Fmedium.com%2Fdesign-bootcamp%2Fguide-to-designing-better-video-grids-64f68f8b86ca&source=---------5-------------1e3ccabd2493----bookmark_preview-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ds ol om" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="ot bh r ou ov ow ox oy"></div></div></div></div></div></article></div></div></div><div class="ab cn"><div class="ic bh id ie if ig"><div class="oz bh l"><article class=""><div class="lt l"><div class="bh dp"><div class="l"><div class="bh l"><div style="position:relative;display:flex" role="link" data-href="https://appy013.medium.com/breakpoints-in-ui-design-85d4cb5ddbb0" tabindex="0"><div class="bh ly lz ma mb"><div class="ab"><div class="mc md me mf mg ab q"><div class="mh l"><div><div class="l" aria-hidden="false"><a href="https://medium.com/design-bootcamp?source=user_profile_page---------6-------------1e3ccabd2493---------------" rel="noopener follow"><div class="dq ab"><img alt="Bootcamp" class="hv hi hh fo" src="https://miro.medium.com/v2/resize:fill:40:40/1*_wDJs77bAPiwuAe9qOK5Zg.png" width="20" height="20" loading="lazy"/><div class="hv l hh hi fm n fl fn"></div></div></a></div></div></div><div class="mi l"><p class="bf b dt z ds">Published in</p></div><div class="l"><div><div class="l" aria-hidden="false"><a class="af ag ah ai aj ak al am an ao ap aq ar mj ab q" href="https://medium.com/design-bootcamp?source=user_profile_page---------6-------------1e3ccabd2493---------------" rel="noopener follow"><p class="bf b dt z hj hk hl hm hn ho hp hq bk">Bootcamp</p></a></div></div></div></div></div><div class="ab"><div class="l cl gb"><div class="mk ml mm mn mo mp mq mr ms mt"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" rel="noopener follow" href="/breakpoints-in-ui-design-85d4cb5ddbb0?source=user_profile_page---------6-------------1e3ccabd2493---------------"><h2 class="bf mu mv mw mx jt my mz na nb jy nc ka kb nd ne ke nf ng nh ni nj nk nl nm nn no hj hl hm ho hq bk">What are breakpoints in web UI design? And how to use them?</h2><div class="np"><h3 class="bf b ge z hj nq hl hm nr ho hq ds">A breakpoint is the range of predetermined screen sizes that have specific layout requirements. At a given breakpoint range, the layout…</h3></div></a></div><div class="h k"><div class="ns nt nu nv nw nx ny nz oa ob l"><span class="bf b dt z ds"><div class="jo ab hb ae"><div class="ab q og"><div class="lt ab"><div class="bm" aria-hidden="false"><button class="l ay ao am" aria-label="Member-only story"><div class=""><div><div class="bm" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Jun 29, 2021</span><div class="h k j i d"><div class="dq oc od ab q"><div class="fm oe of ab q og"><div class="ax od oh l fo"></div></div><a class="fm lk of ab q og" tabindex="-1" rel="noopener follow" href="/breakpoints-in-ui-design-85d4cb5ddbb0?source=user_profile_page---------6-------------1e3ccabd2493---------------"></a></div></div></div><div class="ab q oj ok"><div class="h k j i d"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F85d4cb5ddbb0&operation=register&redirect=https%3A%2F%2Fmedium.com%2Fdesign-bootcamp%2Fbreakpoints-in-ui-design-85d4cb5ddbb0&source=---------6-------------1e3ccabd2493----bookmark_preview-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ds ol om" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="on oo op oq or l"><div aria-label="What are breakpoints in web UI design? And how to use them?"><div class="j i d"><img alt="What are breakpoints in web UI design? And how to use them?" class="bx hv" src="https://miro.medium.com/v2/resize:fill:160:106/1*x-rjHXkR_lYHd6BDCmFZ9g.png" width="80" height="53" loading="lazy"/></div><div class="h k"><img alt="What are breakpoints in web UI design? And how to use them?" class="bx hv" src="https://miro.medium.com/v2/resize:fill:320:214/1*x-rjHXkR_lYHd6BDCmFZ9g.png" width="160" height="107" loading="lazy"/></div></div></div></div><div class="os j i d"><span class="bf b dt z ds"><div class="jo ab hb ae"><div class="ab q og"><div class="lt ab"><div class="bm" aria-hidden="false"><button class="l ay ao am" aria-label="Member-only story"><div class=""><div><div class="bm" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Jun 29, 2021</span><div class="h k j i d"><div class="dq oc od ab q"><div class="fm oe of ab q og"><div class="ax od oh l fo"></div></div><a class="fm lk of ab q og" tabindex="-1" rel="noopener follow" href="/breakpoints-in-ui-design-85d4cb5ddbb0?source=user_profile_page---------6-------------1e3ccabd2493---------------"></a></div></div></div><div class="ab q oj ok"><div class="h k j i d"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F85d4cb5ddbb0&operation=register&redirect=https%3A%2F%2Fmedium.com%2Fdesign-bootcamp%2Fbreakpoints-in-ui-design-85d4cb5ddbb0&source=---------6-------------1e3ccabd2493----bookmark_preview-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ds ol om" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="ot bh r ou ov ow ox oy"></div></div></div></div></div></article></div></div></div><div class="ab cn"><div class="ic bh id ie if ig"><div class="oz bh l"><article class=""><div class="lt l"><div class="bh dp"><div class="l"><div class="bh l"><div style="position:relative;display:flex" role="link" data-href="https://appy013.medium.com/how-to-use-obs-studio-to-organise-high-quality-virtual-events-series-87b6aec329d4" tabindex="0"><div class="bh ly lz ma mb"><div class="ab"></div><div class="ab"><div class="l cl gb"><div class="mk ml mm mn mo mp mq mr ms mt"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" rel="noopener follow" href="/how-to-use-obs-studio-to-organise-high-quality-virtual-events-series-87b6aec329d4?source=user_profile_page---------7-------------1e3ccabd2493---------------"><h2 class="bf mu mv mw mx jt my mz na nb jy nc ka kb nd ne ke nf ng nh ni nj nk nl nm nn no hj hl hm ho hq bk">How to use OBS Studio to organise high quality virtual events [Series]</h2><div class="np"><h3 class="bf b ge z hj nq hl hm nr ho hq ds">Using a green screen</h3></div></a></div><div class="h k"><div class="ns nt nu nv nw nx ny nz oa ob l"><span class="bf b dt z ds"><div class="jo ab hb ae"><div class="ab q og"><div class="lt ab"><div class="bm" aria-hidden="false"><button class="l ay ao am" aria-label="Member-only story"><div class=""><div><div class="bm" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Nov 3, 2020</span><div class="h k j i d"><div class="dq oc od ab q"><div class="fm oe of ab q og"><div class="ax od oh l fo"></div></div><a class="fm lk of ab q og" tabindex="-1" rel="noopener follow" href="/how-to-use-obs-studio-to-organise-high-quality-virtual-events-series-87b6aec329d4?source=user_profile_page---------7-------------1e3ccabd2493---------------"></a></div></div></div><div class="ab q oj ok"><div class="h k j i d"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F87b6aec329d4&operation=register&redirect=https%3A%2F%2Fappy013.medium.com%2Fhow-to-use-obs-studio-to-organise-high-quality-virtual-events-series-87b6aec329d4&source=---------7-------------1e3ccabd2493----bookmark_preview-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ds ol om" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="on oo op oq or l"><div aria-label="How to use OBS Studio to organise high quality virtual events [Series]"><div class="j i d"><img alt="How to use OBS Studio to organise high quality virtual events [Series]" class="bx hv" src="https://miro.medium.com/v2/resize:fill:160:106/1*ZrpQzjjM0u-0ok49oYFe8Q.png" width="80" height="53" loading="lazy"/></div><div class="h k"><img alt="How to use OBS Studio to organise high quality virtual events [Series]" class="bx hv" src="https://miro.medium.com/v2/resize:fill:320:214/1*ZrpQzjjM0u-0ok49oYFe8Q.png" width="160" height="107" loading="lazy"/></div></div></div></div><div class="os j i d"><span class="bf b dt z ds"><div class="jo ab hb ae"><div class="ab q og"><div class="lt ab"><div class="bm" aria-hidden="false"><button class="l ay ao am" aria-label="Member-only story"><div class=""><div><div class="bm" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Nov 3, 2020</span><div class="h k j i d"><div class="dq oc od ab q"><div class="fm oe of ab q og"><div class="ax od oh l fo"></div></div><a class="fm lk of ab q og" tabindex="-1" rel="noopener follow" href="/how-to-use-obs-studio-to-organise-high-quality-virtual-events-series-87b6aec329d4?source=user_profile_page---------7-------------1e3ccabd2493---------------"></a></div></div></div><div class="ab q oj ok"><div class="h k j i d"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F87b6aec329d4&operation=register&redirect=https%3A%2F%2Fappy013.medium.com%2Fhow-to-use-obs-studio-to-organise-high-quality-virtual-events-series-87b6aec329d4&source=---------7-------------1e3ccabd2493----bookmark_preview-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ds ol om" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="ot bh r ou ov ow ox oy"></div></div></div></div></div></article></div></div></div><div class="ab cn"><div class="ic bh id ie if ig"><div class="oz bh l"><article class=""><div class="lt l"><div class="bh dp"><div class="l"><div class="bh l"><div style="position:relative;display:flex" role="link" data-href="https://appy013.medium.com/an-easiest-way-youll-find-to-use-masks-in-figma-24d9483dc65" tabindex="0"><div class="bh ly lz ma mb"><div class="ab"><div class="mc md me mf mg ab q"><div class="mh l"><div><div class="l" aria-hidden="false"><a href="https://uxdesign.cc/?source=user_profile_page---------8-------------1e3ccabd2493---------------" rel="noopener follow"><div class="dq ab"><img alt="UX Collective" class="hv hi hh fo" src="https://miro.medium.com/v2/resize:fill:40:40/1*mDhF9X4VO0rCrJvWFatyxg.png" width="20" height="20" loading="lazy"/><div class="hv l hh hi fm n fl fn"></div></div></a></div></div></div><div class="mi l"><p class="bf b dt z ds">Published in</p></div><div class="l"><div><div class="l" aria-hidden="false"><a class="af ag ah ai aj ak al am an ao ap aq ar mj ab q" href="https://uxdesign.cc/?source=user_profile_page---------8-------------1e3ccabd2493---------------" rel="noopener follow"><p class="bf b dt z hj hk hl hm hn ho hp hq bk">UX Collective</p></a></div></div></div></div></div><div class="ab"><div class="l cl gb"><div class="mk ml mm mn mo mp mq mr ms mt"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" rel="noopener follow" href="/an-easiest-way-youll-find-to-use-masks-in-figma-24d9483dc65?source=user_profile_page---------8-------------1e3ccabd2493---------------"><h2 class="bf mu mv mw mx jt my mz na nb jy nc ka kb nd ne ke nf ng nh ni nj nk nl nm nn no hj hl hm ho hq bk">An easier way to use masks in Figma</h2><div class="np"><h3 class="bf b ge z hj nq hl hm nr ho hq ds">Masking in Figma is no big change from other design tools, then why designers find it difficult to use? Let’s find it out!</h3></div></a></div><div class="h k"><div class="ns nt nu nv nw nx ny nz oa ob l"><span class="bf b dt z ds"><div class="jo ab hb ae"><div class="ab q og"><div class="lt ab"><div class="bm" aria-hidden="false"><button class="l ay ao am" aria-label="Member-only story"><div class=""><div><div class="bm" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Aug 6, 2020</span><div class="h k j i d"><div class="dq oc od ab q"><div class="fm oe of ab q og"><div class="ax od oh l fo"></div></div><a class="fm lk of ab q og" tabindex="-1" rel="noopener follow" href="/an-easiest-way-youll-find-to-use-masks-in-figma-24d9483dc65?source=user_profile_page---------8-------------1e3ccabd2493---------------"></a></div></div></div><div class="ab q oj ok"><div class="h k j i d"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F24d9483dc65&operation=register&redirect=https%3A%2F%2Fuxdesign.cc%2Fan-easiest-way-youll-find-to-use-masks-in-figma-24d9483dc65&source=---------8-------------1e3ccabd2493----bookmark_preview-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ds ol om" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="on oo op oq or l"><div aria-label="An easier way to use masks in Figma"><div class="j i d"><img alt="An easier way to use masks in Figma" class="bx hv" src="https://miro.medium.com/v2/resize:fill:160:106/1*zznLUckkHADan-1nh-uEwA.png" width="80" height="53" loading="lazy"/></div><div class="h k"><img alt="An easier way to use masks in Figma" class="bx hv" src="https://miro.medium.com/v2/resize:fill:320:214/1*zznLUckkHADan-1nh-uEwA.png" width="160" height="107" loading="lazy"/></div></div></div></div><div class="os j i d"><span class="bf b dt z ds"><div class="jo ab hb ae"><div class="ab q og"><div class="lt ab"><div class="bm" aria-hidden="false"><button class="l ay ao am" aria-label="Member-only story"><div class=""><div><div class="bm" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Aug 6, 2020</span><div class="h k j i d"><div class="dq oc od ab q"><div class="fm oe of ab q og"><div class="ax od oh l fo"></div></div><a class="fm lk of ab q og" tabindex="-1" rel="noopener follow" href="/an-easiest-way-youll-find-to-use-masks-in-figma-24d9483dc65?source=user_profile_page---------8-------------1e3ccabd2493---------------"></a></div></div></div><div class="ab q oj ok"><div class="h k j i d"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F24d9483dc65&operation=register&redirect=https%3A%2F%2Fuxdesign.cc%2Fan-easiest-way-youll-find-to-use-masks-in-figma-24d9483dc65&source=---------8-------------1e3ccabd2493----bookmark_preview-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ds ol om" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="ot bh r ou ov ow ox oy"></div></div></div></div></div></article></div></div></div><div class="ab cn"><div class="ic bh id ie if ig"><div class="oz bh l"><article class=""><div class="lt l"><div class="bh dp"><div class="l"><div class="bh l"><div style="position:relative;display:flex" role="link" data-href="https://appy013.medium.com/an-ultimate-guide-to-port-from-sketch-to-figma-in-2020-d3da79b40008" tabindex="0"><div class="bh ly lz ma mb"><div class="ab"><div class="mc md me mf mg ab q"><div class="mh l"><div><div class="l" aria-hidden="false"><a href="https://uxdesign.cc/?source=user_profile_page---------9-------------1e3ccabd2493---------------" rel="noopener follow"><div class="dq ab"><img alt="UX Collective" class="hv hi hh fo" src="https://miro.medium.com/v2/resize:fill:40:40/1*mDhF9X4VO0rCrJvWFatyxg.png" width="20" height="20" loading="lazy"/><div class="hv l hh hi fm n fl fn"></div></div></a></div></div></div><div class="mi l"><p class="bf b dt z ds">Published in</p></div><div class="l"><div><div class="l" aria-hidden="false"><a class="af ag ah ai aj ak al am an ao ap aq ar mj ab q" href="https://uxdesign.cc/?source=user_profile_page---------9-------------1e3ccabd2493---------------" rel="noopener follow"><p class="bf b dt z hj hk hl hm hn ho hp hq bk">UX Collective</p></a></div></div></div></div></div><div class="ab"><div class="l cl gb"><div class="mk ml mm mn mo mp mq mr ms mt"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" rel="noopener follow" href="/an-ultimate-guide-to-port-from-sketch-to-figma-in-2020-d3da79b40008?source=user_profile_page---------9-------------1e3ccabd2493---------------"><h2 class="bf mu mv mw mx jt my mz na nb jy nc ka kb nd ne ke nf ng nh ni nj nk nl nm nn no hj hl hm ho hq bk">A detailed guide to port from Sketch to Figma in 2020</h2><div class="np"><h3 class="bf b ge z hj nq hl hm nr ho hq ds">Have you recently switched to Figma from Sketch? Here’s an ultimate guide that might help you.</h3></div></a></div><div class="h k"><div class="ns nt nu nv nw nx ny nz oa ob l"><span class="bf b dt z ds"><div class="jo ab hb ae"><div class="ab q og"><div class="lt ab"><div class="bm" aria-hidden="false"><button class="l ay ao am" aria-label="Member-only story"><div class=""><div><div class="bm" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Jul 21, 2020</span><div class="h k j i d"><div class="dq oc od ab q"><div class="fm oe of ab q og"><div class="ax od oh l fo"></div></div><a class="fm lk of ab q og" tabindex="-1" rel="noopener follow" href="/an-ultimate-guide-to-port-from-sketch-to-figma-in-2020-d3da79b40008?source=user_profile_page---------9-------------1e3ccabd2493---------------"></a></div></div></div><div class="ab q oj ok"><div class="h k j i d"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fd3da79b40008&operation=register&redirect=https%3A%2F%2Fuxdesign.cc%2Fan-ultimate-guide-to-port-from-sketch-to-figma-in-2020-d3da79b40008&source=---------9-------------1e3ccabd2493----bookmark_preview-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ds ol om" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="on oo op oq or l"><div aria-label="A detailed guide to port from Sketch to Figma in 2020"><div class="j i d"><img alt="A detailed guide to port from Sketch to Figma in 2020" class="bx hv" src="https://miro.medium.com/v2/resize:fill:160:106/1*k8AtPpc2DmnjwsOttFg_dw.png" width="80" height="53" loading="lazy"/></div><div class="h k"><img alt="A detailed guide to port from Sketch to Figma in 2020" class="bx hv" src="https://miro.medium.com/v2/resize:fill:320:214/1*k8AtPpc2DmnjwsOttFg_dw.png" width="160" height="107" loading="lazy"/></div></div></div></div><div class="os j i d"><span class="bf b dt z ds"><div class="jo ab hb ae"><div class="ab q og"><div class="lt ab"><div class="bm" aria-hidden="false"><button class="l ay ao am" aria-label="Member-only story"><div class=""><div><div class="bm" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Jul 21, 2020</span><div class="h k j i d"><div class="dq oc od ab q"><div class="fm oe of ab q og"><div class="ax od oh l fo"></div></div><a class="fm lk of ab q og" tabindex="-1" rel="noopener follow" href="/an-ultimate-guide-to-port-from-sketch-to-figma-in-2020-d3da79b40008?source=user_profile_page---------9-------------1e3ccabd2493---------------"></a></div></div></div><div class="ab q oj ok"><div class="h k j i d"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fd3da79b40008&operation=register&redirect=https%3A%2F%2Fuxdesign.cc%2Fan-ultimate-guide-to-port-from-sketch-to-figma-in-2020-d3da79b40008&source=---------9-------------1e3ccabd2493----bookmark_preview-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ds ol om" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="ot bh r ou ov ow ox oy"></div></div></div></div></div></article></div></div></div><div></div></div></div></div></div></main><div class="cu cv h cw cx cy k cz da db j dc dd de df dg dh di dj dk dl dm c dn do"><div class="dp bh bm dq"><div class="l m fp"><div class="fq ab fr"><div class="l ae"><div class="fs ft fu l"><div class="l dq"><img alt="Arpit Gupta" class="l dm by fv fw fo" src="https://miro.medium.com/v2/resize:fill:176:176/1*334T0Uz53pHDsRbeatSn0g.jpeg" width="88" height="88" loading="lazy"/><div class="fl by l fv fw fm n ay fx"></div></div><div class="fy ab fz ga"><h2 class="pw-author-name bf gd ge z gf bk"><span class="gb gc">Arpit Gupta</span></h2></div><div class="gg l"><span class="pw-follower-count bf b ge gh ds"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" rel="noopener follow" href="/followers?source=user_profile_page---user_sidebar-------------------1e3ccabd2493---------------">402 Followers</a></span></div><div class="gi l"><p class="bf b bg z ds">Design Systems Facilitator | Ex- Birdeye, <a class="af ag ah ai aj ak al am an ao ap aq ar gj gk" href="http://Peppertype.ai" rel="noopener ugc nofollow">Peppertype.ai</a>, Airmeet, <a class="af ag ah ai aj ak al am an ao ap aq ar gj gk" href="http://Kite.work" rel="noopener ugc nofollow">Kite.work</a>, & Zappfresh | Design Educator | <a class="af ag ah ai aj ak al am an ao ap aq ar gj gk" href="http://appy013.design" rel="noopener ugc nofollow">appy013.design</a> | Founder - The Design Lake</p></div><div class="gl gm ab"><span><button class="bf b bg z el gn em eo ep eq er es et eu ev ew ex au ey cr dm bm ez fa">Follow</button></span><div class="dr l"><div><div><div class="bm" aria-hidden="false"><div class="l"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/m/signin?actionUrl=%2F_%2Fapi%2Fsubscriptions%2Fnewsletters%2Ff490e633f625&operation=register&redirect=https%3A%2F%2Fappy013.medium.com%2F&newsletterV3=1e3ccabd2493&newsletterV3Id=f490e633f625&user=Arpit+Gupta&userId=1e3ccabd2493&source=---user_sidebar-------------------1e3ccabd2493----subscribe_user-----------" rel="noopener follow"><button class="bf b bg z gr am gs gt gu gv gw gx gy gz et eu ev ew ex ey cr dm bm ez fa" aria-label="Subscribe"><svg xmlns="http://www.w3.org/2000/svg" width="38" height="38" fill="none" viewBox="0 0 38 38" class="go gp gq"><rect width="0.5" height="6.5" x="26.25" y="9.25" rx="0.25"></rect><rect width="0.5" height="6.5" x="29.75" y="12.25" rx="0.25" transform="rotate(90 29.75 12.25)"></rect><path d="M19.5 12.5h-7a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h13a1 1 0 0 0 1-1v-5"></path><path d="M11.5 14.5 19 20l4-3"></path></svg></button></a></span></div></div></div></div></div></div><div class="l dq"><span class="bf gd ge z gf bk">Following</span><ul class="ha fy l"><li class="ab q hb"><a class="af ag ah ai aj ak al am an ao ap aq ar as at hc hd he" href="https://medium.com/@sherpasoniya14?source=user_profile_page---blogroll-------------------1e3ccabd2493---------------" rel="noopener follow"><div class="hf ab"><div class="hg l"><div class="l dq"><img alt="Soniya Sherpa" class="l dm by hh hi fo" src="https://miro.medium.com/v2/resize:fill:40:40/0*ClyauoQk1XrellDl" width="20" height="20" loading="lazy"/><div class="fl by l hh hi fm n ay fx"></div></div></div><p class="bf b dt z hj hk hl hm hn ho hp hq ds">Soniya Sherpa</p></div></a><div class="bm" aria-hidden="false" aria-describedby="creatorInfoPopover-293d84e49f94" aria-labelledby="creatorInfoPopover-293d84e49f94" aria-haspopup="dialog"><button class="af ag ah ai aj ak al hr an ao ap aq ar as at bc hs ht gv hu" aria-controls="creatorInfoPopover-293d84e49f94" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.385 12c0 .55.2 1.02.59 1.41.39.4.86.59 1.41.59s1.02-.2 1.41-.59c.4-.39.59-.86.59-1.41s-.2-1.02-.59-1.41a1.93 1.93 0 0 0-1.41-.59c-.55 0-1.02.2-1.41.59-.4.39-.59.86-.59 1.41m5.62 0c0 .55.2 1.02.58 1.41.4.4.87.59 1.42.59s1.02-.2 1.41-.59c.4-.39.59-.86.59-1.41s-.2-1.02-.59-1.41a1.93 1.93 0 0 0-1.41-.59c-.55 0-1.03.2-1.42.59s-.58.86-.58 1.41m5.6 0c0 .55.2 1.02.58 1.41.4.4.87.59 1.43.59s1.03-.2 1.42-.59.58-.86.58-1.41-.2-1.02-.58-1.41a1.93 1.93 0 0 0-1.42-.59c-.56 0-1.04.2-1.43.59s-.58.86-.58 1.41" clip-rule="evenodd"></path></svg></button></div></li><li class="ab q hb"><a class="af ag ah ai aj ak al am an ao ap aq ar as at hc hd he" href="https://medium.com/the-design-lake?source=user_profile_page---blogroll-------------------1e3ccabd2493---------------" rel="noopener follow"><div class="hf ab"><div class="hg l"><div class="dq ab"><img alt="The Design Lake" class="hv hi hh fo" src="https://miro.medium.com/v2/resize:fill:40:40/1*IM_HCIy5NCUzNPNj1yBZdA.jpeg" width="20" height="20" loading="lazy"/><div class="hv l hh hi fm n fl fx"></div></div></div><p class="bf b dt z hj hk hl hm hn ho hp hq ds">The Design Lake</p></div></a><div class="bm" aria-hidden="false" aria-describedby="creatorInfoPopover-9019422bc0af" aria-labelledby="creatorInfoPopover-9019422bc0af" aria-haspopup="dialog"><button class="af ag ah ai aj ak al hr an ao ap aq ar as at bc hs ht gv hu" aria-controls="creatorInfoPopover-9019422bc0af" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.385 12c0 .55.2 1.02.59 1.41.39.4.86.59 1.41.59s1.02-.2 1.41-.59c.4-.39.59-.86.59-1.41s-.2-1.02-.59-1.41a1.93 1.93 0 0 0-1.41-.59c-.55 0-1.02.2-1.41.59-.4.39-.59.86-.59 1.41m5.62 0c0 .55.2 1.02.58 1.41.4.4.87.59 1.42.59s1.02-.2 1.41-.59c.4-.39.59-.86.59-1.41s-.2-1.02-.59-1.41a1.93 1.93 0 0 0-1.41-.59c-.55 0-1.03.2-1.42.59s-.58.86-.58 1.41m5.6 0c0 .55.2 1.02.58 1.41.4.4.87.59 1.43.59s1.03-.2 1.42-.59.58-.86.58-1.41-.2-1.02-.58-1.41a1.93 1.93 0 0 0-1.42-.59c-.56 0-1.04.2-1.43.59s-.58.86-.58 1.41" clip-rule="evenodd"></path></svg></button></div></li><li class="ab q hb"><a class="af ag ah ai aj ak al am an ao ap aq ar as at hc hd he" href="https://medium.com/microsoft-design?source=user_profile_page---blogroll-------------------1e3ccabd2493---------------" rel="noopener follow"><div class="hf ab"><div class="hg l"><div class="dq ab"><img alt="Microsoft Design" class="hv hi hh fo" src="https://miro.medium.com/v2/resize:fill:40:40/1*QxJBzpwHk44170qJ4bu7Ng.png" width="20" height="20" loading="lazy"/><div class="hv l hh hi fm n fl fx"></div></div></div><p class="bf b dt z hj hk hl hm hn ho hp hq ds">Microsoft Design</p></div></a><div class="bm" aria-hidden="false" aria-describedby="creatorInfoPopover-71c99841f1ad" aria-labelledby="creatorInfoPopover-71c99841f1ad" aria-haspopup="dialog"><button class="af ag ah ai aj ak al hr an ao ap aq ar as at bc hs ht gv hu" aria-controls="creatorInfoPopover-71c99841f1ad" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.385 12c0 .55.2 1.02.59 1.41.39.4.86.59 1.41.59s1.02-.2 1.41-.59c.4-.39.59-.86.59-1.41s-.2-1.02-.59-1.41a1.93 1.93 0 0 0-1.41-.59c-.55 0-1.02.2-1.41.59-.4.39-.59.86-.59 1.41m5.62 0c0 .55.2 1.02.58 1.41.4.4.87.59 1.42.59s1.02-.2 1.41-.59c.4-.39.59-.86.59-1.41s-.2-1.02-.59-1.41a1.93 1.93 0 0 0-1.41-.59c-.55 0-1.03.2-1.42.59s-.58.86-.58 1.41m5.6 0c0 .55.2 1.02.58 1.41.4.4.87.59 1.43.59s1.03-.2 1.42-.59.58-.86.58-1.41-.2-1.02-.58-1.41a1.93 1.93 0 0 0-1.42-.59c-.56 0-1.04.2-1.43.59s-.58.86-.58 1.41" clip-rule="evenodd"></path></svg></button></div></li><li class="ab q hb"><a class="af ag ah ai aj ak al am an ao ap aq ar as at hc hd he" href="https://medium.com/@designjon?source=user_profile_page---blogroll-------------------1e3ccabd2493---------------" rel="noopener follow"><div class="hf ab"><div class="hg l"><div class="l dq"><img alt="Jon Friedman" class="l dm by hh hi fo" src="https://miro.medium.com/v2/resize:fill:40:40/1*YExXLvas6V9XUTe7Z8OSwQ.jpeg" width="20" height="20" loading="lazy"/><div class="fl by l hh hi fm n ay fx"></div></div></div><p class="bf b dt z hj hk hl hm hn ho hp hq ds">Jon Friedman</p></div></a><div class="bm" aria-hidden="false" aria-describedby="creatorInfoPopover-2218627e068e" aria-labelledby="creatorInfoPopover-2218627e068e" aria-haspopup="dialog"><button class="af ag ah ai aj ak al hr an ao ap aq ar as at bc hs ht gv hu" aria-controls="creatorInfoPopover-2218627e068e" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.385 12c0 .55.2 1.02.59 1.41.39.4.86.59 1.41.59s1.02-.2 1.41-.59c.4-.39.59-.86.59-1.41s-.2-1.02-.59-1.41a1.93 1.93 0 0 0-1.41-.59c-.55 0-1.02.2-1.41.59-.4.39-.59.86-.59 1.41m5.62 0c0 .55.2 1.02.58 1.41.4.4.87.59 1.42.59s1.02-.2 1.41-.59c.4-.39.59-.86.59-1.41s-.2-1.02-.59-1.41a1.93 1.93 0 0 0-1.41-.59c-.55 0-1.03.2-1.42.59s-.58.86-.58 1.41m5.6 0c0 .55.2 1.02.58 1.41.4.4.87.59 1.43.59s1.03-.2 1.42-.59.58-.86.58-1.41-.2-1.02-.58-1.41a1.93 1.93 0 0 0-1.42-.59c-.56 0-1.04.2-1.43.59s-.58.86-.58 1.41" clip-rule="evenodd"></path></svg></button></div></li><li class="ab q hb"><a class="af ag ah ai aj ak al am an ao ap aq ar as at hc hd he" href="https://uxdesign.cc/?source=user_profile_page---blogroll-------------------1e3ccabd2493---------------" rel="noopener follow"><div class="hf ab"><div class="hg l"><div class="dq ab"><img alt="UX Collective" class="hv hi hh fo" src="https://miro.medium.com/v2/resize:fill:40:40/1*mDhF9X4VO0rCrJvWFatyxg.png" width="20" height="20" loading="lazy"/><div class="hv l hh hi fm n fl fx"></div></div></div><p class="bf b dt z hj hk hl hm hn ho hp hq ds">UX Collective</p></div></a><div class="bm" aria-hidden="false" aria-describedby="creatorInfoPopover-138adf9c44c" aria-labelledby="creatorInfoPopover-138adf9c44c" aria-haspopup="dialog"><button class="af ag ah ai aj ak al hr an ao ap aq ar as at bc hs ht gv hu" aria-controls="creatorInfoPopover-138adf9c44c" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.385 12c0 .55.2 1.02.59 1.41.39.4.86.59 1.41.59s1.02-.2 1.41-.59c.4-.39.59-.86.59-1.41s-.2-1.02-.59-1.41a1.93 1.93 0 0 0-1.41-.59c-.55 0-1.02.2-1.41.59-.4.39-.59.86-.59 1.41m5.62 0c0 .55.2 1.02.58 1.41.4.4.87.59 1.42.59s1.02-.2 1.41-.59c.4-.39.59-.86.59-1.41s-.2-1.02-.59-1.41a1.93 1.93 0 0 0-1.41-.59c-.55 0-1.03.2-1.42.59s-.58.86-.58 1.41m5.6 0c0 .55.2 1.02.58 1.41.4.4.87.59 1.43.59s1.03-.2 1.42-.59.58-.86.58-1.41-.2-1.02-.58-1.41a1.93 1.93 0 0 0-1.42-.59c-.56 0-1.04.2-1.43.59s-.58.86-.58 1.41" clip-rule="evenodd"></path></svg></button></div></li></ul><p class="bf b dt z ds"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" rel="noopener follow" href="/following?source=user_profile_page---blogroll-------------------1e3ccabd2493---------------">See all (5)</a></p></div></div><div class="fs ft fu l"></div></div><div class="hw ab cd ga"><div class="hx l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://help.medium.com/hc/en-us?source=user_profile_page---user_sidebar-------------------1e3ccabd2493---------------" rel="noopener follow"><p class="bf b hy hz ds">Help</p></a></div><div class="hx l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.statuspage.io/?source=user_profile_page---user_sidebar-------------------1e3ccabd2493---------------" rel="noopener follow"><p class="bf b hy hz ds">Status</p></a></div><div class="hx l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/about?autoplay=1&source=user_profile_page---user_sidebar-------------------1e3ccabd2493---------------" rel="noopener follow"><p class="bf b hy hz ds">About</p></a></div><div class="hx l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/jobs-at-medium/work-at-medium-959d1a85284e?source=user_profile_page---user_sidebar-------------------1e3ccabd2493---------------" rel="noopener follow"><p class="bf b hy hz ds">Careers</p></a></div><div class="hx l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="pressinquiries@medium.com?source=user_profile_page---user_sidebar-------------------1e3ccabd2493---------------" rel="noopener follow"><p class="bf b hy hz ds">Press</p></a></div><div class="hx l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://blog.medium.com/?source=user_profile_page---user_sidebar-------------------1e3ccabd2493---------------" rel="noopener follow"><p class="bf b hy hz ds">Blog</p></a></div><div class="hx l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://policy.medium.com/medium-privacy-policy-f03bf92035c9?source=user_profile_page---user_sidebar-------------------1e3ccabd2493---------------" rel="noopener follow"><p class="bf b hy hz ds">Privacy</p></a></div><div class="hx l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://policy.medium.com/medium-terms-of-service-9db0094a1e0f?source=user_profile_page---user_sidebar-------------------1e3ccabd2493---------------" rel="noopener follow"><p class="bf b hy hz ds">Terms</p></a></div><div class="hx l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://speechify.com/medium?source=user_profile_page---user_sidebar-------------------1e3ccabd2493---------------" rel="noopener follow"><p class="bf b hy hz ds">Text to speech</p></a></div><div class="l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/business?source=user_profile_page---user_sidebar-------------------1e3ccabd2493---------------" rel="noopener follow"><p class="bf b hy hz ds">Teams</p></a></div></div></div></div></div></div></div></div></div></div></div><script>window.__BUILD_ID__="main-20241122-185319-7bcdc08639"</script><script>window.__GRAPHQL_URI__ = "https://appy013.medium.com/_/graphql"</script><script>window.__PRELOADED_STATE__ = {"algolia":{"queries":{}},"cache":{"experimentGroupSet":true,"reason":"Edgy did not set shouldUseCache to true","group":"disabled","tags":[],"serverVariantState":"","middlewareEnabled":true,"cacheStatus":"DYNAMIC","shouldUseCache":false,"vary":[],"lohpSummerUpsellEnabled":false,"publicationHierarchyEnabledWeb":false,"postBottomResponsesEnabled":false},"client":{"hydrated":false,"isUs":false,"isNativeMedium":false,"isSafariMobile":false,"isSafari":false,"isFirefox":false,"routingEntity":{"type":"USER","id":"1e3ccabd2493","explicit":true},"viewerIsBot":false},"debug":{"requestId":"4a654b9e-f3fb-41cc-a54d-a38de5f4a238","hybridDevServices":[],"originalSpanCarrier":{"traceparent":"00-9b47620a8912f7459ec219e48005c577-e6806cc20135608a-01"}},"multiVote":{"clapsPerPost":{}},"navigation":{"branch":{"show":null,"hasRendered":null,"blockedByCTA":false},"hideGoogleOneTap":false,"hasRenderedAlternateUserBanner":null,"currentLocation":"https:\u002F\u002Fappy013.medium.com\u002F","host":"appy013.medium.com","hostname":"appy013.medium.com","referrer":"","hasSetReferrer":false,"susiModal":{"step":null,"operation":"register"},"postRead":false,"partnerProgram":{"selectedCountryCode":null},"queryString":"?source=user_profile_page---blogroll-------------------fbb1f96c1c29---------------"},"config":{"nodeEnv":"production","version":"main-20241122-185319-7bcdc08639","target":"production","productName":"Medium","publicUrl":"https:\u002F\u002Fcdn-client.medium.com\u002Flite","authDomain":"medium.com","authGoogleClientId":"216296035834-k1k6qe060s2tp2a2jam4ljdcms00sttg.apps.googleusercontent.com","favicon":"production","glyphUrl":"https:\u002F\u002Fglyph.medium.com","branchKey":"key_live_ofxXr2qTrrU9NqURK8ZwEhknBxiI6KBm","algolia":{"appId":"MQ57UUUQZ2","apiKeySearch":"394474ced050e3911ae2249ecc774921","indexPrefix":"medium_","host":"-dsn.algolia.net"},"recaptchaKey":"6Lfc37IUAAAAAKGGtC6rLS13R1Hrw_BqADfS1LRk","recaptcha3Key":"6Lf8R9wUAAAAABMI_85Wb8melS7Zj6ziuf99Yot5","recaptchaEnterpriseKeyId":"6Le-uGgpAAAAAPprRaokM8AKthQ9KNGdoxaGUvVp","datadog":{"applicationId":"6702d87d-a7e0-42fe-bbcb-95b469547ea0","clientToken":"pub853ea8d17ad6821d9f8f11861d23dfed","rumToken":"pubf9cc52896502b9413b68ba36fc0c7162","context":{"deployment":{"target":"production","tag":"main-20241122-185319-7bcdc08639","commit":"7bcdc08639c179dc5172558201a3fd3abc1b5db6"}},"datacenter":"us"},"googleAnalyticsCode":"G-7JY7T788PK","googlePay":{"apiVersion":"2","apiVersionMinor":"0","merchantId":"BCR2DN6TV7EMTGBM","merchantName":"Medium","instanceMerchantId":"13685562959212738550"},"applePay":{"version":3},"signInWallCustomDomainCollectionIds":["3a8144eabfe3","336d898217ee","61061eb0c96b","138adf9c44c","819cc2aaeee0"],"mediumMastodonDomainName":"me.dm","mediumOwnedAndOperatedCollectionIds":["8a9336e5bb4","b7e45b22fec3","193b68bd4fba","8d6b8a439e32","54c98c43354d","3f6ecf56618","d944778ce714","92d2092dc598","ae2a65f35510","1285ba81cada","544c7006046e","fc8964313712","40187e704f1c","88d9857e584e","7b6769f2748b","bcc38c8f6edf","cef6983b292","cb8577c9149e","444d13b52878","713d7dbc99b0","ef8e90590e66","191186aaafa0","55760f21cdc5","9dc80918cc93","bdc4052bbdba","8ccfed20cbb2"],"tierOneDomains":["medium.com","thebolditalic.com","arcdigital.media","towardsdatascience.com","uxdesign.cc","codeburst.io","psiloveyou.xyz","writingcooperative.com","entrepreneurshandbook.co","prototypr.io","betterhumans.coach.me","theascent.pub"],"topicsToFollow":["d61cf867d93f","8a146bc21b28","1eca0103fff3","4d562ee63426","aef1078a3ef5","e15e46793f8d","6158eb913466","55f1c20aba7a","3d18b94f6858","4861fee224fd","63c6f1f93ee","1d98b3a9a871","decb52b64abf","ae5d4995e225","830cded25262"],"topicToTagMappings":{"accessibility":"accessibility","addiction":"addiction","android-development":"android-development","art":"art","artificial-intelligence":"artificial-intelligence","astrology":"astrology","basic-income":"basic-income","beauty":"beauty","biotech":"biotech","blockchain":"blockchain","books":"books","business":"business","cannabis":"cannabis","cities":"cities","climate-change":"climate-change","comics":"comics","coronavirus":"coronavirus","creativity":"creativity","cryptocurrency":"cryptocurrency","culture":"culture","cybersecurity":"cybersecurity","data-science":"data-science","design":"design","digital-life":"digital-life","disability":"disability","economy":"economy","education":"education","equality":"equality","family":"family","feminism":"feminism","fiction":"fiction","film":"film","fitness":"fitness","food":"food","freelancing":"freelancing","future":"future","gadgets":"gadgets","gaming":"gaming","gun-control":"gun-control","health":"health","history":"history","humor":"humor","immigration":"immigration","ios-development":"ios-development","javascript":"javascript","justice":"justice","language":"language","leadership":"leadership","lgbtqia":"lgbtqia","lifestyle":"lifestyle","machine-learning":"machine-learning","makers":"makers","marketing":"marketing","math":"math","media":"media","mental-health":"mental-health","mindfulness":"mindfulness","money":"money","music":"music","neuroscience":"neuroscience","nonfiction":"nonfiction","outdoors":"outdoors","parenting":"parenting","pets":"pets","philosophy":"philosophy","photography":"photography","podcasts":"podcast","poetry":"poetry","politics":"politics","privacy":"privacy","product-management":"product-management","productivity":"productivity","programming":"programming","psychedelics":"psychedelics","psychology":"psychology","race":"race","relationships":"relationships","religion":"religion","remote-work":"remote-work","san-francisco":"san-francisco","science":"science","self":"self","self-driving-cars":"self-driving-cars","sexuality":"sexuality","social-media":"social-media","society":"society","software-engineering":"software-engineering","space":"space","spirituality":"spirituality","sports":"sports","startups":"startup","style":"style","technology":"technology","transportation":"transportation","travel":"travel","true-crime":"true-crime","tv":"tv","ux":"ux","venture-capital":"venture-capital","visual-design":"visual-design","work":"work","world":"world","writing":"writing"},"defaultImages":{"avatar":{"imageId":"1*dmbNkD5D-u45r44go_cf0g.png","height":150,"width":150},"orgLogo":{"imageId":"7*V1_7XP4snlmqrc_0Njontw.png","height":110,"width":500},"postLogo":{"imageId":"bd978bb536350a710e8efb012513429cabdc4c28700604261aeda246d0f980b7","height":810,"width":1440},"postPreviewImage":{"imageId":"1*hn4v1tCaJy7cWMyb0bpNpQ.png","height":386,"width":579}},"collectionStructuredData":{"8d6b8a439e32":{"name":"Elemental","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F980\u002F1*9ygdqoKprhwuTVKUM0DLPA@2x.png","width":980,"height":159}}},"3f6ecf56618":{"name":"Forge","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F596\u002F1*uULpIlImcO5TDuBZ6lm7Lg@2x.png","width":596,"height":183}}},"ae2a65f35510":{"name":"GEN","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F264\u002F1*RdVZMdvfV3YiZTw6mX7yWA.png","width":264,"height":140}}},"88d9857e584e":{"name":"LEVEL","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*JqYMhNX6KNNb2UlqGqO2WQ.png","width":540,"height":108}}},"7b6769f2748b":{"name":"Marker","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F383\u002F1*haCUs0wF6TgOOvfoY-jEoQ@2x.png","width":383,"height":92}}},"444d13b52878":{"name":"OneZero","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*cw32fIqCbRWzwJaoQw6BUg.png","width":540,"height":123}}},"8ccfed20cbb2":{"name":"Zora","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*tZUQqRcCCZDXjjiZ4bDvgQ.png","width":540,"height":106}}}},"embeddedPostIds":{"coronavirus":"cd3010f9d81f"},"sharedCdcMessaging":{"COVID_APPLICABLE_TAG_SLUGS":[],"COVID_APPLICABLE_TOPIC_NAMES":[],"COVID_APPLICABLE_TOPIC_NAMES_FOR_TOPIC_PAGE":[],"COVID_MESSAGES":{"tierA":{"text":"For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":66,"end":73,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"tierB":{"text":"Anyone can publish on Medium per our Policies, but we don’t fact-check every story. For more info about the coronavirus, see cdc.gov.","markups":[{"start":37,"end":45,"href":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Fcategories\u002F201931128-Policies-Safety"},{"start":125,"end":132,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"paywall":{"text":"This article has been made free for everyone, thanks to Medium Members. For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":56,"end":70,"href":"https:\u002F\u002Fmedium.com\u002Fmembership"},{"start":138,"end":145,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"unbound":{"text":"This article is free for everyone, thanks to Medium Members. For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":45,"end":59,"href":"https:\u002F\u002Fmedium.com\u002Fmembership"},{"start":127,"end":134,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]}},"COVID_BANNER_POST_ID_OVERRIDE_WHITELIST":["3b31a67bff4a"]},"sharedVoteMessaging":{"TAGS":["politics","election-2020","government","us-politics","election","2020-presidential-race","trump","donald-trump","democrats","republicans","congress","republican-party","democratic-party","biden","joe-biden","maga"],"TOPICS":["politics","election"],"MESSAGE":{"text":"Find out more about the U.S. election results here.","markups":[{"start":46,"end":50,"href":"https:\u002F\u002Fcookpolitical.com\u002F2020-national-popular-vote-tracker"}]},"EXCLUDE_POSTS":["397ef29e3ca5"]},"embedPostRules":[],"recircOptions":{"v1":{"limit":3},"v2":{"limit":8}},"braintreeClientKey":"production_zjkj96jm_m56f8fqpf7ngnrd4","braintree":{"enabled":true,"merchantId":"m56f8fqpf7ngnrd4","merchantAccountId":{"usd":"AMediumCorporation_instant","eur":"amediumcorporation_EUR","cad":"amediumcorporation_CAD"},"publicKey":"ds2nn34bg2z7j5gd","braintreeEnvironment":"production","dashboardUrl":"https:\u002F\u002Fwww.braintreegateway.com\u002Fmerchants","gracePeriodDurationInDays":14,"mediumMembershipPlanId":{"monthly":"ce105f8c57a3","monthlyV2":"e8a5e126-792b-4ee6-8fba-d574c1b02fc5","monthlyWithTrial":"d5ee3dbe3db8","monthlyPremium":"fa741a9b47a2","yearly":"a40ad4a43185","yearlyV2":"3815d7d6-b8ca-4224-9b8c-182f9047866e","yearlyStaff":"d74fb811198a","yearlyWithTrial":"b3bc7350e5c7","yearlyPremium":"e21bd2c12166","monthlyOneYearFree":"e6c0637a-2bad-4171-ab4f-3c268633d83c","monthly25PercentOffFirstYear":"235ecc62-0cdb-49ae-9378-726cd21c504b","monthly20PercentOffFirstYear":"ba518864-9c13-4a99-91ca-411bf0cac756","monthly15PercentOffFirstYear":"594c029b-9f89-43d5-88f8-8173af4e070e","monthly10PercentOffFirstYear":"c6c7bc9a-40f2-4b51-8126-e28511d5bdb0","monthlyForStudents":"629ebe51-da7d-41fd-8293-34cd2f2030a8","yearlyOneYearFree":"78ba7be9-0d9f-4ece-aa3e-b54b826f2bf1","yearly25PercentOffFirstYear":"2dbb010d-bb8f-4eeb-ad5c-a08509f42d34","yearly20PercentOffFirstYear":"47565488-435b-47f8-bf93-40d5fbe0ebc8","yearly15PercentOffFirstYear":"8259809b-0881-47d9-acf7-6c001c7f720f","yearly10PercentOffFirstYear":"9dd694fb-96e1-472c-8d9e-3c868d5c1506","yearlyForStudents":"e29345ef-ab1c-4234-95c5-70e50fe6bc23","monthlyCad":"p52orjkaceei","yearlyCad":"h4q9g2up9ktt"},"braintreeDiscountId":{"oneMonthFree":"MONTHS_FREE_01","threeMonthsFree":"MONTHS_FREE_03","sixMonthsFree":"MONTHS_FREE_06","fiftyPercentOffOneYear":"FIFTY_PERCENT_OFF_ONE_YEAR"},"3DSecureVersion":"2","defaultCurrency":"usd","providerPlanIdCurrency":{"4ycw":"usd","rz3b":"usd","3kqm":"usd","jzw6":"usd","c2q2":"usd","nnsw":"usd","q8qw":"usd","d9y6":"usd","fx7w":"cad","nwf2":"cad"}},"paypalClientId":"AXj1G4fotC2GE8KzWX9mSxCH1wmPE3nJglf4Z2ig_amnhvlMVX87otaq58niAg9iuLktVNF_1WCMnN7v","paypal":{"host":"https:\u002F\u002Fapi.paypal.com:443","clientMode":"production","serverMode":"live","webhookId":"4G466076A0294510S","monthlyPlan":{"planId":"P-9WR0658853113943TMU5FDQA","name":"Medium Membership (Monthly) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"yearlyPlan":{"planId":"P-7N8963881P8875835MU5JOPQ","name":"Medium Membership (Annual) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"oneYearGift":{"name":"Medium Membership (1 Year, Digital Gift Code)","description":"Unlimited access to the best and brightest stories on Medium. Gift codes can be redeemed at medium.com\u002Fredeem.","price":"50.00","currency":"USD","sku":"membership-gift-1-yr"},"oldMonthlyPlan":{"planId":"P-96U02458LM656772MJZUVH2Y","name":"Medium Membership (Monthly)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"oldYearlyPlan":{"planId":"P-59P80963JF186412JJZU3SMI","name":"Medium Membership (Annual)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"monthlyPlanWithTrial":{"planId":"P-66C21969LR178604GJPVKUKY","name":"Medium Membership (Monthly) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"yearlyPlanWithTrial":{"planId":"P-6XW32684EX226940VKCT2MFA","name":"Medium Membership (Annual) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"oldMonthlyPlanNoSetupFee":{"planId":"P-4N046520HR188054PCJC7LJI","name":"Medium Membership (Monthly)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"oldYearlyPlanNoSetupFee":{"planId":"P-7A4913502Y5181304CJEJMXQ","name":"Medium Membership (Annual)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"sdkUrl":"https:\u002F\u002Fwww.paypal.com\u002Fsdk\u002Fjs"},"stripePublishableKey":"pk_live_7FReX44VnNIInZwrIIx6ghjl","log":{"json":true,"level":"info"},"imageUploadMaxSizeMb":25,"staffPicks":{"title":"Staff Picks","catalogId":"c7bc6e1ee00f"}},"session":{"xsrf":""}}</script><script>window.__APOLLO_STATE__ = {"ROOT_QUERY":{"__typename":"Query","viewer":null,"collectionByDomainOrSlug({\"domainOrSlug\":\"appy013.medium.com\"})":null,"variantFlags":[{"__typename":"VariantFlag","name":"android_rating_prompt_stories_read_threshold","valueType":{"__typename":"VariantFlagNumber","value":2}},{"__typename":"VariantFlag","name":"skip_fs_cache_user_vals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_apple_pay","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_topic_portals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_google_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_seamless_social_sharing","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_switch_plan_premium_tier","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_editor_new_publishing_flow","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_google_pay","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_apple_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_explicit_signals_updated_post_previews","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ranker_v10","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"glyph_font_set","valueType":{"__typename":"VariantFlagString","value":"m2-unbound-source-serif-pro"}},{"__typename":"VariantFlag","name":"enable_billing_frequency_on_step2","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"enable_lite_homepage","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_medium2_kbfd","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rito_upstream_deadlines","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_see_pronouns","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"goliath_externalsearch_enable_comment_deindexation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"disable_partner_program_enrollment","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_verified_book_author","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_offline_reading","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_friend_links_creation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_for_members_username_selection","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_social_share_sheet","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"textshots_userid","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"enable_recirc_model","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_speechify_widget","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_lock_responses","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_iceland_forced_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_diversification_rex","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_entities_to_follow_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lo_homepage","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"enable_apple_sign_in","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_dynamic_paywall_programming","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_publication_hierarchy_web","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_reading_history","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"allow_test_auth","valueType":{"__typename":"VariantFlagString","value":"disallow"}},{"__typename":"VariantFlag","name":"can_send_tips_v0","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_configure_pronouns","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_explicit_signals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"limit_user_follows","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_creator_welcome_email","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"coronavirus_topic_recirc","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_aggregator_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_susi_redesign_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_home_post_menu","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_lists_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_import","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ml_rank_rex_anno","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_author_cards_byline","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_continue_this_thread","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_avatar_upload","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sprig","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_dynamic_paywall_aspiriational","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_legacy_feed_in_iceland","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_members_only_audio","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"limit_post_referrers","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_trial_membership","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_monthly_plan","valueType":{"__typename":"VariantFlagString","value":"60e220181034"}},{"__typename":"VariantFlag","name":"enable_pp_country_expansion","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_recaptcha_enterprise","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_in_app_free_trial","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_automod","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_annual_plan","valueType":{"__typename":"VariantFlagString","value":"2c754bcc2995"}},{"__typename":"VariantFlag","name":"enable_recommended_publishers_query","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tick_landing_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_response_markup","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"price_smoke_test_monthly","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"enable_android_dynamic_programming_paywall","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_marketing_emails","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"mobile_custom_app_icon","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_paypal","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_friend_links_postpage_banners","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_offline_reading","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_new_stripe_customers","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tribute_landing_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_client","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_updated_pub_recs_ui","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_monthly_premium_plan","valueType":{"__typename":"VariantFlagString","value":"12a660186432"}},{"__typename":"VariantFlag","name":"enable_footer_app_buttons","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_intrinsic_automatic_actions","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_maim_the_meter","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"num_post_bottom_responses_to_show","valueType":{"__typename":"VariantFlagNumber","value":1}},{"__typename":"VariantFlag","name":"redefined_top_posts","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"allow_access","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_bayesian_average_pub_search","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_starspace","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_update_topic_portals_wtf","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_dynamic_aspirational_paywall","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_new_push_notification_endpoint","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_speechify_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_all_recs_surfaces","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_premium_tier","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_premium_tier_badge","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_easy_resubscribe","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_display_paywall_after_onboarding","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_remove_twitter_onboarding_step","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_app_flirty_thirty","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tipping_v0_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_bg_post_post","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_branch_io","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tipping_v0_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_deprecate_legacy_providers_v3","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pill_based_home_feed","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"reengagement_notification_duration","valueType":{"__typename":"VariantFlagNumber","value":3}},{"__typename":"VariantFlag","name":"signin_services","valueType":{"__typename":"VariantFlagString","value":"twitter,facebook,google,email,google-fastidv,google-one-tap,apple"}},{"__typename":"VariantFlag","name":"enable_abandoned_cart_promotion_email","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_eventstats_event_processing","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_for_members","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_susi_redesign_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"onboarding_tags_from_top_views","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"rex_generator_max_candidates","valueType":{"__typename":"VariantFlagNumber","value":1000}},{"__typename":"VariantFlag","name":"android_enable_image_sharer","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_miro_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_first_story","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_iceland_nux","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_server_upstream_deadlines","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sharer_validate_post_share_key","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_aurora_pub_follower_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_autorefresh","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pre_pp_v4","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tag_recs","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"allow_signup","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_cache_less_following_feed","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_c","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pp_v4","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_simplified_digest_v2_b","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_group_gifting","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_auto_follow_on_subscribe","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_friend_links_postpage_banners","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_two_hour_refresh","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"browsable_stream_config_bucket","valueType":{"__typename":"VariantFlagString","value":"curated-topics"}},{"__typename":"VariantFlag","name":"enable_new_manage_membership_flow","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_syntax_highlight","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_conversion_ranker_v2","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"enable_newsletter_lo_flow_custom_domains","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sharer_create_post_share_key","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_annual_premium_plan","valueType":{"__typename":"VariantFlagString","value":"4a442ace1476"}},{"__typename":"VariantFlag","name":"enable_conversion_model_v2","valueType":{"__typename":"VariantFlagString","value":"group_2"}},{"__typename":"VariantFlag","name":"enable_lite_archive_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"price_smoke_test_yearly","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"android_enable_friend_links_creation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_integration","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_verifications_service","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"reader_fair_distribution_non_qp","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"can_receive_tips_v0","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_author_cards","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_verified_author","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_boost_nia_v01","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_update_explore_wtf","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"signup_services","valueType":{"__typename":"VariantFlagString","value":"twitter,facebook,google,email,google-fastidv,google-one-tap,apple"}},{"__typename":"VariantFlag","name":"enable_google_one_tap","valueType":{"__typename":"VariantFlagBoolean","value":true}}],"user({\"id\":\"1e3ccabd2493\"})":{"__ref":"User:1e3ccabd2493"},"userResult({\"id\":\"1e3ccabd2493\"})":{"__ref":"User:1e3ccabd2493"},"user({\"username\":\"appy013\"})":{"__ref":"User:1e3ccabd2493"},"userResult({\"username\":\"appy013\"})":{"__ref":"User:1e3ccabd2493"},"userResult({\"id\":\"1e3ccabd2493\",\"username\":null})":{"__ref":"User:1e3ccabd2493"},"userResult({\"id\":\"1e3ccabd2493\",\"username\":\"\"})":{"__ref":"User:1e3ccabd2493"}},"User:1e3ccabd2493":{"__typename":"User","id":"1e3ccabd2493","name":"Arpit Gupta","username":"appy013","newsletterV3":{"__ref":"NewsletterV3:f490e633f625"},"customStyleSheet":{"__ref":"CustomStyleSheet:1955da3a9ff1"},"imageId":"1*334T0Uz53pHDsRbeatSn0g.jpeg","socialStats":{"__typename":"SocialStats","followerCount":402,"followingCount":2,"collectionFollowingCount":3},"viewerEdge":{"__ref":"UserViewerEdge:userId:1e3ccabd2493-viewerId:lo_1dbfec34cf4d"},"membership":null,"verifications":{"__typename":"VerifiedInfo","isBookAuthor":false},"customDomainState":{"__typename":"CustomDomainState","live":{"__typename":"CustomDomain","domain":"appy013.medium.com"}},"hasSubdomain":true,"bio":"Design Systems Facilitator | Ex- Birdeye, Peppertype.ai, Airmeet, Kite.work, & Zappfresh | Design Educator | appy013.design | Founder - The Design Lake","isPartnerProgramEnrolled":true,"viewerIsUser":false,"postSubscribeMembershipUpsellShownAt":0,"followingEntityConnection:{\"paging\":{\"limit\":5}}":{"__typename":"EntityConnection","entities":[{"__ref":"User:293d84e49f94"},{"__ref":"Collection:9019422bc0af"},{"__ref":"Collection:71c99841f1ad"},{"__ref":"User:2218627e068e"},{"__ref":"Collection:138adf9c44c"}]},"pronouns":[],"homepagePostsConnection:{\"paging\":{\"limit\":1}}":{"__typename":"PostConnection","posts":[{"__ref":"Post:168d375dcbe6"}]},"linkedAccounts":{"__ref":"LinkedAccounts:1e3ccabd2493"},"homepagePostsConnection:{\"paging\":{\"limit\":10},\"includeDistributedResponses\":true}":{"__typename":"PostConnection","posts":[{"__ref":"Post:168d375dcbe6"},{"__ref":"Post:73183004b5d"},{"__ref":"Post:31208b90c55a"},{"__ref":"Post:c267939c5843"},{"__ref":"Post:454f4fc6a144"},{"__ref":"Post:64f68f8b86ca"},{"__ref":"Post:85d4cb5ddbb0"},{"__ref":"Post:87b6aec329d4"},{"__ref":"Post:24d9483dc65"},{"__ref":"Post:d3da79b40008"}],"pagingInfo":{"__typename":"Paging","next":{"__typename":"PageParams","from":"L1595330376150","limit":10}}},"twitterScreenName":"appy_013","navItems":[{"__typename":"UserNavItem","title":"Profile"},{"__typename":"UserNavItem","title":"Claps"},{"__typename":"UserNavItem","title":"Highlights"},{"__typename":"UserNavItem","title":"Responses"}],"isSuspended":false,"authoredBooks":[]},"CustomStyleSheet:1955da3a9ff1":{"__typename":"CustomStyleSheet","id":"1955da3a9ff1","blogroll":{"__typename":"BlogrollConfiguration","visibility":"BLOGROLL_VISIBILITY_SIDEBAR"},"global":{"__typename":"GlobalStyles","colorPalette":{"__typename":"StyleSheetColorPalette","background":{"__typename":"ColorValue","rgb":"fefefe"}}},"header":{"__typename":"HeaderStyles","headerScale":"HEADER_SCALE_MEDIUM","backgroundImageDisplayMode":"IMAGE_DISPLAY_MODE_FILL","backgroundImageVerticalAlignment":"START","backgroundColorDisplayMode":"COLOR_DISPLAY_MODE_SOLID","backgroundColor":{"__typename":"ColorValue","alpha":"ff","rgb":"2b7cd6"},"secondaryBackgroundColor":null,"postBackgroundColor":{"__typename":"ColorValue","rgb":"2b7cd6","alpha":"ff"},"backgroundImage":null,"appNameColor":null,"logoImage":null,"appNameTreatment":"NAME_TREATMENT_TEXT"},"navigation":null},"UserViewerEdge:userId:1e3ccabd2493-viewerId:lo_1dbfec34cf4d":{"__typename":"UserViewerEdge","isBlocking":false,"id":"userId:1e3ccabd2493-viewerId:lo_1dbfec34cf4d","isFollowing":false,"isUser":false,"isMuting":false,"hasList":false},"NewsletterV3:f490e633f625":{"__typename":"NewsletterV3","id":"f490e633f625","type":"NEWSLETTER_TYPE_AUTHOR","slug":"1e3ccabd2493","name":"1e3ccabd2493","collection":null,"user":{"__ref":"User:1e3ccabd2493"},"description":"","promoHeadline":"Get an email whenever Appy publishes a new ultimate guide.","promoBody":"","showPromo":true},"User:293d84e49f94":{"__typename":"User","id":"293d84e49f94","name":"Soniya Sherpa","imageId":"0*ClyauoQk1XrellDl","membership":null,"username":"sherpasoniya14","customDomainState":null,"hasSubdomain":false,"hasDomain":false,"bio":"Loves to read books, learn new things and share them with others.","verifications":{"__typename":"VerifiedInfo","isBookAuthor":false}},"ImageMetadata:1*IM_HCIy5NCUzNPNj1yBZdA.jpeg":{"__typename":"ImageMetadata","id":"1*IM_HCIy5NCUzNPNj1yBZdA.jpeg"},"CustomStyleSheet:7d281e60ad96":{"__typename":"CustomStyleSheet","header":{"__typename":"HeaderStyles","backgroundImage":null},"id":"7d281e60ad96"},"Collection:9019422bc0af":{"__typename":"Collection","id":"9019422bc0af","name":"The Design Lake","avatar":{"__ref":"ImageMetadata:1*IM_HCIy5NCUzNPNj1yBZdA.jpeg"},"domain":null,"slug":"the-design-lake","description":"Curated stories on user experience, Design Dev, No Code Dev and Design Sprint.","subscriberCount":3,"customStyleSheet":{"__ref":"CustomStyleSheet:7d281e60ad96"}},"ImageMetadata:1*QxJBzpwHk44170qJ4bu7Ng.png":{"__typename":"ImageMetadata","id":"1*QxJBzpwHk44170qJ4bu7Ng.png"},"Collection:71c99841f1ad":{"__typename":"Collection","id":"71c99841f1ad","name":"Microsoft Design","avatar":{"__ref":"ImageMetadata:1*QxJBzpwHk44170qJ4bu7Ng.png"},"domain":null,"slug":"microsoft-design","description":"Stories from the thinkers and tinkerers at Microsoft. Sharing sketches, designs, and everything in between.","subscriberCount":40383,"customStyleSheet":null},"User:2218627e068e":{"__typename":"User","id":"2218627e068e","name":"Jon Friedman","imageId":"1*YExXLvas6V9XUTe7Z8OSwQ.jpeg","membership":null,"username":"designjon","customDomainState":null,"hasSubdomain":false,"hasDomain":false,"bio":"Head of Microsoft Office design, leading the next generation of experiences for work & life. Opinions expressed here are my own, even the few good ones;-)","verifications":{"__typename":"VerifiedInfo","isBookAuthor":false}},"ImageMetadata:1*mDhF9X4VO0rCrJvWFatyxg.png":{"__typename":"ImageMetadata","id":"1*mDhF9X4VO0rCrJvWFatyxg.png"},"Collection:138adf9c44c":{"__typename":"Collection","id":"138adf9c44c","name":"UX Collective","avatar":{"__ref":"ImageMetadata:1*mDhF9X4VO0rCrJvWFatyxg.png"},"domain":"uxdesign.cc","slug":"user-experience-design-1","description":"We believe designers are thinkers as much as they are makers. Curated stories on UX, Visual & Product Design. https:\u002F\u002Flinktr.ee\u002Fuxc","subscriberCount":508927,"customStyleSheet":null,"viewerEdge":{"__ref":"CollectionViewerEdge:collectionId:138adf9c44c-viewerId:lo_1dbfec34cf4d"}},"Post:168d375dcbe6":{"__typename":"Post","id":"168d375dcbe6","title":"Using a single dimension scale for all numbers in your UI designs","previewImage":{"__ref":"ImageMetadata:1*IjRWXfu1YJUehaMdtuJaww.png"},"extendedPreviewContent":{"__typename":"PreviewContent","subtitle":"How to use dimension scale in your design system effectively to boost consistency, designer-developer collaboration, & minimize errors","isFullContent":false},"creator":{"__ref":"User:1e3ccabd2493"},"isPublished":true,"mediumUrl":"https:\u002F\u002Fuxdesign.cc\u002Fspatial-scale-design-system-168d375dcbe6","collection":{"__ref":"Collection:138adf9c44c"},"isLimitedState":false,"allowResponses":true,"postResponses":{"__typename":"PostResponses","count":2},"visibility":"LOCKED","clapCount":392,"isLocked":true,"firstPublishedAt":1713436250083,"latestPublishedAt":1713454529586,"pinnedAt":0,"readingTime":5.740566037735849,"sequence":null,"isSeries":false,"uniqueSlug":"spatial-scale-design-system-168d375dcbe6","pinnedByCreatorAt":1713510223281},"LinkedAccounts:1e3ccabd2493":{"__typename":"LinkedAccounts","mastodon":null,"id":"1e3ccabd2493"},"ImageMetadata:1*IjRWXfu1YJUehaMdtuJaww.png":{"__typename":"ImageMetadata","id":"1*IjRWXfu1YJUehaMdtuJaww.png","focusPercentX":null,"focusPercentY":null,"alt":"A header image with a spatial-scale numbers (multiples of 4)"},"CollectionViewerEdge:collectionId:138adf9c44c-viewerId:lo_1dbfec34cf4d":{"__typename":"CollectionViewerEdge","id":"collectionId:138adf9c44c-viewerId:lo_1dbfec34cf4d","isMuting":false},"ImageMetadata:1*8hcxyyeZcHudNiI6VmyIEg.png":{"__typename":"ImageMetadata","id":"1*8hcxyyeZcHudNiI6VmyIEg.png","focusPercentX":null,"focusPercentY":null,"alt":null},"Collection:48e972f5c24e":{"__typename":"Collection","id":"48e972f5c24e","slug":"design-bootcamp","name":"Bootcamp","viewerEdge":{"__ref":"CollectionViewerEdge:collectionId:48e972f5c24e-viewerId:lo_1dbfec34cf4d"},"domain":null,"description":"From idea to product, one lesson at a time. Bootcamp is a collection of resources and opinion pieces about UX, UI, and Product. To submit your story: https:\u002F\u002Ftinyurl.com\u002Fbootspub1","subscriberCount":65979,"customStyleSheet":{"__ref":"CustomStyleSheet:426d0afe8494"},"avatar":{"__ref":"ImageMetadata:1*_wDJs77bAPiwuAe9qOK5Zg.png"}},"CollectionViewerEdge:collectionId:48e972f5c24e-viewerId:lo_1dbfec34cf4d":{"__typename":"CollectionViewerEdge","id":"collectionId:48e972f5c24e-viewerId:lo_1dbfec34cf4d","isMuting":false},"ImageMetadata:1*4-9DmrC4rnIYGrzHgsSmFg.png":{"__typename":"ImageMetadata","id":"1*4-9DmrC4rnIYGrzHgsSmFg.png"},"CustomStyleSheet:426d0afe8494":{"__typename":"CustomStyleSheet","header":{"__typename":"HeaderStyles","backgroundImage":{"__ref":"ImageMetadata:1*4-9DmrC4rnIYGrzHgsSmFg.png"}},"id":"426d0afe8494"},"ImageMetadata:1*_wDJs77bAPiwuAe9qOK5Zg.png":{"__typename":"ImageMetadata","id":"1*_wDJs77bAPiwuAe9qOK5Zg.png"},"Post:73183004b5d":{"__typename":"Post","id":"73183004b5d","title":"An ultimate guide for designing responsive data visualization cards","previewImage":{"__ref":"ImageMetadata:1*8hcxyyeZcHudNiI6VmyIEg.png"},"extendedPreviewContent":{"__typename":"PreviewContent","subtitle":"Designing data visualization cards that fits right. Dive into this guide for the designer’s touch on responsive cards.","isFullContent":false},"creator":{"__ref":"User:1e3ccabd2493"},"isPublished":true,"mediumUrl":"https:\u002F\u002Fmedium.com\u002Fdesign-bootcamp\u002Fresponsive-data-visualization-cards-73183004b5d","collection":{"__ref":"Collection:48e972f5c24e"},"isLimitedState":false,"allowResponses":true,"postResponses":{"__typename":"PostResponses","count":2},"visibility":"LOCKED","clapCount":260,"isLocked":true,"firstPublishedAt":1695772641702,"latestPublishedAt":1695772641702,"pinnedAt":1695772946490,"readingTime":7.811320754716981,"sequence":null,"isSeries":false,"uniqueSlug":"responsive-data-visualization-cards-73183004b5d","pinnedByCreatorAt":1695822374925},"ImageMetadata:1*7Fb_m4X3NarsiFmrxQcFrg.png":{"__typename":"ImageMetadata","id":"1*7Fb_m4X3NarsiFmrxQcFrg.png","focusPercentX":null,"focusPercentY":null,"alt":"An ultimate guide to selecting the perfect artboard size for desktop"},"Post:31208b90c55a":{"__typename":"Post","id":"31208b90c55a","title":"An ultimate guide to selecting the perfect artboard size for desktop","previewImage":{"__ref":"ImageMetadata:1*7Fb_m4X3NarsiFmrxQcFrg.png"},"extendedPreviewContent":{"__typename":"PreviewContent","subtitle":"Read how can you improve your productivity by selecting perfect Artboard size for your next Web UI Design without worrying about…","isFullContent":false},"creator":{"__ref":"User:1e3ccabd2493"},"isPublished":true,"mediumUrl":"https:\u002F\u002Fuxdesign.cc\u002Fan-ultimate-guide-to-selecting-the-perfect-artboard-size-for-desktop-31208b90c55a","collection":{"__ref":"Collection:138adf9c44c"},"isLimitedState":false,"allowResponses":true,"postResponses":{"__typename":"PostResponses","count":1},"visibility":"LOCKED","clapCount":437,"isLocked":true,"firstPublishedAt":1613564044471,"latestPublishedAt":1702654936240,"pinnedAt":0,"readingTime":3.7465408805031446,"sequence":null,"isSeries":false,"uniqueSlug":"an-ultimate-guide-to-selecting-the-perfect-artboard-size-for-desktop-31208b90c55a","pinnedByCreatorAt":1613487105828},"ImageMetadata:1*FbnF3JYvkv5BWVzxRbN1wg.png":{"__typename":"ImageMetadata","id":"1*FbnF3JYvkv5BWVzxRbN1wg.png","focusPercentX":null,"focusPercentY":null,"alt":null},"Post:c267939c5843":{"__typename":"Post","id":"c267939c5843","title":"An ultimate guide to selecting the perfect artboard size for mobile","previewImage":{"__ref":"ImageMetadata:1*FbnF3JYvkv5BWVzxRbN1wg.png"},"extendedPreviewContent":{"__typename":"PreviewContent","subtitle":"Read how can you improve your productivity by selecting perfect Artboard size for your next mobile UI Design without worrying about…","isFullContent":false},"creator":{"__ref":"User:1e3ccabd2493"},"isPublished":true,"mediumUrl":"https:\u002F\u002Fuxdesign.cc\u002Fperfect-artboard-size-c267939c5843","collection":{"__ref":"Collection:138adf9c44c"},"isLimitedState":false,"allowResponses":true,"postResponses":{"__typename":"PostResponses","count":6},"visibility":"LOCKED","clapCount":1576,"isLocked":true,"firstPublishedAt":1572449510048,"latestPublishedAt":1703514195941,"pinnedAt":0,"readingTime":5.40314465408805,"sequence":null,"isSeries":false,"uniqueSlug":"perfect-artboard-size-c267939c5843","pinnedByCreatorAt":1612354351932},"ImageMetadata:1*sjbEbaJ73MmsvTe74rXHkQ.jpeg":{"__typename":"ImageMetadata","id":"1*sjbEbaJ73MmsvTe74rXHkQ.jpeg","focusPercentX":null,"focusPercentY":null,"alt":"A designer juggling through colors to create a systematic color palette"},"Post:454f4fc6a144":{"__typename":"Post","id":"454f4fc6a144","title":"You don’t need hundreds of colors to design your UI color system","previewImage":{"__ref":"ImageMetadata:1*sjbEbaJ73MmsvTe74rXHkQ.jpeg"},"extendedPreviewContent":{"__typename":"PreviewContent","subtitle":"How I minimized random hex values in the production codebase and Figma to achieve a more systematic, scalable, and consistent color system","isFullContent":false},"creator":{"__ref":"User:1e3ccabd2493"},"isPublished":true,"mediumUrl":"https:\u002F\u002Fuxdesign.cc\u002Fsystematic-color-palette-in-product-design-454f4fc6a144","collection":{"__ref":"Collection:138adf9c44c"},"isLimitedState":false,"allowResponses":true,"postResponses":{"__typename":"PostResponses","count":0},"visibility":"LOCKED","clapCount":188,"isLocked":true,"firstPublishedAt":1697267468742,"latestPublishedAt":1713869041623,"pinnedAt":0,"readingTime":7.09433962264151,"sequence":null,"isSeries":false,"uniqueSlug":"systematic-color-palette-in-product-design-454f4fc6a144","pinnedByCreatorAt":0},"ImageMetadata:1*cvk9e0TYsoYQ33Bq-WnH7A.png":{"__typename":"ImageMetadata","id":"1*cvk9e0TYsoYQ33Bq-WnH7A.png","focusPercentX":null,"focusPercentY":null,"alt":null},"Post:64f68f8b86ca":{"__typename":"Post","id":"64f68f8b86ca","title":"An ultimate guide to designing better video grids for video conferencing applications","previewImage":{"__ref":"ImageMetadata:1*cvk9e0TYsoYQ33Bq-WnH7A.png"},"extendedPreviewContent":{"__typename":"PreviewContent","subtitle":"Helpful tips on how how you can design scalable, modular and adpatable video grids for video calling\u002F conferencing applications.","isFullContent":false},"creator":{"__ref":"User:1e3ccabd2493"},"isPublished":true,"mediumUrl":"https:\u002F\u002Fmedium.com\u002Fdesign-bootcamp\u002Fguide-to-designing-better-video-grids-64f68f8b86ca","collection":{"__ref":"Collection:48e972f5c24e"},"isLimitedState":false,"allowResponses":true,"postResponses":{"__typename":"PostResponses","count":0},"visibility":"LOCKED","clapCount":4,"isLocked":true,"firstPublishedAt":1630239031247,"latestPublishedAt":1630939729392,"pinnedAt":0,"readingTime":4.459433962264151,"sequence":null,"isSeries":false,"uniqueSlug":"guide-to-designing-better-video-grids-64f68f8b86ca","pinnedByCreatorAt":0},"ImageMetadata:1*x-rjHXkR_lYHd6BDCmFZ9g.png":{"__typename":"ImageMetadata","id":"1*x-rjHXkR_lYHd6BDCmFZ9g.png","focusPercentX":null,"focusPercentY":null,"alt":"What are breakpoints in web UI design? And how to use them?"},"Post:85d4cb5ddbb0":{"__typename":"Post","id":"85d4cb5ddbb0","title":"What are breakpoints in web UI design? And how to use them?","previewImage":{"__ref":"ImageMetadata:1*x-rjHXkR_lYHd6BDCmFZ9g.png"},"extendedPreviewContent":{"__typename":"PreviewContent","subtitle":"A breakpoint is the range of predetermined screen sizes that have specific layout requirements. At a given breakpoint range, the layout…","isFullContent":false},"creator":{"__ref":"User:1e3ccabd2493"},"isPublished":true,"mediumUrl":"https:\u002F\u002Fmedium.com\u002Fdesign-bootcamp\u002Fbreakpoints-in-ui-design-85d4cb5ddbb0","collection":{"__ref":"Collection:48e972f5c24e"},"isLimitedState":false,"allowResponses":true,"postResponses":{"__typename":"PostResponses","count":0},"visibility":"LOCKED","clapCount":211,"isLocked":true,"firstPublishedAt":1624949060323,"latestPublishedAt":1624949060323,"pinnedAt":0,"readingTime":2.263207547169811,"sequence":null,"isSeries":false,"uniqueSlug":"breakpoints-in-ui-design-85d4cb5ddbb0","pinnedByCreatorAt":0},"ImageMetadata:1*ZrpQzjjM0u-0ok49oYFe8Q.png":{"__typename":"ImageMetadata","id":"1*ZrpQzjjM0u-0ok49oYFe8Q.png","focusPercentX":null,"focusPercentY":null,"alt":null},"Post:87b6aec329d4":{"__typename":"Post","id":"87b6aec329d4","title":"How to use OBS Studio to organise high quality virtual events [Series]","previewImage":{"__ref":"ImageMetadata:1*ZrpQzjjM0u-0ok49oYFe8Q.png"},"extendedPreviewContent":{"__typename":"PreviewContent","subtitle":"Using a green screen","isFullContent":false},"creator":{"__ref":"User:1e3ccabd2493"},"isPublished":true,"mediumUrl":"https:\u002F\u002Fappy013.medium.com\u002Fhow-to-use-obs-studio-to-organise-high-quality-virtual-events-series-87b6aec329d4","collection":null,"isLimitedState":false,"allowResponses":true,"postResponses":{"__typename":"PostResponses","count":0},"visibility":"LOCKED","clapCount":128,"isLocked":true,"firstPublishedAt":1604382361865,"latestPublishedAt":1604385651678,"pinnedAt":0,"readingTime":4.079245283018868,"sequence":null,"isSeries":false,"uniqueSlug":"how-to-use-obs-studio-to-organise-high-quality-virtual-events-series-87b6aec329d4","pinnedByCreatorAt":0},"ImageMetadata:1*zznLUckkHADan-1nh-uEwA.png":{"__typename":"ImageMetadata","id":"1*zznLUckkHADan-1nh-uEwA.png","focusPercentX":null,"focusPercentY":null,"alt":null},"Post:24d9483dc65":{"__typename":"Post","id":"24d9483dc65","title":"An easier way to use masks in Figma","previewImage":{"__ref":"ImageMetadata:1*zznLUckkHADan-1nh-uEwA.png"},"extendedPreviewContent":{"__typename":"PreviewContent","subtitle":"Masking in Figma is no big change from other design tools, then why designers find it difficult to use? Let’s find it out!","isFullContent":false},"creator":{"__ref":"User:1e3ccabd2493"},"isPublished":true,"mediumUrl":"https:\u002F\u002Fuxdesign.cc\u002Fan-easiest-way-youll-find-to-use-masks-in-figma-24d9483dc65","collection":{"__ref":"Collection:138adf9c44c"},"isLimitedState":false,"allowResponses":true,"postResponses":{"__typename":"PostResponses","count":0},"visibility":"LOCKED","clapCount":152,"isLocked":true,"firstPublishedAt":1596730720050,"latestPublishedAt":1663077047832,"pinnedAt":0,"readingTime":2.1641509433962263,"sequence":null,"isSeries":false,"uniqueSlug":"an-easiest-way-youll-find-to-use-masks-in-figma-24d9483dc65","pinnedByCreatorAt":0},"ImageMetadata:1*k8AtPpc2DmnjwsOttFg_dw.png":{"__typename":"ImageMetadata","id":"1*k8AtPpc2DmnjwsOttFg_dw.png","focusPercentX":null,"focusPercentY":null,"alt":null},"Post:d3da79b40008":{"__typename":"Post","id":"d3da79b40008","title":"A detailed guide to port from Sketch to Figma in 2020","previewImage":{"__ref":"ImageMetadata:1*k8AtPpc2DmnjwsOttFg_dw.png"},"extendedPreviewContent":{"__typename":"PreviewContent","subtitle":"Have you recently switched to Figma from Sketch? Here’s an ultimate guide that might help you.","isFullContent":false},"creator":{"__ref":"User:1e3ccabd2493"},"isPublished":true,"mediumUrl":"https:\u002F\u002Fuxdesign.cc\u002Fan-ultimate-guide-to-port-from-sketch-to-figma-in-2020-d3da79b40008","collection":{"__ref":"Collection:138adf9c44c"},"isLimitedState":false,"allowResponses":true,"postResponses":{"__typename":"PostResponses","count":0},"visibility":"LOCKED","clapCount":192,"isLocked":true,"firstPublishedAt":1595330376150,"latestPublishedAt":1596706597413,"pinnedAt":0,"readingTime":3.089937106918239,"sequence":null,"isSeries":false,"uniqueSlug":"an-ultimate-guide-to-port-from-sketch-to-figma-in-2020-d3da79b40008","pinnedByCreatorAt":0}}</script><script src="https://cdn-client.medium.com/lite/static/js/manifest.b2314f6d.js"></script><script src="https://cdn-client.medium.com/lite/static/js/9865.1496d74a.js"></script><script src="https://cdn-client.medium.com/lite/static/js/main.24534aeb.js"></script><script src="https://cdn-client.medium.com/lite/static/js/instrumentation.d9108df7.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/reporting.ff22a7a5.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5049.d1ead72d.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/4810.6318add7.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2707.b0942613.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/9977.5b3eb23a.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8599.1ab63137.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5250.9f9e01d2.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6349.b071a958.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2648.26563adf.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8393.826a25fb.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7079.67349d50.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/3735.afb7e926.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5642.a2d9f6a1.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/4124.0567a444.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/4769.e7f80c12.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/3591.8b4ac29e.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6834.08de95de.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/1676.a57f3b03.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/3561.c365f1ea.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7880.b3d77a02.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6594.8def288e.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/UserProfilePage.MainContent.c2a2d70c.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2278.e4e1a3d4.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7346.72622eb9.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/408.e884c80f.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/UserProfilePage.RightColumnContent.ca20d324.chunk.js"></script><script>window.main();</script><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8e7379d6aaf8a1ac',t:'MTczMjM4OTIwMy4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body></html>