CINXE.COM
<!doctype html><html lang="en"><head><title data-rh="true">Building Unicorn Design System v1.0 | by Aastha Gupta | Zeta Design</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="fb:app_id" content="542599432471018"/><meta data-rh="true" property="og:site_name" content="Medium"/><meta data-rh="true" property="og:type" content="article"/><meta data-rh="true" property="article:published_time" content="2024-03-20T07:10:30.143Z"/><meta data-rh="true" name="title" content="Building Unicorn Design System v1.0 | by Aastha Gupta | Zeta Design"/><meta data-rh="true" property="og:title" content="Building Unicorn Design System v1.0 🦄"/><meta data-rh="true" property="al:android:url" content="medium://p/c20e4a23447c"/><meta data-rh="true" property="al:ios:url" content="medium://p/c20e4a23447c"/><meta data-rh="true" property="al:android:app_name" content="Medium"/><meta data-rh="true" name="description" content="Remember those childhood dreams of building towering sandcastles, only to have them crumble with the next wave? Yeah, that’s how it felt when we started building our design system. We envisioned a…"/><meta data-rh="true" property="og:description" content="Behind the scenes of embracing every twist and turn into crafting our design system from concept to completion"/><meta data-rh="true" property="og:url" content="https://design.zeta.in/building-unicorn-design-system-v1-0-c20e4a23447c"/><meta data-rh="true" property="al:web:url" content="https://design.zeta.in/building-unicorn-design-system-v1-0-c20e4a23447c"/><meta data-rh="true" property="og:image" content="https://miro.medium.com/v2/resize:fit:1200/1*uOfgekIMTmCpWn_u5Nfkzw.png"/><meta data-rh="true" property="article:author" content="https://creativetechie.medium.com"/><meta data-rh="true" name="author" content="Aastha Gupta"/><meta data-rh="true" name="robots" content="index,noarchive,follow,max-image-preview:large"/><meta data-rh="true" name="referrer" content="unsafe-url"/><meta data-rh="true" property="twitter:title" content="Building Unicorn Design System v1.0 🦄"/><meta data-rh="true" name="twitter:site" content="@zetaindia"/><meta data-rh="true" name="twitter:app:url:iphone" content="medium://p/c20e4a23447c"/><meta data-rh="true" property="twitter:description" content="Behind the scenes of embracing every twist and turn into crafting our design system from concept to completion"/><meta data-rh="true" name="twitter:image:src" content="https://miro.medium.com/v2/resize:fit:1200/1*uOfgekIMTmCpWn_u5Nfkzw.png"/><meta data-rh="true" name="twitter:card" content="summary_large_image"/><meta data-rh="true" name="twitter:label1" content="Reading time"/><meta data-rh="true" name="twitter:data1" content="6 min read"/><link data-rh="true" rel="icon" href="https://miro.medium.com/v2/resize:fill:256:256/1*7FG4sDTdzgBNYQL3onKlXQ.png"/><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="author" href="https://creativetechie.medium.com"/><link data-rh="true" rel="canonical" href="https://design.zeta.in/building-unicorn-design-system-v1-0-c20e4a23447c"/><link data-rh="true" rel="alternate" href="android-app://com.medium.reader/https/medium.com/p/c20e4a23447c"/><script data-rh="true" type="application/ld+json">{"@context":"http:\u002F\u002Fschema.org","@type":"NewsArticle","image":["https:\u002F\u002Fmiro.medium.com\u002Fv2\u002Fresize:fit:1200\u002F1*uOfgekIMTmCpWn_u5Nfkzw.png"],"url":"https:\u002F\u002Fdesign.zeta.in\u002Fbuilding-unicorn-design-system-v1-0-c20e4a23447c","dateCreated":"2024-03-20T07:10:30.143Z","datePublished":"2024-03-20T07:10:30.143Z","dateModified":"2024-03-20T07:10:35.871Z","headline":"Building Unicorn Design System v1.0 - Zeta Design","name":"Building Unicorn Design System v1.0 - Zeta Design","description":"Remember those childhood dreams of building towering sandcastles, only to have them crumble with the next wave? Yeah, that’s how it felt when we started building our design system. We envisioned a…","identifier":"c20e4a23447c","author":{"@type":"Person","name":"Aastha Gupta","url":"https:\u002F\u002Fcreativetechie.medium.com"},"creator":["Aastha Gupta"],"publisher":{"@type":"Organization","name":"Zeta Design","url":"design.zeta.in","logo":{"@type":"ImageObject","width":300,"height":60,"url":"https:\u002F\u002Fmiro.medium.com\u002Fv2\u002Fresize:fit:600\u002F1*Vjz4OlxhDF68YL7pwRL-Rg.png"}},"mainEntityOfPage":"https:\u002F\u002Fdesign.zeta.in\u002Fbuilding-unicorn-design-system-v1-0-c20e4a23447c"}</script><style type="text/css" data-fela-rehydration="555" 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="555" data-fela-type="KEYFRAME">@-webkit-keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}@-moz-keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}@keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}</style><style type="text/css" data-fela-rehydration="555" 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{justify-content:center}.ch{max-width:680px}.ci{min-width:0}.cj{animation:k1 1.2s ease-in-out infinite}.ck{height:100vh}.cl{margin-bottom:16px}.cm{margin-top:48px}.cn{align-items:flex-start}.co{flex-direction:column}.cp{justify-content:space-between}.cq{margin-bottom:24px}.cw{width:80%}.cx{background-color:#F2F2F2}.dd{height:44px}.de{width:44px}.df{margin:auto 0}.dg{margin-bottom:4px}.dh{height:16px}.di{width:120px}.dj{width:80px}.dp{margin-bottom:8px}.dq{width:96%}.dr{width:98%}.ds{width:81%}.dt{margin-left:8px}.du{color:#6B6B6B}.dv{font-size:13px}.dw{height:100%}.ep{color:#FFFFFF}.eq{fill:#FFFFFF}.er{background:rgba(148, 116, 198, 1)}.es{border-color:rgba(148, 116, 198, 1)}.ew:disabled{cursor:inherit !important}.ex:disabled{opacity:0.3}.ey:disabled:hover{background:rgba(148, 116, 198, 1)}.ez:disabled:hover{border-color:rgba(148, 116, 198, 1)}.fa{border-radius:99em}.fb{border-width:1px}.fc{border-style:solid}.fd{box-sizing:border-box}.fe{text-decoration:none}.ff{text-align:center}.fi{margin-right:32px}.fj{position:relative}.fk{fill:#6B6B6B}.fn{background:transparent}.fo svg{margin-left:4px}.fp svg{fill:#6B6B6B}.fr{box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.05)}.fs{position:absolute}.fz{margin:0 24px}.gd{background:rgba(255, 255, 255, 1)}.ge{border:1px solid #F2F2F2}.gf{box-shadow:0 1px 4px #F2F2F2}.gg{max-height:100vh}.gh{overflow-y:auto}.gi{left:0}.gj{top:calc(100vh + 100px)}.gk{bottom:calc(100vh + 100px)}.gl{width:10px}.gm{pointer-events:none}.gn{word-break:break-word}.go{word-wrap:break-word}.gp:after{display:block}.gq:after{content:""}.gr:after{clear:both}.gs{line-height:1.23}.gt{letter-spacing:0}.gu{font-style:normal}.gv{font-weight:700}.hq{margin-bottom:-0.27em}.hr{line-height:1.394}.im{align-items:baseline}.in{width:48px}.io{height:48px}.ip{border:2px solid rgba(255, 255, 255, 1)}.iq{z-index:0}.ir{box-shadow:none}.is{border:1px solid rgba(0, 0, 0, 0.05)}.it{margin-left:-12px}.iu{width:28px}.iv{height:28px}.iw{z-index:1}.ix{width:24px}.iy{margin-bottom:2px}.iz{flex-wrap:nowrap}.ja{font-size:16px}.jb{line-height:24px}.jd{margin:0 8px}.je{display:inline}.jf{color:rgba(148, 116, 198, 1)}.jg{fill:rgba(148, 116, 198, 1)}.jj{flex:0 0 auto}.jm{flex-wrap:wrap}.jp{white-space:pre-wrap}.jq{margin-right:4px}.jr{overflow:hidden}.js{max-height:20px}.jt{text-overflow:ellipsis}.ju{display:-webkit-box}.jv{-webkit-line-clamp:1}.jw{-webkit-box-orient:vertical}.jx{word-break:break-all}.jz{padding-left:8px}.ka{padding-right:8px}.lb> *{flex-shrink:0}.lc{overflow-x:scroll}.ld::-webkit-scrollbar{display:none}.le{scrollbar-width:none}.lf{-ms-overflow-style:none}.lg{width:74px}.lh{flex-direction:row}.li{z-index:2}.ll{-webkit-user-select:none}.lm{border:0}.ln{fill:rgba(117, 117, 117, 1)}.lq{outline:0}.lr{user-select:none}.ls> svg{pointer-events:none}.mb{cursor:progress}.mc{margin-left:4px}.md{margin-top:0px}.me{opacity:1}.mf{padding:4px 0}.mi{width:16px}.mk{display:inline-flex}.mq{max-width:100%}.mr{padding:8px 2px}.ms svg{color:#6B6B6B}.nj{clear:both}.np{height:auto}.nq{line-height:1.58}.nr{letter-spacing:-0.004em}.ns{font-family:source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif}.ol{margin-bottom:-0.46em}.om{line-height:1.12}.on{letter-spacing:-0.022em}.oo{font-weight:600}.ph{margin-bottom:-0.28em}.pi{padding-left:30px}.pj{line-height:40px}.pk{letter-spacing:-0.009em}.pl{font-weight:300}.pm{font-size:28px}.ps{font-style:inherit}.qd{margin-left:auto}.qe{margin-right:auto}.qf{max-width:4800px}.qh{cursor:zoom-in}.qi{z-index:auto}.qk{list-style-type:disc}.ql{margin-left:30px}.qm{padding-left:0px}.qs{margin-top:32px}.qt{margin-bottom:14px}.qu{padding-top:24px}.qv{padding-bottom:10px}.qw{background-color:#000000}.qx{height:3px}.qy{width:3px}.qz{margin-right:20px}.ra{background:none}.rb{margin-bottom:26px}.rc{margin-top:6px}.rd{margin-top:8px}.re{margin-right:8px}.rf{padding:8px 16px}.rg{border-radius:100px}.rh{transition:background 300ms ease}.rj{white-space:nowrap}.rk{border-top:none}.rq{height:52px}.rr{max-height:52px}.rs{box-sizing:content-box}.rt{position:static}.rv{max-width:155px}.sg{margin-bottom:48px}.su{border-radius:2px}.sw{height:64px}.sx{width:64px}.sy{align-self:flex-end}.sz{color:rgba(255, 255, 255, 1)}.ta{fill:rgba(255, 255, 255, 1)}.tb{background:rgba(25, 25, 25, 1)}.tc{border-color:rgba(25, 25, 25, 1)}.tf:disabled{opacity:0.1}.tg:disabled:hover{background:rgba(25, 25, 25, 1)}.th:disabled:hover{border-color:rgba(25, 25, 25, 1)}.ti{flex:1 1 auto}.to{padding-right:4px}.tp{font-weight:500}.uc{margin-top:16px}.ud{height:0px}.ue{border-bottom:solid 1px #E5E5E5}.uf{margin-top:56px}.ug{margin-top:72px}.uh{padding:24px 0}.ui{margin-bottom:0px}.uj{margin-right:16px}.as:hover:not(:disabled){color:rgba(25, 25, 25, 1)}.at:hover:not(:disabled){fill:rgba(25, 25, 25, 1)}.et:hover{background:rgba(126, 101, 166, 1)}.eu:hover{border-color:rgba(126, 101, 166, 1)}.ev:hover{cursor:pointer}.fl:hover{color:#242424}.fm:hover{fill:#242424}.fq:hover svg{fill:#242424}.ft:hover{background-color:rgba(0, 0, 0, 0.1)}.jc:hover{text-decoration:underline}.jh:hover:not(:disabled){color:rgba(126, 101, 166, 1)}.ji:hover:not(:disabled){fill:rgba(126, 101, 166, 1)}.lp:hover{fill:rgba(8, 8, 8, 1)}.mg:hover{fill:#000000}.mh:hover p{color:#000000}.mj:hover{color:#000000}.mt:hover svg{color:#000000}.ri:hover{background-color:#F2F2F2}.sv:hover{background-color:none}.td:hover{background:#000000}.te:hover{border-color:#242424}.bd:focus-within path{fill:#242424}.lo:focus{fill:rgba(8, 8, 8, 1)}.mu:focus svg{color:#000000}.qj:focus{transform:scale(1.01)}.lt:active{border-style:none}</style><style type="text/css" data-fela-rehydration="555" data-fela-type="RULE" media="all and (min-width: 1080px)">.d{display:none}.bw{width:64px}.cg{margin:0 64px}.cv{height:48px}.dc{margin-bottom:52px}.do{margin-bottom:48px}.ef{font-size:14px}.eg{line-height:20px}.em{font-size:13px}.eo{padding:5px 12px}.fh{display:flex}.fy{margin-bottom:68px}.gc{max-width:680px}.hm{font-size:42px}.hn{margin-top:1.19em}.ho{line-height:52px}.hp{letter-spacing:-0.011em}.ie{font-size:22px}.if{margin-top:0.92em}.ig{line-height:28px}.il{align-items:center}.kn{border-top:solid 1px #F2F2F2}.ko{border-bottom:solid 1px #F2F2F2}.kp{margin:32px 0 0}.kq{padding:3px 8px}.kz> *{margin-right:24px}.la> :last-child{margin-right:0}.ma{margin-top:0px}.mp{margin:0}.no{margin-top:56px}.oh{font-size:20px}.oi{margin-top:2.14em}.oj{line-height:32px}.ok{letter-spacing:-0.003em}.pd{font-size:24px}.pe{margin-top:1.95em}.pf{line-height:30px}.pg{letter-spacing:-0.016em}.pr{margin-top:1.75em}.px{margin-top:2.64em}.qc{margin-top:0.94em}.qr{margin-top:1.14em}.rp{margin-bottom:88px}.sa{display:inline-block}.sf{padding-top:72px}.sh{flex-direction:row}.sk{margin-bottom:0}.sl{margin-right:20px}.tj{max-width:500px}.ua{line-height:24px}.ub{letter-spacing:0}</style><style type="text/css" data-fela-rehydration="555" data-fela-type="RULE" media="all and (max-width: 1079.98px)">.e{display:none}.lz{margin-top:0px}.rz{display:inline-block}</style><style type="text/css" data-fela-rehydration="555" data-fela-type="RULE" media="all and (max-width: 903.98px)">.f{display:none}.ly{margin-top:0px}.ry{display:inline-block}</style><style type="text/css" data-fela-rehydration="555" data-fela-type="RULE" media="all and (max-width: 727.98px)">.g{display:none}.lw{margin-top:0px}.lx{margin-right:0px}.rx{display:inline-block}</style><style type="text/css" data-fela-rehydration="555" 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}.cc{margin:0 24px}.cr{height:40px}.cy{margin-bottom:44px}.dk{margin-bottom:32px}.dx{font-size:13px}.dy{line-height:20px}.eh{padding:0px 8px 1px}.fu{margin-bottom:4px}.gw{font-size:32px}.gx{margin-top:1.01em}.gy{line-height:38px}.gz{letter-spacing:-0.014em}.hs{font-size:18px}.ht{margin-top:0.79em}.hu{line-height:24px}.ih{align-items:flex-start}.jk{flex-direction:column}.jn{margin-bottom:2px}.kb{margin:24px -24px 0}.kc{padding:0}.kr> *{margin-right:8px}.ks> :last-child{margin-right:24px}.lj{margin-left:0px}.lu{margin-top:0px}.lv{margin-right:0px}.ml{margin:0}.mv{border:1px solid #F2F2F2}.mw{border-radius:99em}.mx{padding:0px 16px 0px 12px}.my{height:38px}.mz{align-items:center}.nb svg{margin-right:8px}.nk{margin-top:40px}.nt{margin-top:1.56em}.nu{line-height:28px}.nv{letter-spacing:-0.003em}.op{font-size:20px}.oq{margin-top:1.2em}.or{letter-spacing:0}.pn{margin-top:1.08em}.pt{margin-top:2em}.py{margin-top:0.67em}.qn{margin-top:1.34em}.rl{margin-bottom:80px}.rw{display:inline-block}.sb{padding-top:48px}.ss{margin-bottom:20px}.st{margin-right:0}.tn{max-width:100%}.tq{font-size:24px}.tr{line-height:30px}.ts{letter-spacing:-0.016em}.na:hover{border-color:#E5E5E5}</style><style type="text/css" data-fela-rehydration="555" data-fela-type="RULE" media="all and (min-width: 904px) and (max-width: 1079.98px)">.i{display:none}.bv{width:64px}.cf{margin:0 64px}.cu{height:48px}.db{margin-bottom:52px}.dn{margin-bottom:48px}.ed{font-size:14px}.ee{line-height:20px}.ek{font-size:13px}.el{padding:5px 12px}.fg{display:flex}.fx{margin-bottom:68px}.gb{max-width:680px}.hi{font-size:42px}.hj{margin-top:1.19em}.hk{line-height:52px}.hl{letter-spacing:-0.011em}.ib{font-size:22px}.ic{margin-top:0.92em}.id{line-height:28px}.ik{align-items:center}.kj{border-top:solid 1px #F2F2F2}.kk{border-bottom:solid 1px #F2F2F2}.kl{margin:32px 0 0}.km{padding:3px 8px}.kx> *{margin-right:24px}.ky> :last-child{margin-right:0}.mo{margin:0}.nn{margin-top:56px}.od{font-size:20px}.oe{margin-top:2.14em}.of{line-height:32px}.og{letter-spacing:-0.003em}.oz{font-size:24px}.pa{margin-top:1.95em}.pb{line-height:30px}.pc{letter-spacing:-0.016em}.pq{margin-top:1.75em}.pw{margin-top:2.64em}.qb{margin-top:0.94em}.qq{margin-top:1.14em}.ro{margin-bottom:88px}.se{padding-top:72px}.si{flex-direction:row}.sm{margin-bottom:0}.sn{margin-right:20px}.tk{max-width:500px}.ty{line-height:24px}.tz{letter-spacing:0}</style><style type="text/css" data-fela-rehydration="555" 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}.ce{margin:0 48px}.ct{height:48px}.da{margin-bottom:52px}.dm{margin-bottom:48px}.eb{font-size:13px}.ec{line-height:20px}.ej{padding:0px 8px 1px}.fw{margin-bottom:68px}.ga{max-width:680px}.he{font-size:42px}.hf{margin-top:1.19em}.hg{line-height:52px}.hh{letter-spacing:-0.011em}.hy{font-size:22px}.hz{margin-top:0.92em}.ia{line-height:28px}.ij{align-items:center}.kf{border-top:solid 1px #F2F2F2}.kg{border-bottom:solid 1px #F2F2F2}.kh{margin:32px 0 0}.ki{padding:3px 8px}.kv> *{margin-right:24px}.kw> :last-child{margin-right:0}.mn{margin:0}.nm{margin-top:56px}.nz{font-size:20px}.oa{margin-top:2.14em}.ob{line-height:32px}.oc{letter-spacing:-0.003em}.ov{font-size:24px}.ow{margin-top:1.95em}.ox{line-height:30px}.oy{letter-spacing:-0.016em}.pp{margin-top:1.75em}.pv{margin-top:2.64em}.qa{margin-top:0.94em}.qp{margin-top:1.14em}.rn{margin-bottom:88px}.sd{padding-top:72px}.sj{flex-direction:row}.so{margin-bottom:0}.sp{margin-right:20px}.tl{max-width:500px}.tw{line-height:24px}.tx{letter-spacing:0}</style><style type="text/css" data-fela-rehydration="555" 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}.cd{margin:0 24px}.cs{height:40px}.cz{margin-bottom:44px}.dl{margin-bottom:32px}.dz{font-size:13px}.ea{line-height:20px}.ei{padding:0px 8px 1px}.fv{margin-bottom:4px}.ha{font-size:32px}.hb{margin-top:1.01em}.hc{line-height:38px}.hd{letter-spacing:-0.014em}.hv{font-size:18px}.hw{margin-top:0.79em}.hx{line-height:24px}.ii{align-items:flex-start}.jl{flex-direction:column}.jo{margin-bottom:2px}.kd{margin:24px 0 0}.ke{padding:0}.kt> *{margin-right:8px}.ku> :last-child{margin-right:8px}.lk{margin-left:0px}.mm{margin:0}.nc{border:1px solid #F2F2F2}.nd{border-radius:99em}.ne{padding:0px 16px 0px 12px}.nf{height:38px}.ng{align-items:center}.ni svg{margin-right:8px}.nl{margin-top:40px}.nw{margin-top:1.56em}.nx{line-height:28px}.ny{letter-spacing:-0.003em}.os{font-size:20px}.ot{margin-top:1.2em}.ou{letter-spacing:0}.po{margin-top:1.08em}.pu{margin-top:2em}.pz{margin-top:0.67em}.qo{margin-top:1.34em}.rm{margin-bottom:80px}.sc{padding-top:48px}.sq{margin-bottom:20px}.sr{margin-right:0}.tm{max-width:100%}.tt{font-size:24px}.tu{line-height:30px}.tv{letter-spacing:-0.016em}.nh:hover{border-color:#E5E5E5}</style><style type="text/css" data-fela-rehydration="555" data-fela-type="RULE" media="print">.ru{display:none}</style><style type="text/css" data-fela-rehydration="555" data-fela-type="RULE" media="(orientation: landscape) and (max-width: 903.98px)">.jy{max-height:none}</style><style type="text/css" data-fela-rehydration="555" data-fela-type="RULE" media="(prefers-reduced-motion: no-preference)">.qg{transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1)}</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="du ag dv bf ak b am an ao ap aq ar as at s u w i d q dw z" href="https://rsci.app.link/?%24canonical_url=https%3A%2F%2Fmedium.com%2Fp%2Fc20e4a23447c&%7Efeature=LoOpenInAppButton&%7Echannel=ShowPostUnderCollection&source=---top_nav_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="dt"><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 dx dy dz ea eb ec ed ee ef eg du"><span><a class="bf b dx dy eh dz ea ei eb ec ej ek ee el em eg eo ep eq er es et eu ev ew ex ey ez fa fb fc fd bm fe ff" data-testid="headerSignUpButton" href="https://medium.com/m/signin?operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fbuilding-unicorn-design-system-v1-0-c20e4a23447c&source=post_page---top_nav_layout_nav-----------------------global_nav-----------" rel="noopener follow">Sign up</a></span></p><div class="ax l"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><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%2Fdesign.zeta.in%2Fbuilding-unicorn-design-system-v1-0-c20e4a23447c&source=post_page---top_nav_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=---top_nav_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 fg fh"><div class="fi 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=---top_nav_layout_nav-----------------------new_post_topnav-----------" rel="noopener follow"><div class="bf b bg z du fj fk ab q fl fm"><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="dt l">Write</div></div></a></span></div></div><div class="k j i d"><div class="fi 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=---top_nav_layout_nav----------------------------------" rel="noopener follow"><div class="bf b bg z du fj fk ab q fl fm"><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="fi h k j"><div class="ab q"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><a class="bf b dx dy eh dz ea ei eb ec ej ek ee el em eg eo ep eq er es et eu ev ew ex ey ez fa fb fc fd bm fe ff" data-testid="headerSignUpButton" href="https://medium.com/m/signin?operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fbuilding-unicorn-design-system-v1-0-c20e4a23447c&source=post_page---top_nav_layout_nav-----------------------global_nav-----------" rel="noopener follow">Sign up</a></span></p><div class="ax l"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><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%2Fdesign.zeta.in%2Fbuilding-unicorn-design-system-v1-0-c20e4a23447c&source=post_page---top_nav_layout_nav-----------------------global_nav-----------" rel="noopener follow">Sign in</a></span></p></div></div></div><div class="l" aria-hidden="false"><button class="ay fn am ab q ao fo fp fq" aria-label="user options menu" data-testid="headerUserIcon"><div class="l fj"><img alt="" class="l fd by bz ca cx" 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="fr by l bz ca fs n ay ft"></div></div></button></div></div></div><div class="l"><div class="fu fv fw fx fy l"><div class="ab cb"><div class="ci bh fz ga gb gc"></div></div><article><div class="l"><div class="l"><span class="l"></span><section><div><div class="fs gi gj gk gl gm"></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><div><h1 id="ed7c" class="pw-post-title gs gt gu bf gv gw gx gy gz ha hb hc hd he hf hg hh hi hj hk hl hm hn ho hp hq bk" data-testid="storyTitle">Building Unicorn Design System v1.0</h1></div><div><h2 id="236a" class="pw-subtitle-paragraph hr gt gu bf b hs ht hu hv hw hx hy hz ia ib ic id ie if ig cq du">Behind the scenes of embracing every twist and turn into crafting our design system from concept to completion</h2><div><div class="speechify-ignore ab cp"><div class="speechify-ignore bh l"><div class="ih ii ij ik il ab"><div><div class="ab im"><div><div class="bm" aria-hidden="false"><a href="https://creativetechie.medium.com/?source=post_page---byline--c20e4a23447c--------------------------------" rel="noopener follow"><div class="l in io by ip iq"><div class="l fj"><img alt="Aastha Gupta" class="l fd by dd de cx" src="https://miro.medium.com/v2/resize:fill:88:88/1*J-JZkSv91jcl5V4pTVwoTg.jpeg" width="44" height="44" loading="lazy" data-testid="authorPhoto"/><div class="ir by l dd de fs n is ft"></div></div></div></a></div></div><div class="it ab fj"><div><div class="bm" aria-hidden="false"><a href="https://design.zeta.in/?source=post_page---byline--c20e4a23447c--------------------------------" rel="noopener ugc nofollow"><div class="l iu iv by ip iw"><div class="l fj"><img alt="Zeta Design" class="l fd by br ix cx" src="https://miro.medium.com/v2/resize:fill:48:48/1*7FG4sDTdzgBNYQL3onKlXQ.png" width="24" height="24" loading="lazy" data-testid="publicationPhoto"/><div class="ir by l br ix fs n is ft"></div></div></div></a></div></div></div></div></div><div class="bn bh l"><div class="ab"><div style="flex:1"><span class="bf b bg z bk"><div class="iy ab q"><div class="ab q iz"><div class="ab q"><div><div class="bm" aria-hidden="false"><p class="bf b ja jb bk"><a class="af ag ah ai aj ak al am an ao ap aq ar jc" data-testid="authorName" href="https://creativetechie.medium.com/?source=post_page---byline--c20e4a23447c--------------------------------" rel="noopener follow">Aastha Gupta</a></p></div></div></div><span class="jd je" aria-hidden="true"><span class="bf b bg z du">·</span></span><p class="bf b ja jb du"><span><a class="jf jg ah ai aj ak al am an ao ap aq ar ex jh ji" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2Ff4782ea9c444&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fbuilding-unicorn-design-system-v1-0-c20e4a23447c&user=Aastha+Gupta&userId=f4782ea9c444&source=post_page-f4782ea9c444--byline--c20e4a23447c---------------------post_header-----------" rel="noopener follow">Follow</a></span></p></div></div></span></div></div><div class="l jj"><span class="bf b bg z du"><div class="ab cn jk jl jm"><div class="jn jo ab"><div class="bf b bg z du ab jp"><span class="jq l jj">Published in</span><div><div class="l" aria-hidden="false"><a class="af ag ah ai aj ak al am an ao ap aq ar jc ab q" data-testid="publicationName" href="https://design.zeta.in/?source=post_page---byline--c20e4a23447c--------------------------------" rel="noopener ugc nofollow"><p class="bf b bg z jr js jt ju jv jw jx jy bk">Zeta Design</p></a></div></div></div><div class="h k"><span class="jd je" aria-hidden="true"><span class="bf b bg z du">·</span></span></div></div><span class="bf b bg z du"><div class="ab ae"><span data-testid="storyReadTime">6 min read</span><div class="jz ka l" aria-hidden="true"><span class="l" aria-hidden="true"><span class="bf b bg z du">·</span></span></div><span data-testid="storyPublishDate">Mar 20, 2024</span></div></span></div></span></div></div></div><div class="ab cp kb kc kd ke kf kg kh ki kj kk kl km kn ko kp kq"><div class="h k w fg fh q"><div class="lg l"><div class="ab q lh li"><div class="pw-multi-vote-icon fj jq lj lk ll"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerClapButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fzeta-design%2Fc20e4a23447c&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fbuilding-unicorn-design-system-v1-0-c20e4a23447c&user=Aastha+Gupta&userId=f4782ea9c444&source=---header_actions--c20e4a23447c---------------------clap_footer-----------" rel="noopener follow"><div><div class="bm" aria-hidden="false"><div class="lm ao ln lo lp lq am lr ls lt ll"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-label="clap"><path fill-rule="evenodd" d="M11.37.828 12 3.282l.63-2.454zM13.916 3.953l1.523-2.112-1.184-.39zM8.589 1.84l1.522 2.112-.337-2.501zM18.523 18.92c-.86.86-1.75 1.246-2.62 1.33a6 6 0 0 0 .407-.372c2.388-2.389 2.86-4.951 1.399-7.623l-.912-1.603-.79-1.672c-.26-.56-.194-.98.203-1.288a.7.7 0 0 1 .546-.132c.283.046.546.231.728.5l2.363 4.157c.976 1.624 1.141 4.237-1.324 6.702m-10.999-.438L3.37 14.328a.828.828 0 0 1 .585-1.408.83.83 0 0 1 .585.242l2.158 2.157a.365.365 0 0 0 .516-.516l-2.157-2.158-1.449-1.449a.826.826 0 0 1 1.167-1.17l3.438 3.44a.363.363 0 0 0 .516 0 .364.364 0 0 0 0-.516L5.293 9.513l-.97-.97a.826.826 0 0 1 0-1.166.84.84 0 0 1 1.167 0l.97.968 3.437 3.436a.36.36 0 0 0 .517 0 .366.366 0 0 0 0-.516L6.977 7.83a.82.82 0 0 1-.241-.584.82.82 0 0 1 .824-.826c.219 0 .43.087.584.242l5.787 5.787a.366.366 0 0 0 .587-.415l-1.117-2.363c-.26-.56-.194-.98.204-1.289a.7.7 0 0 1 .546-.132c.283.046.545.232.727.501l2.193 3.86c1.302 2.38.883 4.59-1.277 6.75-1.156 1.156-2.602 1.627-4.19 1.367-1.418-.236-2.866-1.033-4.079-2.246M10.75 5.971l2.12 2.12c-.41.502-.465 1.17-.128 1.89l.22.465-3.523-3.523a.8.8 0 0 1-.097-.368c0-.22.086-.428.241-.584a.847.847 0 0 1 1.167 0m7.355 1.705c-.31-.461-.746-.758-1.23-.837a1.44 1.44 0 0 0-1.11.275c-.312.24-.505.543-.59.881a1.74 1.74 0 0 0-.906-.465 1.47 1.47 0 0 0-.82.106l-2.182-2.182a1.56 1.56 0 0 0-2.2 0 1.54 1.54 0 0 0-.396.701 1.56 1.56 0 0 0-2.21-.01 1.55 1.55 0 0 0-.416.753c-.624-.624-1.649-.624-2.237-.037a1.557 1.557 0 0 0 0 2.2c-.239.1-.501.238-.715.453a1.56 1.56 0 0 0 0 2.2l.516.515a1.556 1.556 0 0 0-.753 2.615L7.01 19c1.32 1.319 2.909 2.189 4.475 2.449q.482.08.971.08c.85 0 1.653-.198 2.393-.579.231.033.46.054.686.054 1.266 0 2.457-.52 3.505-1.567 2.763-2.763 2.552-5.734 1.439-7.586z" clip-rule="evenodd"></path></svg></div></div></div></a></span></div><div class="pw-multi-vote-count l lu lv lw lx ly lz ma"><p class="bf b dv z du"><span class="mb">--</span></p></div></div></div><div><div class="bm" aria-hidden="false"><button class="ao lm me mf ab q fk mg mh" aria-label="responses"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="md"><path d="M18.006 16.803c1.533-1.456 2.234-3.325 2.234-5.321C20.24 7.357 16.709 4 12.191 4S4 7.357 4 11.482c0 4.126 3.674 7.482 8.191 7.482.817 0 1.622-.111 2.393-.327.231.2.48.391.744.559 1.06.693 2.203 1.044 3.399 1.044.224-.008.4-.112.486-.287a.49.49 0 0 0-.042-.518c-.495-.67-.845-1.364-1.04-2.057a4 4 0 0 1-.125-.598zm-3.122 1.055-.067-.223-.315.096a8 8 0 0 1-2.311.338c-4.023 0-7.292-2.955-7.292-6.587 0-3.633 3.269-6.588 7.292-6.588 4.014 0 7.112 2.958 7.112 6.593 0 1.794-.608 3.469-2.027 4.72l-.195.168v.255c0 .056 0 .151.016.295.025.231.081.478.154.733.154.558.398 1.117.722 1.659a5.3 5.3 0 0 1-2.165-.845c-.276-.176-.714-.383-.941-.59z"></path></svg><p class="bf b dv z du"><span class="pw-responses-count mc md">1</span></p></button></div></div></div><div class="ab q kr ks kt ku kv kw kx ky kz la lb lc ld le lf"><div class="mi k j i d"></div><div class="h k"><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" data-testid="headerBookmarkButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fc20e4a23447c&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fbuilding-unicorn-design-system-v1-0-c20e4a23447c&source=---header_actions--c20e4a23447c---------------------bookmark_footer-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="du mj" 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 class="fd mk cn"><div class="l ae"><div class="ab cb"><div class="ml mm mn mo mp mq ci bh"><div class="ab"><div class="bm bh" aria-hidden="false"><div><div class="bm" aria-hidden="false"><button aria-label="Listen" data-testid="audioPlayButton" class="af fk ah ai aj ak al mr an ao ap ex ms mt mh mu mv mw mx my s mz na nb nc nd ne nf u ng nh ni"><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="M3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0m9-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m3.376 10.416-4.599 3.066a.5.5 0 0 1-.777-.416V8.934a.5.5 0 0 1 .777-.416l4.599 3.066a.5.5 0 0 1 0 .832" clip-rule="evenodd"></path></svg><div class="j i d"><p class="bf b bg z du">Listen</p></div></button></div></div></div></div></div></div></div></div><div class="bm" aria-hidden="false" aria-describedby="postFooterSocialMenu" aria-labelledby="postFooterSocialMenu"><div><div class="bm" aria-hidden="false"><button aria-controls="postFooterSocialMenu" aria-expanded="false" aria-label="Share Post" data-testid="headerSocialShareButton" class="af fk ah ai aj ak al mr an ao ap ex ms mt mh mu mv mw mx my s mz na nb nc nd ne nf u ng nh ni"><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="M15.218 4.931a.4.4 0 0 1-.118.132l.012.006a.45.45 0 0 1-.292.074.5.5 0 0 1-.3-.13l-2.02-2.02v7.07c0 .28-.23.5-.5.5s-.5-.22-.5-.5v-7.04l-2 2a.45.45 0 0 1-.57.04h-.02a.4.4 0 0 1-.16-.3.4.4 0 0 1 .1-.32l2.8-2.8a.5.5 0 0 1 .7 0l2.8 2.79a.42.42 0 0 1 .068.498m-.106.138.008.004v-.01zM16 7.063h1.5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-11c-1.1 0-2-.9-2-2v-10a2 2 0 0 1 2-2H8a.5.5 0 0 1 .35.15.5.5 0 0 1 .15.35.5.5 0 0 1-.15.35.5.5 0 0 1-.35.15H6.4c-.5 0-.9.4-.9.9v10.2a.9.9 0 0 0 .9.9h11.2c.5 0 .9-.4.9-.9v-10.2c0-.5-.4-.9-.9-.9H16a.5.5 0 0 1 0-1" clip-rule="evenodd"></path></svg><div class="j i d"><p class="bf b bg z du">Share</p></div></button></div></div></div></div></div></div></div></div></div></div></div><div class="nj bh"><figure class="nk nl nm nn no nj bh paragraph-image"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*uOfgekIMTmCpWn_u5Nfkzw.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*uOfgekIMTmCpWn_u5Nfkzw.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*uOfgekIMTmCpWn_u5Nfkzw.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*uOfgekIMTmCpWn_u5Nfkzw.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*uOfgekIMTmCpWn_u5Nfkzw.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*uOfgekIMTmCpWn_u5Nfkzw.png 1100w, https://miro.medium.com/v2/resize:fit:4800/format:webp/1*uOfgekIMTmCpWn_u5Nfkzw.png 4800w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 100vw" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*uOfgekIMTmCpWn_u5Nfkzw.png 640w, https://miro.medium.com/v2/resize:fit:720/1*uOfgekIMTmCpWn_u5Nfkzw.png 720w, https://miro.medium.com/v2/resize:fit:750/1*uOfgekIMTmCpWn_u5Nfkzw.png 750w, https://miro.medium.com/v2/resize:fit:786/1*uOfgekIMTmCpWn_u5Nfkzw.png 786w, https://miro.medium.com/v2/resize:fit:828/1*uOfgekIMTmCpWn_u5Nfkzw.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*uOfgekIMTmCpWn_u5Nfkzw.png 1100w, https://miro.medium.com/v2/resize:fit:4800/1*uOfgekIMTmCpWn_u5Nfkzw.png 4800w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 100vw"/><img alt="" class="bh mq np c" width="2400" height="1244" loading="eager" role="presentation"/></picture></figure></div><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="291f" class="pw-post-body-paragraph nq nr gu ns b hs nt nu nv hv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">Remember those childhood dreams of building towering sandcastles, only to have them crumble with the next wave? Yeah, that’s how it felt when we started building our design system. We envisioned a majestic design system, a shining beacon of consistency, but the path was far from a walk on the beach.</p><p id="3c80" class="pw-post-body-paragraph nq nr gu ns b hs nt nu nv hv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">Hold onto your pixels, folks, because we’re about to embark on a design system adventure — the story of the Unicorn Design System, UDS 1.0. It’s not a fairy tale with unicorns and rainbows but rather an eventful journey, complete with missteps on muddy boots, surprising turns, and ultimately, a treasure chest of learnings.</p><h1 id="2362" class="om on gu bf oo op oq hu or os ot hx ou ov ow ox oy oz pa pb pc pd pe pf pg ph bk">Why a Design System?</h1><blockquote class="pi"><p id="f104" class="pj pk gu bf pl pm pn po pp pq pr ol du"><em class="ps">“Every designer crafted interfaces like solo space cowboys, each with their own unique aesthetic and code dialect.”</em></p></blockquote><p id="f90c" class="pw-post-body-paragraph nq nr gu ns b hs pt nu nv hv pu nx ny nz pv ob oc od pw of og oh px oj ok ol gn bk">Imagine a vast digital landscape where every product was an island, its design a lonely castaway. 10+ designers working on the same product, and each crafting their own digital islands, using different colors, font weights and sizes, buttons, layouts, etc. It was like a cacophony of clashing styles that was slowing down development.</p><p id="ea66" class="pw-post-body-paragraph nq nr gu ns b hs nt nu nv hv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">Inconsistent buttons, contrasting colors, and navigation patterns that left users scrambling to find their way out — was our reality and we knew it wasn’t sustainable. We needed a single source of truth for our designs to bridge the gap between our brand and the user experience. Enter UDS 1.0, our knight in shining armor, ready to vanquish design chaos and establish a harmonious kingdom of consistency.</p><h1 id="da0c" class="om on gu bf oo op oq hu or os ot hx ou ov ow ox oy oz pa pb pc pd pe pf pg ph bk">From Sketch to Reality: Building the Bridge One Block at a Time</h1><p id="8752" class="pw-post-body-paragraph nq nr gu ns b hs py nu nv hv pz nx ny nz qa ob oc od qb of og oh qc oj ok ol gn bk">UDS didn’t happen with the snap of our fingers! It was a collaborative tapestry woven with threads of competitive research, ideation, and relentless iteration.</p><p id="e452" class="pw-post-body-paragraph nq nr gu ns b hs nt nu nv hv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">Competitive insights, our compass, guided us through the labyrinth of possibilities. Ideation, the sculptor’s chisel, shaped each feature with empathy. And with each revision, a user experience haven emerged, not a towering palace yet, but a haven crafted with meticulous care.</p><p id="a761" class="pw-post-body-paragraph nq nr gu ns b hs nt nu nv hv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">In July 2021, with a never-ending feature list and the product’s launch mere weeks away, two intrepid souls were tasked with birthing UDS 1.0. One month. Two of us. An entire design system to be created from scratch. A recipe for chaos, right? Wrong. We were digital MacGyvers, ready to transform this mess into a masterpiece.</p><p id="7c9f" class="pw-post-body-paragraph nq nr gu ns b hs nt nu nv hv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">We dove headfirst into the tangled web of our design mess, deciphering undocumented practices, and unearthing inconsistencies. Like forensic experts at a crime scene, we meticulously audited, inventoried, analyzed, and documented every pixel and every practice. From tangled wilderness to user haven, we transmuted chaos into design principles with accessibility as our guiding light, and user-friendliness, our unwavering sword.</p><figure class="nk nl nm nn no nj qd qe paragraph-image"><div role="button" tabindex="0" class="qg qh fj qi bh qj"><div class="qd qe qf"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*e4PHbAHPKE117XVm9wYrUA.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*e4PHbAHPKE117XVm9wYrUA.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*e4PHbAHPKE117XVm9wYrUA.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*e4PHbAHPKE117XVm9wYrUA.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*e4PHbAHPKE117XVm9wYrUA.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*e4PHbAHPKE117XVm9wYrUA.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*e4PHbAHPKE117XVm9wYrUA.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*e4PHbAHPKE117XVm9wYrUA.png 640w, https://miro.medium.com/v2/resize:fit:720/1*e4PHbAHPKE117XVm9wYrUA.png 720w, https://miro.medium.com/v2/resize:fit:750/1*e4PHbAHPKE117XVm9wYrUA.png 750w, https://miro.medium.com/v2/resize:fit:786/1*e4PHbAHPKE117XVm9wYrUA.png 786w, https://miro.medium.com/v2/resize:fit:828/1*e4PHbAHPKE117XVm9wYrUA.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*e4PHbAHPKE117XVm9wYrUA.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*e4PHbAHPKE117XVm9wYrUA.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh mq np c" width="700" height="307" loading="lazy" role="presentation"/></picture></div></div></figure><p id="6655" class="pw-post-body-paragraph nq nr gu ns b hs nt nu nv hv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">Next, we built the fortress: a foundation and a component library, a smorgasbord of UI atoms, each gleaming with purpose. Think of it like Legos for designers, but infinitely cooler and more pixel-perfect.</p><h1 id="cf40" class="om on gu bf oo op oq hu or os ot hx ou ov ow ox oy oz pa pb pc pd pe pf pg ph bk">Navigating the Rough Waters: The Challenges</h1><p id="e0d0" class="pw-post-body-paragraph nq nr gu ns b hs py nu nv hv pz nx ny nz qa ob oc od qb of og oh qc oj ok ol gn bk">Did we underestimate the sheer scope of this beast? You bet. Did communication breakdowns lead to rogue design decisions? Oh yes, the horror. Did technical limitations force us to bend our beautiful principles? Let’s just say we got creative with duct tape.</p><p id="eea3" class="pw-post-body-paragraph nq nr gu ns b hs nt nu nv hv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">It wasn’t a development fairytale built with pixels and code. There were times when our self-belief wavered, and the future appeared shrouded in mystery. And let’s not forget the occasional (friendly) design brawl over the perfect shade of blue .We stumbled upon challenges that tested our resolve. Documentation fatigue, competing priorities, and the perpetual fear of “getting it wrong” were just a few of the many roadblocks we encountered.</p><p id="b61b" class="pw-post-body-paragraph nq nr gu ns b hs nt nu nv hv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">We faced some challenges like:</p><ul class=""><li id="6400" class="nq nr gu ns b hs nt nu nv hv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol qk ql qm bk"><strong class="ns gv">Scalability and token usage: </strong>Wrangling token usage and making the designs scalable was a design tightrope walk.</li><li id="47e4" class="nq nr gu ns b hs qn nu nv hv qo nx ny nz qp ob oc od qq of og oh qr oj ok ol qk ql qm bk"><strong class="ns gv">Adoption:</strong> Convincing the team to ditch their beloved go-to designs for the “system way” required diplomacy and killer demos.</li><li id="ab10" class="nq nr gu ns b hs qn nu nv hv qo nx ny nz qp ob oc od qq of og oh qr oj ok ol qk ql qm bk"><strong class="ns gv">Porting all the existing designs:</strong> Converting every single element on the designs to a design system component or foundation element. Ah! It was the most time consuming and tedious task ever.</li><li id="30b6" class="nq nr gu ns b hs qn nu nv hv qo nx ny nz qp ob oc od qq of og oh qr oj ok ol qk ql qm bk"><strong class="ns gv">Buy-in blues:</strong> Convincing everyone to embrace a new design system wasn’t easy. We had to scream from the rooftops about the efficiency and the beauty of UDS.</li><li id="d108" class="nq nr gu ns b hs qn nu nv hv qo nx ny nz qp ob oc od qq of og oh qr oj ok ol qk ql qm bk"><strong class="ns gv">Maintaining Consistency: </strong>Keeping a living, breathing design system consistent across teams and projects required constant vigilance and collaboration.</li><li id="7bd0" class="nq nr gu ns b hs qn nu nv hv qo nx ny nz qp ob oc od qq of og oh qr oj ok ol qk ql qm bk"><strong class="ns gv">Documentation Dilemmas:</strong> Keeping docs in sync with evolving components was a constant struggle. Versioning and feedback loops became the key to streamlining this critical but cumbersome task.</li></ul><p id="f7dc" class="pw-post-body-paragraph nq nr gu ns b hs nt nu nv hv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">And finally it was Evolution — How do you keep a living, breathing design system relevant in a constantly changing tech landscape?</p><p id="5309" class="pw-post-body-paragraph nq nr gu ns b hs nt nu nv hv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">We learned the importance of agile adaptation, the power of community feedback, and the need to prioritize user needs above all else. We gradually learned to embrace iteration, continuously tweaking and updating UDS 1.0 based on user feedback and real-world usage.</p><h1 id="e096" class="om on gu bf oo op oq hu or os ot hx ou ov ow ox oy oz pa pb pc pd pe pf pg ph bk">Learnings: The Wisdom of the Maestro</h1><p id="4c15" class="pw-post-body-paragraph nq nr gu ns b hs py nu nv hv pz nx ny nz qa ob oc od qb of og oh qc oj ok ol gn bk">Every bump in the road, every heated debate, yielded a glittering gem — a lesson learned, a process improved. We learned the importance of iterative development, not diving headfirst into assumptions. Instead of clinging to rigid design principles, we thrived on flexibility. We viewed them as guiding lights, not limitations.Most importantly, we discovered the power of collaboration, building bridges between design, development, and all points in between.</p><figure class="nk nl nm nn no nj qd qe paragraph-image"><div role="button" tabindex="0" class="qg qh fj qi bh qj"><div class="qd qe qf"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*b9VPjpHTZdp2pJ2C9oo5Jg.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*b9VPjpHTZdp2pJ2C9oo5Jg.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*b9VPjpHTZdp2pJ2C9oo5Jg.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*b9VPjpHTZdp2pJ2C9oo5Jg.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*b9VPjpHTZdp2pJ2C9oo5Jg.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*b9VPjpHTZdp2pJ2C9oo5Jg.png 1100w, https://miro.medium.com/v2/resize:fit:1400/format:webp/1*b9VPjpHTZdp2pJ2C9oo5Jg.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*b9VPjpHTZdp2pJ2C9oo5Jg.png 640w, https://miro.medium.com/v2/resize:fit:720/1*b9VPjpHTZdp2pJ2C9oo5Jg.png 720w, https://miro.medium.com/v2/resize:fit:750/1*b9VPjpHTZdp2pJ2C9oo5Jg.png 750w, https://miro.medium.com/v2/resize:fit:786/1*b9VPjpHTZdp2pJ2C9oo5Jg.png 786w, https://miro.medium.com/v2/resize:fit:828/1*b9VPjpHTZdp2pJ2C9oo5Jg.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*b9VPjpHTZdp2pJ2C9oo5Jg.png 1100w, https://miro.medium.com/v2/resize:fit:1400/1*b9VPjpHTZdp2pJ2C9oo5Jg.png 1400w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 700px"/><img alt="" class="bh mq np c" width="700" height="438" loading="lazy" role="presentation"/></picture></div></div></figure><p id="1f87" class="pw-post-body-paragraph nq nr gu ns b hs nt nu nv hv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">Our key learnings were:</p><ul class=""><li id="c15b" class="nq nr gu ns b hs nt nu nv hv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol qk ql qm bk"><strong class="ns gv">Start small, iterate fast:</strong> Incremental progress is the way because even Rome wasn’t built in a day.</li><li id="0fbd" class="nq nr gu ns b hs qn nu nv hv qo nx ny nz qp ob oc od qq of og oh qr oj ok ol qk ql qm bk"><strong class="ns gv">Community inputs, collective effort: </strong>Ownership and shared responsibility, ensures everyone has a voice in the design symphony.</li><li id="6b91" class="nq nr gu ns b hs qn nu nv hv qo nx ny nz qp ob oc od qq of og oh qr oj ok ol qk ql qm bk"><strong class="ns gv">Collaboration is key: </strong>Design systems thrive on teamwork, not solo acts.</li><li id="307c" class="nq nr gu ns b hs qn nu nv hv qo nx ny nz qp ob oc od qq of og oh qr oj ok ol qk ql qm bk"><strong class="ns gv">Continuous improvement:</strong> UDS is a constantly evolving organism. Embrace change and adapt to new technologies and trends.</li><li id="4b14" class="nq nr gu ns b hs qn nu nv hv qo nx ny nz qp ob oc od qq of og oh qr oj ok ol qk ql qm bk"><strong class="ns gv">Documentation is your friend:</strong> Clear, up-to-date docs are the lifeline of your system.</li></ul><h1 id="d378" class="om on gu bf oo op oq hu or os ot hx ou ov ow ox oy oz pa pb pc pd pe pf pg ph bk">From Dust to Diamonds: Transforming Learnings into UDS 2.0</h1><p id="3d84" class="pw-post-body-paragraph nq nr gu ns b hs py nu nv hv pz nx ny nz qa ob oc od qb of og oh qc oj ok ol gn bk">UDS 1.0 wasn’t the architectural marvel we initially envisioned, but it functioned as a sturdy bridge, leading us to exciting possibilities. We’re building upon this foundation, not demolishing it. After all, even a shaky bridge can lead us to breathtaking views. It paved the way for a smoother, more efficient design process, improved brand consistency, and ultimately, a better user experience. And now, with those learnings in hand, we’re embarking on the next chapter: UDS 2.0.</p><p id="623a" class="pw-post-body-paragraph nq nr gu ns b hs nt nu nv hv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">It was not about starting from scratch, but about iterating on the foundations we laid, leveraging our experience and learnings into a robust, scalable, accessible, and user-centric system. We’re incorporating our learnings, expanding our component library, and automating processes, so designers and developers can spend less time wrangling components and more time coming up with creative solutions. And, most importantly, we’re democratizing design, empowering everyone to build amazing experiences using the UDS 2.0 toolkit. It’s like taking the original design symphony and adding a whole new orchestra of possibilities!</p></div></div></div><div class="ab cb qs qt qu qv" role="separator"><span class="qw by bm qx qy qz"></span><span class="qw by bm qx qy qz"></span><span class="qw by bm qx qy"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="0271" class="pw-post-body-paragraph nq nr gu ns b hs nt nu nv hv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">The path to design Utopia is rarely straight. So, what’s the takeaway? Building a design system isn’t a fairytale ending. It’s a messy, exhilarating journey filled with stumbles and triumphs.</p><p id="4611" class="pw-post-body-paragraph nq nr gu ns b hs nt nu nv hv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">But with each step, we learn, we adapt, and we build something stronger, something more human-centered. Embrace the stumbles, learn from the falls, and keep your eyes on the horizon. Because even if your design system isn’t born perfect, with a little grit and a lot of learning, it can become your magnum opus.</p><p id="7983" class="pw-post-body-paragraph nq nr gu ns b hs nt nu nv hv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">P.S. The story of UDS isn’t over yet. Each success and misstep is a stepping stone, propelling us forward in a never-ending cycle of development. We’ve faced challenges, celebrated victories, and learned a heap of valuable lessons. And with UDS 2.0, we’re ready to warp speed into the future, crafting more cohesive, user-centric experiences.</p><p id="abc2" class="pw-post-body-paragraph nq nr gu ns b hs nt nu nv hv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">So, fasten your seat belts, and get ready to join us on the next leg of the UDS adventure!</p><p id="9d41" class="pw-post-body-paragraph nq nr gu ns b hs nt nu nv hv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">I extend my heartfelt gratitude to <span class="je"><span class="je" aria-hidden="false"><a class="ra jf fe" href="https://medium.com/u/e2b1ef30fdc0?source=post_page---user_mention--c20e4a23447c--------------------------------" rel="noopener" target="_blank">Ramakrishna V</a></span></span> and <span class="je"><span class="je" aria-hidden="false"><a class="ra jf fe" href="https://medium.com/u/57935a772c52?source=post_page---user_mention--c20e4a23447c--------------------------------" rel="noopener" target="_blank">Anoop Sethumadhavan</a></span></span> for entrusting me with the ownership of UDS. Kudos to <span class="je"><span class="je" aria-hidden="false"><a class="ra jf fe" href="https://medium.com/u/66128a75305e?source=post_page---user_mention--c20e4a23447c--------------------------------" rel="noopener" target="_blank">Vishnu Ko</a></span></span> for being a great and reliable team mate to help build this design system in just 2 months. Thank you to <span class="je"><span class="je" aria-hidden="false"><a class="ra jf fe" href="https://medium.com/u/48953f9c40e9?source=post_page---user_mention--c20e4a23447c--------------------------------" rel="noopener" target="_blank">Swathi shree raja</a></span></span> for her diligent proofreading and unwavering support in refining this blog to its best. 😄</p></div></div></div></div></section></div></div></article></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="rb rc ab jm"><div class="rd ab"><a class="re ay am ao" href="https://medium.com/tag/design-systems?source=post_page-----c20e4a23447c--------------------------------" rel="noopener follow"><div class="rf fj cx rg ge rh ri bf b bg z bk rj">Design Systems</div></a></div><div class="rd ab"><a class="re ay am ao" href="https://medium.com/tag/designops?source=post_page-----c20e4a23447c--------------------------------" rel="noopener follow"><div class="rf fj cx rg ge rh ri bf b bg z bk rj">Designops</div></a></div><div class="rd ab"><a class="re ay am ao" href="https://medium.com/tag/design?source=post_page-----c20e4a23447c--------------------------------" rel="noopener follow"><div class="rf fj cx rg ge rh ri bf b bg z bk rj">Design</div></a></div><div class="rd ab"><a class="re ay am ao" href="https://medium.com/tag/ux?source=post_page-----c20e4a23447c--------------------------------" rel="noopener follow"><div class="rf fj cx rg ge rh ri bf b bg z bk rj">UX</div></a></div><div class="rd ab"><a class="re ay am ao" href="https://medium.com/tag/collaboration?source=post_page-----c20e4a23447c--------------------------------" rel="noopener follow"><div class="rf fj cx rg ge rh ri bf b bg z bk rj">Collaboration</div></a></div></div></div></div><div class="l"></div><footer class="rk rl rm rn ro rp rq rr rs ab q rt iw c"><div class="l ae"><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ab cp ru"><div class="ab q lh"><div class="rv l"><span class="l rw rx ry e d"><div class="ab q lh li"><div class="pw-multi-vote-icon fj jq lj lk ll"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="footerClapButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fzeta-design%2Fc20e4a23447c&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fbuilding-unicorn-design-system-v1-0-c20e4a23447c&user=Aastha+Gupta&userId=f4782ea9c444&source=---footer_actions--c20e4a23447c---------------------clap_footer-----------" rel="noopener follow"><div><div class="bm" aria-hidden="false"><div class="lm ao ln lo lp lq am lr ls lt ll"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-label="clap"><path fill-rule="evenodd" d="M11.37.828 12 3.282l.63-2.454zM13.916 3.953l1.523-2.112-1.184-.39zM8.589 1.84l1.522 2.112-.337-2.501zM18.523 18.92c-.86.86-1.75 1.246-2.62 1.33a6 6 0 0 0 .407-.372c2.388-2.389 2.86-4.951 1.399-7.623l-.912-1.603-.79-1.672c-.26-.56-.194-.98.203-1.288a.7.7 0 0 1 .546-.132c.283.046.546.231.728.5l2.363 4.157c.976 1.624 1.141 4.237-1.324 6.702m-10.999-.438L3.37 14.328a.828.828 0 0 1 .585-1.408.83.83 0 0 1 .585.242l2.158 2.157a.365.365 0 0 0 .516-.516l-2.157-2.158-1.449-1.449a.826.826 0 0 1 1.167-1.17l3.438 3.44a.363.363 0 0 0 .516 0 .364.364 0 0 0 0-.516L5.293 9.513l-.97-.97a.826.826 0 0 1 0-1.166.84.84 0 0 1 1.167 0l.97.968 3.437 3.436a.36.36 0 0 0 .517 0 .366.366 0 0 0 0-.516L6.977 7.83a.82.82 0 0 1-.241-.584.82.82 0 0 1 .824-.826c.219 0 .43.087.584.242l5.787 5.787a.366.366 0 0 0 .587-.415l-1.117-2.363c-.26-.56-.194-.98.204-1.289a.7.7 0 0 1 .546-.132c.283.046.545.232.727.501l2.193 3.86c1.302 2.38.883 4.59-1.277 6.75-1.156 1.156-2.602 1.627-4.19 1.367-1.418-.236-2.866-1.033-4.079-2.246M10.75 5.971l2.12 2.12c-.41.502-.465 1.17-.128 1.89l.22.465-3.523-3.523a.8.8 0 0 1-.097-.368c0-.22.086-.428.241-.584a.847.847 0 0 1 1.167 0m7.355 1.705c-.31-.461-.746-.758-1.23-.837a1.44 1.44 0 0 0-1.11.275c-.312.24-.505.543-.59.881a1.74 1.74 0 0 0-.906-.465 1.47 1.47 0 0 0-.82.106l-2.182-2.182a1.56 1.56 0 0 0-2.2 0 1.54 1.54 0 0 0-.396.701 1.56 1.56 0 0 0-2.21-.01 1.55 1.55 0 0 0-.416.753c-.624-.624-1.649-.624-2.237-.037a1.557 1.557 0 0 0 0 2.2c-.239.1-.501.238-.715.453a1.56 1.56 0 0 0 0 2.2l.516.515a1.556 1.556 0 0 0-.753 2.615L7.01 19c1.32 1.319 2.909 2.189 4.475 2.449q.482.08.971.08c.85 0 1.653-.198 2.393-.579.231.033.46.054.686.054 1.266 0 2.457-.52 3.505-1.567 2.763-2.763 2.552-5.734 1.439-7.586z" clip-rule="evenodd"></path></svg></div></div></div></a></span></div><div class="pw-multi-vote-count l lu lv lw lx ly lz ma"><p class="bf b dv z du"><span class="mb">--</span></p></div></div></span><span class="l h g f rz sa"><div class="ab q lh li"><div class="pw-multi-vote-icon fj jq lj lk ll"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="footerClapButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fzeta-design%2Fc20e4a23447c&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fbuilding-unicorn-design-system-v1-0-c20e4a23447c&user=Aastha+Gupta&userId=f4782ea9c444&source=---footer_actions--c20e4a23447c---------------------clap_footer-----------" rel="noopener follow"><div><div class="bm" aria-hidden="false"><div class="lm ao ln lo lp lq am lr ls lt ll"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-label="clap"><path fill-rule="evenodd" d="M11.37.828 12 3.282l.63-2.454zM13.916 3.953l1.523-2.112-1.184-.39zM8.589 1.84l1.522 2.112-.337-2.501zM18.523 18.92c-.86.86-1.75 1.246-2.62 1.33a6 6 0 0 0 .407-.372c2.388-2.389 2.86-4.951 1.399-7.623l-.912-1.603-.79-1.672c-.26-.56-.194-.98.203-1.288a.7.7 0 0 1 .546-.132c.283.046.546.231.728.5l2.363 4.157c.976 1.624 1.141 4.237-1.324 6.702m-10.999-.438L3.37 14.328a.828.828 0 0 1 .585-1.408.83.83 0 0 1 .585.242l2.158 2.157a.365.365 0 0 0 .516-.516l-2.157-2.158-1.449-1.449a.826.826 0 0 1 1.167-1.17l3.438 3.44a.363.363 0 0 0 .516 0 .364.364 0 0 0 0-.516L5.293 9.513l-.97-.97a.826.826 0 0 1 0-1.166.84.84 0 0 1 1.167 0l.97.968 3.437 3.436a.36.36 0 0 0 .517 0 .366.366 0 0 0 0-.516L6.977 7.83a.82.82 0 0 1-.241-.584.82.82 0 0 1 .824-.826c.219 0 .43.087.584.242l5.787 5.787a.366.366 0 0 0 .587-.415l-1.117-2.363c-.26-.56-.194-.98.204-1.289a.7.7 0 0 1 .546-.132c.283.046.545.232.727.501l2.193 3.86c1.302 2.38.883 4.59-1.277 6.75-1.156 1.156-2.602 1.627-4.19 1.367-1.418-.236-2.866-1.033-4.079-2.246M10.75 5.971l2.12 2.12c-.41.502-.465 1.17-.128 1.89l.22.465-3.523-3.523a.8.8 0 0 1-.097-.368c0-.22.086-.428.241-.584a.847.847 0 0 1 1.167 0m7.355 1.705c-.31-.461-.746-.758-1.23-.837a1.44 1.44 0 0 0-1.11.275c-.312.24-.505.543-.59.881a1.74 1.74 0 0 0-.906-.465 1.47 1.47 0 0 0-.82.106l-2.182-2.182a1.56 1.56 0 0 0-2.2 0 1.54 1.54 0 0 0-.396.701 1.56 1.56 0 0 0-2.21-.01 1.55 1.55 0 0 0-.416.753c-.624-.624-1.649-.624-2.237-.037a1.557 1.557 0 0 0 0 2.2c-.239.1-.501.238-.715.453a1.56 1.56 0 0 0 0 2.2l.516.515a1.556 1.556 0 0 0-.753 2.615L7.01 19c1.32 1.319 2.909 2.189 4.475 2.449q.482.08.971.08c.85 0 1.653-.198 2.393-.579.231.033.46.054.686.054 1.266 0 2.457-.52 3.505-1.567 2.763-2.763 2.552-5.734 1.439-7.586z" clip-rule="evenodd"></path></svg></div></div></div></a></span></div><div class="pw-multi-vote-count l lu lv lw lx ly lz ma"><p class="bf b dv z du"><span class="mb">--</span></p></div></div></span></div><div class="bq ab"><div><div class="bm" aria-hidden="false"><button class="ao lm me mf ab q fk mg mh" aria-label="responses"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="md"><path d="M18.006 16.803c1.533-1.456 2.234-3.325 2.234-5.321C20.24 7.357 16.709 4 12.191 4S4 7.357 4 11.482c0 4.126 3.674 7.482 8.191 7.482.817 0 1.622-.111 2.393-.327.231.2.48.391.744.559 1.06.693 2.203 1.044 3.399 1.044.224-.008.4-.112.486-.287a.49.49 0 0 0-.042-.518c-.495-.67-.845-1.364-1.04-2.057a4 4 0 0 1-.125-.598zm-3.122 1.055-.067-.223-.315.096a8 8 0 0 1-2.311.338c-4.023 0-7.292-2.955-7.292-6.587 0-3.633 3.269-6.588 7.292-6.588 4.014 0 7.112 2.958 7.112 6.593 0 1.794-.608 3.469-2.027 4.72l-.195.168v.255c0 .056 0 .151.016.295.025.231.081.478.154.733.154.558.398 1.117.722 1.659a5.3 5.3 0 0 1-2.165-.845c-.276-.176-.714-.383-.941-.59z"></path></svg><p class="bf b bg z du"><span class="pw-responses-count mc md">1</span></p></button></div></div></div></div><div class="ab q"><div class="qz l jj"><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" data-testid="footerBookmarkButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fc20e4a23447c&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fbuilding-unicorn-design-system-v1-0-c20e4a23447c&source=---footer_actions--c20e4a23447c---------------------bookmark_footer-----------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="du mj" 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 class="qz l jj"><div class="bm" aria-hidden="false" aria-describedby="postFooterSocialMenu" aria-labelledby="postFooterSocialMenu"><div><div class="bm" aria-hidden="false"><button aria-controls="postFooterSocialMenu" aria-expanded="false" aria-label="Share Post" data-testid="footerSocialShareButton" class="af fk ah ai aj ak al mr an ao ap ex ms mt mh mu"><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="M15.218 4.931a.4.4 0 0 1-.118.132l.012.006a.45.45 0 0 1-.292.074.5.5 0 0 1-.3-.13l-2.02-2.02v7.07c0 .28-.23.5-.5.5s-.5-.22-.5-.5v-7.04l-2 2a.45.45 0 0 1-.57.04h-.02a.4.4 0 0 1-.16-.3.4.4 0 0 1 .1-.32l2.8-2.8a.5.5 0 0 1 .7 0l2.8 2.79a.42.42 0 0 1 .068.498m-.106.138.008.004v-.01zM16 7.063h1.5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-11c-1.1 0-2-.9-2-2v-10a2 2 0 0 1 2-2H8a.5.5 0 0 1 .35.15.5.5 0 0 1 .15.35.5.5 0 0 1-.15.35.5.5 0 0 1-.35.15H6.4c-.5 0-.9.4-.9.9v10.2a.9.9 0 0 0 .9.9h11.2c.5 0 .9-.4.9-.9v-10.2c0-.5-.4-.9-.9-.9H16a.5.5 0 0 1 0-1" clip-rule="evenodd"></path></svg></button></div></div></div></div></div></div></div></div></div></footer><div class="sb sc sd se sf l bx"><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="sg l"><div class="ab sh si sj jl jk"><div class="sk sl sm sn so sp sq sr ss st ab cp"><div class="h k"><a href="https://design.zeta.in/?source=post_page---post_publication_info--c20e4a23447c--------------------------------" rel="noopener follow"><div class="fj ab"><img alt="Zeta Design" class="su in io cx" src="https://miro.medium.com/v2/resize:fill:96:96/1*7FG4sDTdzgBNYQL3onKlXQ.png" width="48" height="48" loading="lazy"/><div class="su l io in fs n fr sv"></div></div></a></div><div class="j i d"><a href="https://design.zeta.in/?source=post_page---post_publication_info--c20e4a23447c--------------------------------" rel="noopener follow"><div class="fj ab"><img alt="Zeta Design" class="su sx sw cx" src="https://miro.medium.com/v2/resize:fill:128:128/1*7FG4sDTdzgBNYQL3onKlXQ.png" width="64" height="64" loading="lazy"/><div class="su l sw sx fs n fr sv"></div></div></a></div><div class="j i d sy jj"><div class="ab"><span><a class="bf b bg z sz rf ta tb tc td te ev ew tf tg th fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fcollection%2Fzeta-design&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fbuilding-unicorn-design-system-v1-0-c20e4a23447c&collection=Zeta+Design&collectionId=b1d9ef1bb1cd&source=post_page---post_publication_info--c20e4a23447c---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div><div class="ab co ti"><div class="tj tk tl tm tn l"><a class="af ag ah aj ak al am an ao ap aq ar as at ab q" href="https://design.zeta.in/?source=post_page---post_publication_info--c20e4a23447c--------------------------------" rel="noopener follow"><h2 class="pw-author-name bf tp tq tr ts tt tu tv nz tw tx od ty tz oh ua ub bk"><span class="gn to">Published in <!-- -->Zeta Design</span></h2></a><div class="rd ab im"><div class="l jj"><span class="pw-follower-count bf b bg z du"><a class="af ag ah ai aj ak al am an ao ap aq ar jc" rel="noopener follow" href="/followers?source=post_page---post_publication_info--c20e4a23447c--------------------------------">2K Followers</a></span></div><div class="bf b bg z du ab jp"><span class="jd l" aria-hidden="true"><span class="bf b bg z du">·</span></span><a class="af ag ah ai aj ak al am an ao ap aq ar jc" rel="noopener follow" href="/rocket-rides-and-roadmap-navigating-beyond-mvp-b107f857e142?source=post_page---post_publication_info--c20e4a23447c--------------------------------">Last published <span>Sep 6, 2024</span></a></div></div><div class="uc l"><p class="bf b bg z bk"><span class="gn">Perspectives on designing & building digital products for India</span></p></div></div></div><div class="h k"><div class="ab"><span><a class="bf b bg z sz rf ta tb tc td te ev ew tf tg th fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fcollection%2Fzeta-design&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fbuilding-unicorn-design-system-v1-0-c20e4a23447c&collection=Zeta+Design&collectionId=b1d9ef1bb1cd&source=post_page---post_publication_info--c20e4a23447c---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div></div><div class="ab sh si sj jl jk"><div class="sk sl sm sn so sp sq sr ss st ab cp"><div class="h k"><a tabindex="0" href="https://creativetechie.medium.com/?source=post_page---post_author_info--c20e4a23447c--------------------------------" rel="noopener follow"><div class="l fj"><img alt="Aastha Gupta" class="l fd by io in cx" src="https://miro.medium.com/v2/resize:fill:96:96/1*J-JZkSv91jcl5V4pTVwoTg.jpeg" width="48" height="48" loading="lazy"/><div class="fr by l io in fs n ay sv"></div></div></a></div><div class="j i d"><a tabindex="0" href="https://creativetechie.medium.com/?source=post_page---post_author_info--c20e4a23447c--------------------------------" rel="noopener follow"><div class="l fj"><img alt="Aastha Gupta" class="l fd by sw sx cx" src="https://miro.medium.com/v2/resize:fill:128:128/1*J-JZkSv91jcl5V4pTVwoTg.jpeg" width="64" height="64" loading="lazy"/><div class="fr by l sw sx fs n ay sv"></div></div></a></div><div class="j i d sy jj"><div class="ab"><span><a class="bf b bg z sz rf ta tb tc td te ev ew tf tg th fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2Ff4782ea9c444&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fbuilding-unicorn-design-system-v1-0-c20e4a23447c&user=Aastha+Gupta&userId=f4782ea9c444&source=post_page-f4782ea9c444--post_author_info--c20e4a23447c---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div><div class="ab co ti"><div class="tj tk tl tm tn l"><a class="af ag ah aj ak al am an ao ap aq ar as at ab q" href="https://creativetechie.medium.com/?source=post_page---post_author_info--c20e4a23447c--------------------------------" rel="noopener follow"><h2 class="pw-author-name bf tp tq tr ts tt tu tv nz tw tx od ty tz oh ua ub bk"><span class="gn to">Written by <!-- -->Aastha Gupta</span></h2></a><div class="rd ab im"><div class="l jj"><span class="pw-follower-count bf b bg z du"><a class="af ag ah ai aj ak al am an ao ap aq ar jc" href="https://creativetechie.medium.com/followers?source=post_page---post_author_info--c20e4a23447c--------------------------------" rel="noopener follow">44 Followers</a></span></div><div class="bf b bg z du ab jp"><span class="jd l" aria-hidden="true"><span class="bf b bg z du">·</span></span><a class="af ag ah ai aj ak al am an ao ap aq ar jc" href="https://medium.com/@creativetechie/following?source=post_page---post_author_info--c20e4a23447c--------------------------------" rel="noopener follow">33 Following</a></div></div><div class="uc l"><p class="bf b bg z bk"><span class="gn">💸 Building PayZapp @Zeta || 👩🏻💻 MCA || 📚 Mathematics</span></p></div></div></div><div class="h k"><div class="ab"><span><a class="bf b bg z sz rf ta tb tc td te ev ew tf tg th fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2Ff4782ea9c444&operation=register&redirect=https%3A%2F%2Fdesign.zeta.in%2Fbuilding-unicorn-design-system-v1-0-c20e4a23447c&user=Aastha+Gupta&userId=f4782ea9c444&source=post_page-f4782ea9c444--post_author_info--c20e4a23447c---------------------follow_profile-----------" rel="noopener follow">Follow</a></span></div></div></div><div class="ud bh ue uf"></div></div></div><div class="h k j"><div class="ud bh ue ug"></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="uh ab lh jm"><div class="ui uj 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=post_page-----c20e4a23447c--------------------------------" rel="noopener follow"><p class="bf b dv z du">Help</p></a></div><div class="ui uj l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.statuspage.io/?source=post_page-----c20e4a23447c--------------------------------" rel="noopener follow"><p class="bf b dv z du">Status</p></a></div><div class="ui uj 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=post_page-----c20e4a23447c--------------------------------" rel="noopener follow"><p class="bf b dv z du">About</p></a></div><div class="ui uj 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=post_page-----c20e4a23447c--------------------------------" rel="noopener follow"><p class="bf b dv z du">Careers</p></a></div><div class="ui uj l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="pressinquiries@medium.com?source=post_page-----c20e4a23447c--------------------------------" rel="noopener follow"><p class="bf b dv z du">Press</p></a></div><div class="ui uj l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://blog.medium.com/?source=post_page-----c20e4a23447c--------------------------------" rel="noopener follow"><p class="bf b dv z du">Blog</p></a></div><div class="ui uj 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=post_page-----c20e4a23447c--------------------------------" rel="noopener follow"><p class="bf b dv z du">Privacy</p></a></div><div class="ui uj 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=post_page-----c20e4a23447c--------------------------------" rel="noopener follow"><p class="bf b dv z du">Terms</p></a></div><div class="ui uj l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://speechify.com/medium?source=post_page-----c20e4a23447c--------------------------------" rel="noopener follow"><p class="bf b dv z du">Text to speech</p></a></div><div class="ui l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/business?source=post_page-----c20e4a23447c--------------------------------" rel="noopener follow"><p class="bf b dv z du">Teams</p></a></div></div></div></div></div></div></div></div></div></div><script>window.__BUILD_ID__="main-20241126-181518-0cb59a020f"</script><script>window.__GRAPHQL_URI__ = "https://design.zeta.in/_/graphql"</script><script>window.__PRELOADED_STATE__ = {"algolia":{"queries":{}},"cache":{"experimentGroupSet":true,"reason":"This request is not using the cache middleware worker","group":"disabled","tags":["group-edgeCachePosts","post-c20e4a23447c","user-f4782ea9c444","collection-b1d9ef1bb1cd"],"serverVariantState":"","middlewareEnabled":false,"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":"COLLECTION","id":"b1d9ef1bb1cd","explicit":true},"viewerIsBot":false},"debug":{"requestId":"be9c6ddd-a746-40cb-ad27-cc3f8e40f4a9","hybridDevServices":[],"originalSpanCarrier":{"traceparent":"00-58200a48ff781c6d613c0fd189a9bbe8-de061fb05f39ae86-01"}},"multiVote":{"clapsPerPost":{}},"navigation":{"branch":{"show":null,"hasRendered":null,"blockedByCTA":false},"hideGoogleOneTap":false,"hasRenderedAlternateUserBanner":null,"currentLocation":"https:\u002F\u002Fdesign.zeta.in\u002Fbuilding-unicorn-design-system-v1-0-c20e4a23447c","host":"design.zeta.in","hostname":"design.zeta.in","referrer":"","hasSetReferrer":false,"susiModal":{"step":null,"operation":"register"},"postRead":false,"partnerProgram":{"selectedCountryCode":null},"queryString":"?source=user_profile_page---------2-------------f4782ea9c444---------------"},"config":{"nodeEnv":"production","version":"main-20241126-181518-0cb59a020f","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-20241126-181518-0cb59a020f","commit":"0cb59a020f4453d0900f671f1a6576feecc55e74"}},"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,"variantFlags":[{"__typename":"VariantFlag","name":"enable_tag_recs","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tipping_v0_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_automod","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_autorefresh","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rito_upstream_deadlines","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"textshots_userid","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"available_annual_plan","valueType":{"__typename":"VariantFlagString","value":"2c754bcc2995"}},{"__typename":"VariantFlag","name":"enable_braintree_apple_pay","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_branch_io","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_import","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_premium_tier","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_switch_plan_premium_tier","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sharer_create_post_share_key","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_google_pay","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lo_homepage","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"enable_see_pronouns","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_dynamic_programming_paywall","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_app_flirty_thirty","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_eventstats_event_processing","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_google_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_speechify_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_update_topic_portals_wtf","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"redefined_top_posts","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_two_hour_refresh","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_legacy_feed_in_iceland","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_maim_the_meter","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"disable_partner_program_enrollment","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ranker_v10","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"enable_speechify_widget","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_friend_links_postpage_banners","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_iceland_nux","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_new_stripe_customers","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"reengagement_notification_duration","valueType":{"__typename":"VariantFlagNumber","value":3}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_all_recs_surfaces","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_friend_links_creation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_rating_prompt_stories_read_threshold","valueType":{"__typename":"VariantFlagNumber","value":2}},{"__typename":"VariantFlag","name":"browsable_stream_config_bucket","valueType":{"__typename":"VariantFlagString","value":"curated-topics"}},{"__typename":"VariantFlag","name":"can_send_tips_v0","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_bg_post_post","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_client","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_iceland_forced_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"num_post_bottom_responses_to_show","valueType":{"__typename":"VariantFlagNumber","value":1}},{"__typename":"VariantFlag","name":"enable_seamless_social_sharing","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_update_explore_wtf","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_recirc_model","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"goliath_externalsearch_enable_comment_deindexation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_group_gifting","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_billing_frequency_on_step2","valueType":{"__typename":"VariantFlagString","value":"group_1"}},{"__typename":"VariantFlag","name":"enable_mastodon_avatar_upload","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"signin_services","valueType":{"__typename":"VariantFlagString","value":"twitter,facebook,google,email,google-fastidv,google-one-tap,apple"}},{"__typename":"VariantFlag","name":"enable_tipping_v0_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"limit_post_referrers","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_annual_premium_plan","valueType":{"__typename":"VariantFlagString","value":"4a442ace1476"}},{"__typename":"VariantFlag","name":"mobile_custom_app_icon","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"coronavirus_topic_recirc","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_author_cards_byline","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_new_manage_membership_flow","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_pill_based_home_feed","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_editor_new_publishing_flow","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_explicit_signals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_c","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_recommended_publishers_query","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_miro_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_entities_to_follow_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_recaptcha_enterprise","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"glyph_font_set","valueType":{"__typename":"VariantFlagString","value":"m2-unbound-source-serif-pro"}},{"__typename":"VariantFlag","name":"enable_bayesian_average_pub_search","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"price_smoke_test_monthly","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"enable_apple_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_deprecate_legacy_providers_v3","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"onboarding_tags_from_top_views","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"can_receive_tips_v0","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_diversification_rex","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_abandoned_cart_promotion_email","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_boost_nia_v01","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_verifications_service","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_aurora_pub_follower_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_medium2_kbfd","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_social_share_sheet","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_explicit_signals_updated_post_previews","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_remove_twitter_onboarding_step","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"reader_fair_distribution_non_qp","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"allow_access","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_dynamic_aspirational_paywall","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_offline_reading","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_archive_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_verified_author","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_newsletter_lo_flow_custom_domains","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_starspace","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"limit_user_follows","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"price_smoke_test_yearly","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"enable_creator_welcome_email","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pre_pp_v4","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_paypal","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_lock_responses","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"rex_generator_max_candidates","valueType":{"__typename":"VariantFlagNumber","value":1000}},{"__typename":"VariantFlag","name":"enable_conversion_model_v2","valueType":{"__typename":"VariantFlagString","value":"group_2"}},{"__typename":"VariantFlag","name":"available_monthly_plan","valueType":{"__typename":"VariantFlagString","value":"60e220181034"}},{"__typename":"VariantFlag","name":"enable_cache_less_following_feed","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_footer_app_buttons","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_homepage","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_for_members_username_selection","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"skip_fs_cache_user_vals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_aggregator_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_topic_portals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_monthly_premium_plan","valueType":{"__typename":"VariantFlagString","value":"12a660186432"}},{"__typename":"VariantFlag","name":"enable_auto_follow_on_subscribe","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_intrinsic_automatic_actions","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_offline_reading","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ml_rank_rex_anno","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_premium_tier_badge","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_marketing_emails","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_first_story","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tick_landing_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_continue_this_thread","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_publication_hierarchy_web","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_conversion_ranker_v2","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"enable_sprig","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_verified_book_author","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_members_only_audio","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_reading_history","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_integration","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_friend_links_creation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_simplified_digest_v2_b","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_susi_redesign_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_configure_pronouns","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_apple_sign_in","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_response_markup","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_author_cards","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_google_one_tap","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pp_v4","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_easy_resubscribe","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_new_push_notification_endpoint","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_in_app_free_trial","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_dynamic_paywall_programming","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_server_upstream_deadlines","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_susi_redesign_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_syntax_highlight","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_for_members","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tribute_landing_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_display_paywall_after_onboarding","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_trial_membership","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_dynamic_paywall_aspiriational","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"allow_signup","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_friend_links_postpage_banners","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"allow_test_auth","valueType":{"__typename":"VariantFlagString","value":"disallow"}},{"__typename":"VariantFlag","name":"android_enable_image_sharer","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pp_country_expansion","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sharer_validate_post_share_key","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_updated_pub_recs_ui","valueType":{"__typename":"VariantFlagBoolean","value":true}}],"collectionByDomainOrSlug({\"domainOrSlug\":\"design.zeta.in\"})":{"__ref":"Collection:b1d9ef1bb1cd"},"postResult({\"id\":\"c20e4a23447c\"})":{"__ref":"Post:c20e4a23447c"}},"Collection:b1d9ef1bb1cd":{"__typename":"Collection","id":"b1d9ef1bb1cd","customStyleSheet":null,"colorPalette":{"__typename":"ColorPalette","highlightSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FFFFFFFF","colorPoints":[{"__typename":"ColorPoint","color":"#FFF8EEFF","point":0},{"__typename":"ColorPoint","color":"#FFF7ECFF","point":0.1},{"__typename":"ColorPoint","color":"#FFF6E9FF","point":0.2},{"__typename":"ColorPoint","color":"#FFF5E6FF","point":0.3},{"__typename":"ColorPoint","color":"#FFF4E4FF","point":0.4},{"__typename":"ColorPoint","color":"#FFF3E1FF","point":0.5},{"__typename":"ColorPoint","color":"#FFF1DEFF","point":0.6},{"__typename":"ColorPoint","color":"#FFF0DBFF","point":0.7},{"__typename":"ColorPoint","color":"#FFEFD9FF","point":0.8},{"__typename":"ColorPoint","color":"#FFEED6FF","point":0.9},{"__typename":"ColorPoint","color":"#FFEDD3FF","point":1}]},"defaultBackgroundSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FFFFFFFF","colorPoints":[{"__typename":"ColorPoint","color":"#FF9474C6","point":0},{"__typename":"ColorPoint","color":"#FF896CB6","point":0.1},{"__typename":"ColorPoint","color":"#FF7E65A6","point":0.2},{"__typename":"ColorPoint","color":"#FF735D96","point":0.3},{"__typename":"ColorPoint","color":"#FF685586","point":0.4},{"__typename":"ColorPoint","color":"#FF5C4C76","point":0.5},{"__typename":"ColorPoint","color":"#FF504366","point":0.6},{"__typename":"ColorPoint","color":"#FF443956","point":0.7},{"__typename":"ColorPoint","color":"#FF382F46","point":0.8},{"__typename":"ColorPoint","color":"#FF2A2435","point":0.9},{"__typename":"ColorPoint","color":"#FF1C1824","point":1}]},"tintBackgroundSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FF4B2878","colorPoints":[{"__typename":"ColorPoint","color":"#FF4B2878","point":0},{"__typename":"ColorPoint","color":"#FF61448C","point":0.1},{"__typename":"ColorPoint","color":"#FF765D9E","point":0.2},{"__typename":"ColorPoint","color":"#FF8A73AF","point":0.3},{"__typename":"ColorPoint","color":"#FF9D89BE","point":0.4},{"__typename":"ColorPoint","color":"#FFB09DCD","point":0.5},{"__typename":"ColorPoint","color":"#FFC1B1DB","point":0.6},{"__typename":"ColorPoint","color":"#FFD3C4E8","point":0.7},{"__typename":"ColorPoint","color":"#FFE4D7F5","point":0.8},{"__typename":"ColorPoint","color":"#FFF4E9FF","point":0.9},{"__typename":"ColorPoint","color":"#FFFFFBFF","point":1}]}},"favicon":{"__ref":"ImageMetadata:1*7FG4sDTdzgBNYQL3onKlXQ.png"},"domain":"design.zeta.in","slug":"zeta-design","googleAnalyticsId":null,"editors":[{"__typename":"CollectionMastheadUserItem","user":{"__ref":"User:c89f0f029bca"}},{"__typename":"CollectionMastheadUserItem","user":{"__ref":"User:4acc1a4e4abb"}}],"name":"Zeta Design","avatar":{"__ref":"ImageMetadata:1*7FG4sDTdzgBNYQL3onKlXQ.png"},"description":"Perspectives on designing & building digital products for India","subscriberCount":2026,"latestPostsConnection({\"paging\":{\"limit\":1}})":{"__typename":"PostConnection","posts":[{"__ref":"Post:b107f857e142"}]},"viewerEdge":{"__ref":"CollectionViewerEdge:collectionId:b1d9ef1bb1cd-viewerId:lo_bf65d890e00e"},"twitterUsername":"zetaindia","facebookPageId":null,"logo":{"__ref":"ImageMetadata:1*Vjz4OlxhDF68YL7pwRL-Rg.png"}},"ImageMetadata:1*7FG4sDTdzgBNYQL3onKlXQ.png":{"__typename":"ImageMetadata","id":"1*7FG4sDTdzgBNYQL3onKlXQ.png"},"User:c89f0f029bca":{"__typename":"User","id":"c89f0f029bca"},"User:4acc1a4e4abb":{"__typename":"User","id":"4acc1a4e4abb"},"User:f4782ea9c444":{"__typename":"User","id":"f4782ea9c444","customDomainState":{"__typename":"CustomDomainState","live":{"__typename":"CustomDomain","domain":"creativetechie.medium.com"}},"hasSubdomain":true,"username":"creativetechie","linkedAccounts":{"__ref":"LinkedAccounts:f4782ea9c444"},"isSuspended":false,"imageId":"1*J-JZkSv91jcl5V4pTVwoTg.jpeg","mediumMemberAt":0,"verifications":{"__typename":"VerifiedInfo","isBookAuthor":false},"name":"Aastha Gupta","socialStats":{"__typename":"SocialStats","followerCount":44,"followingCount":28,"collectionFollowingCount":5},"bio":"💸 Building PayZapp @Zeta || 👩🏻💻 MCA || 📚 Mathematics","isPartnerProgramEnrolled":false,"viewerEdge":{"__ref":"UserViewerEdge:userId:f4782ea9c444-viewerId:lo_bf65d890e00e"},"viewerIsUser":false,"newsletterV3":null,"postSubscribeMembershipUpsellShownAt":0,"membership":null,"allowNotes":true,"twitterScreenName":""},"Post:b107f857e142":{"__typename":"Post","id":"b107f857e142","firstPublishedAt":1725604078487,"creator":{"__ref":"User:f4782ea9c444"},"collection":{"__ref":"Collection:b1d9ef1bb1cd"},"isSeries":false,"mediumUrl":"https:\u002F\u002Fdesign.zeta.in\u002Frocket-rides-and-roadmap-navigating-beyond-mvp-b107f857e142","sequence":null,"uniqueSlug":"rocket-rides-and-roadmap-navigating-beyond-mvp-b107f857e142"},"LinkedAccounts:f4782ea9c444":{"__typename":"LinkedAccounts","mastodon":null,"id":"f4782ea9c444"},"UserViewerEdge:userId:f4782ea9c444-viewerId:lo_bf65d890e00e":{"__typename":"UserViewerEdge","id":"userId:f4782ea9c444-viewerId:lo_bf65d890e00e","isFollowing":false,"isUser":false,"isMuting":false},"Paragraph:ebf5145c1972_0":{"__typename":"Paragraph","id":"ebf5145c1972_0","name":"ed7c","type":"H3","href":null,"layout":null,"metadata":null,"text":"Building Unicorn Design System v1.0","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_1":{"__typename":"Paragraph","id":"ebf5145c1972_1","name":"236a","type":"H4","href":null,"layout":null,"metadata":null,"text":"Behind the scenes of embracing every twist and turn into crafting our design system from concept to completion","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*uOfgekIMTmCpWn_u5Nfkzw.png":{"__typename":"ImageMetadata","id":"1*uOfgekIMTmCpWn_u5Nfkzw.png","originalHeight":1244,"originalWidth":2880,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:ebf5145c1972_2":{"__typename":"Paragraph","id":"ebf5145c1972_2","name":"7914","type":"IMG","href":null,"layout":"FULL_WIDTH","metadata":{"__ref":"ImageMetadata:1*uOfgekIMTmCpWn_u5Nfkzw.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_3":{"__typename":"Paragraph","id":"ebf5145c1972_3","name":"291f","type":"P","href":null,"layout":null,"metadata":null,"text":"Remember those childhood dreams of building towering sandcastles, only to have them crumble with the next wave? Yeah, that’s how it felt when we started building our design system. We envisioned a majestic design system, a shining beacon of consistency, but the path was far from a walk on the beach.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_4":{"__typename":"Paragraph","id":"ebf5145c1972_4","name":"3c80","type":"P","href":null,"layout":null,"metadata":null,"text":"Hold onto your pixels, folks, because we’re about to embark on a design system adventure — the story of the Unicorn Design System, UDS 1.0. It’s not a fairy tale with unicorns and rainbows but rather an eventful journey, complete with missteps on muddy boots, surprising turns, and ultimately, a treasure chest of learnings.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_5":{"__typename":"Paragraph","id":"ebf5145c1972_5","name":"2362","type":"H3","href":null,"layout":null,"metadata":null,"text":"Why a Design System?","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_6":{"__typename":"Paragraph","id":"ebf5145c1972_6","name":"f104","type":"PQ","href":null,"layout":null,"metadata":null,"text":"“Every designer crafted interfaces like solo space cowboys, each with their own unique aesthetic and code dialect.”","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"EM","start":0,"end":115,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_7":{"__typename":"Paragraph","id":"ebf5145c1972_7","name":"f90c","type":"P","href":null,"layout":null,"metadata":null,"text":"Imagine a vast digital landscape where every product was an island, its design a lonely castaway. 10+ designers working on the same product, and each crafting their own digital islands, using different colors, font weights and sizes, buttons, layouts, etc. It was like a cacophony of clashing styles that was slowing down development.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_8":{"__typename":"Paragraph","id":"ebf5145c1972_8","name":"ea66","type":"P","href":null,"layout":null,"metadata":null,"text":"Inconsistent buttons, contrasting colors, and navigation patterns that left users scrambling to find their way out — was our reality and we knew it wasn’t sustainable. We needed a single source of truth for our designs to bridge the gap between our brand and the user experience. Enter UDS 1.0, our knight in shining armor, ready to vanquish design chaos and establish a harmonious kingdom of consistency.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_9":{"__typename":"Paragraph","id":"ebf5145c1972_9","name":"da0c","type":"H3","href":null,"layout":null,"metadata":null,"text":"From Sketch to Reality: Building the Bridge One Block at a Time","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_10":{"__typename":"Paragraph","id":"ebf5145c1972_10","name":"8752","type":"P","href":null,"layout":null,"metadata":null,"text":"UDS didn’t happen with the snap of our fingers! It was a collaborative tapestry woven with threads of competitive research, ideation, and relentless iteration.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_11":{"__typename":"Paragraph","id":"ebf5145c1972_11","name":"e452","type":"P","href":null,"layout":null,"metadata":null,"text":"Competitive insights, our compass, guided us through the labyrinth of possibilities. Ideation, the sculptor’s chisel, shaped each feature with empathy. And with each revision, a user experience haven emerged, not a towering palace yet, but a haven crafted with meticulous care.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_12":{"__typename":"Paragraph","id":"ebf5145c1972_12","name":"a761","type":"P","href":null,"layout":null,"metadata":null,"text":"In July 2021, with a never-ending feature list and the product’s launch mere weeks away, two intrepid souls were tasked with birthing UDS 1.0. One month. Two of us. An entire design system to be created from scratch. A recipe for chaos, right? Wrong. We were digital MacGyvers, ready to transform this mess into a masterpiece.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_13":{"__typename":"Paragraph","id":"ebf5145c1972_13","name":"7c9f","type":"P","href":null,"layout":null,"metadata":null,"text":"We dove headfirst into the tangled web of our design mess, deciphering undocumented practices, and unearthing inconsistencies. Like forensic experts at a crime scene, we meticulously audited, inventoried, analyzed, and documented every pixel and every practice. From tangled wilderness to user haven, we transmuted chaos into design principles with accessibility as our guiding light, and user-friendliness, our unwavering sword.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*e4PHbAHPKE117XVm9wYrUA.png":{"__typename":"ImageMetadata","id":"1*e4PHbAHPKE117XVm9wYrUA.png","originalHeight":2100,"originalWidth":4800,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:ebf5145c1972_14":{"__typename":"Paragraph","id":"ebf5145c1972_14","name":"97e3","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*e4PHbAHPKE117XVm9wYrUA.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_15":{"__typename":"Paragraph","id":"ebf5145c1972_15","name":"6655","type":"P","href":null,"layout":null,"metadata":null,"text":"Next, we built the fortress: a foundation and a component library, a smorgasbord of UI atoms, each gleaming with purpose. Think of it like Legos for designers, but infinitely cooler and more pixel-perfect.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_16":{"__typename":"Paragraph","id":"ebf5145c1972_16","name":"cf40","type":"H3","href":null,"layout":null,"metadata":null,"text":"Navigating the Rough Waters: The Challenges","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_17":{"__typename":"Paragraph","id":"ebf5145c1972_17","name":"e0d0","type":"P","href":null,"layout":null,"metadata":null,"text":"Did we underestimate the sheer scope of this beast? You bet. Did communication breakdowns lead to rogue design decisions? Oh yes, the horror. Did technical limitations force us to bend our beautiful principles? Let’s just say we got creative with duct tape.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_18":{"__typename":"Paragraph","id":"ebf5145c1972_18","name":"eea3","type":"P","href":null,"layout":null,"metadata":null,"text":"It wasn’t a development fairytale built with pixels and code. There were times when our self-belief wavered, and the future appeared shrouded in mystery. And let’s not forget the occasional (friendly) design brawl over the perfect shade of blue .We stumbled upon challenges that tested our resolve. Documentation fatigue, competing priorities, and the perpetual fear of “getting it wrong” were just a few of the many roadblocks we encountered.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_19":{"__typename":"Paragraph","id":"ebf5145c1972_19","name":"b61b","type":"P","href":null,"layout":null,"metadata":null,"text":"We faced some challenges like:","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_20":{"__typename":"Paragraph","id":"ebf5145c1972_20","name":"6400","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Scalability and token usage: Wrangling token usage and making the designs scalable was a design tightrope walk.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":29,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_21":{"__typename":"Paragraph","id":"ebf5145c1972_21","name":"47e4","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Adoption: Convincing the team to ditch their beloved go-to designs for the “system way” required diplomacy and killer demos.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":9,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_22":{"__typename":"Paragraph","id":"ebf5145c1972_22","name":"ab10","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Porting all the existing designs: Converting every single element on the designs to a design system component or foundation element. Ah! It was the most time consuming and tedious task ever.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":33,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_23":{"__typename":"Paragraph","id":"ebf5145c1972_23","name":"30b6","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Buy-in blues: Convincing everyone to embrace a new design system wasn’t easy. We had to scream from the rooftops about the efficiency and the beauty of UDS.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":13,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_24":{"__typename":"Paragraph","id":"ebf5145c1972_24","name":"d108","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Maintaining Consistency: Keeping a living, breathing design system consistent across teams and projects required constant vigilance and collaboration.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":25,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_25":{"__typename":"Paragraph","id":"ebf5145c1972_25","name":"7bd0","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Documentation Dilemmas: Keeping docs in sync with evolving components was a constant struggle. Versioning and feedback loops became the key to streamlining this critical but cumbersome task.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":23,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_26":{"__typename":"Paragraph","id":"ebf5145c1972_26","name":"f7dc","type":"P","href":null,"layout":null,"metadata":null,"text":"And finally it was Evolution — How do you keep a living, breathing design system relevant in a constantly changing tech landscape?","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_27":{"__typename":"Paragraph","id":"ebf5145c1972_27","name":"5309","type":"P","href":null,"layout":null,"metadata":null,"text":"We learned the importance of agile adaptation, the power of community feedback, and the need to prioritize user needs above all else. We gradually learned to embrace iteration, continuously tweaking and updating UDS 1.0 based on user feedback and real-world usage.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_28":{"__typename":"Paragraph","id":"ebf5145c1972_28","name":"e096","type":"H3","href":null,"layout":null,"metadata":null,"text":"Learnings: The Wisdom of the Maestro","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_29":{"__typename":"Paragraph","id":"ebf5145c1972_29","name":"4c15","type":"P","href":null,"layout":null,"metadata":null,"text":"Every bump in the road, every heated debate, yielded a glittering gem — a lesson learned, a process improved. We learned the importance of iterative development, not diving headfirst into assumptions. Instead of clinging to rigid design principles, we thrived on flexibility. We viewed them as guiding lights, not limitations.Most importantly, we discovered the power of collaboration, building bridges between design, development, and all points in between.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*b9VPjpHTZdp2pJ2C9oo5Jg.png":{"__typename":"ImageMetadata","id":"1*b9VPjpHTZdp2pJ2C9oo5Jg.png","originalHeight":3000,"originalWidth":4800,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:ebf5145c1972_30":{"__typename":"Paragraph","id":"ebf5145c1972_30","name":"9083","type":"IMG","href":null,"layout":"INSET_CENTER","metadata":{"__ref":"ImageMetadata:1*b9VPjpHTZdp2pJ2C9oo5Jg.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_31":{"__typename":"Paragraph","id":"ebf5145c1972_31","name":"1f87","type":"P","href":null,"layout":null,"metadata":null,"text":"Our key learnings were:","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_32":{"__typename":"Paragraph","id":"ebf5145c1972_32","name":"c15b","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Start small, iterate fast: Incremental progress is the way because even Rome wasn’t built in a day.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":26,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_33":{"__typename":"Paragraph","id":"ebf5145c1972_33","name":"0fbd","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Community inputs, collective effort: Ownership and shared responsibility, ensures everyone has a voice in the design symphony.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":37,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_34":{"__typename":"Paragraph","id":"ebf5145c1972_34","name":"6b91","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Collaboration is key: Design systems thrive on teamwork, not solo acts.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":22,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_35":{"__typename":"Paragraph","id":"ebf5145c1972_35","name":"307c","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Continuous improvement: UDS is a constantly evolving organism. Embrace change and adapt to new technologies and trends.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":23,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_36":{"__typename":"Paragraph","id":"ebf5145c1972_36","name":"4b14","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Documentation is your friend: Clear, up-to-date docs are the lifeline of your system.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"STRONG","start":0,"end":29,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_37":{"__typename":"Paragraph","id":"ebf5145c1972_37","name":"d378","type":"H3","href":null,"layout":null,"metadata":null,"text":"From Dust to Diamonds: Transforming Learnings into UDS 2.0","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_38":{"__typename":"Paragraph","id":"ebf5145c1972_38","name":"3d84","type":"P","href":null,"layout":null,"metadata":null,"text":"UDS 1.0 wasn’t the architectural marvel we initially envisioned, but it functioned as a sturdy bridge, leading us to exciting possibilities. We’re building upon this foundation, not demolishing it. After all, even a shaky bridge can lead us to breathtaking views. It paved the way for a smoother, more efficient design process, improved brand consistency, and ultimately, a better user experience. And now, with those learnings in hand, we’re embarking on the next chapter: UDS 2.0.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_39":{"__typename":"Paragraph","id":"ebf5145c1972_39","name":"623a","type":"P","href":null,"layout":null,"metadata":null,"text":"It was not about starting from scratch, but about iterating on the foundations we laid, leveraging our experience and learnings into a robust, scalable, accessible, and user-centric system. We’re incorporating our learnings, expanding our component library, and automating processes, so designers and developers can spend less time wrangling components and more time coming up with creative solutions. And, most importantly, we’re democratizing design, empowering everyone to build amazing experiences using the UDS 2.0 toolkit. It’s like taking the original design symphony and adding a whole new orchestra of possibilities!","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_40":{"__typename":"Paragraph","id":"ebf5145c1972_40","name":"0271","type":"P","href":null,"layout":null,"metadata":null,"text":"The path to design Utopia is rarely straight. So, what’s the takeaway? Building a design system isn’t a fairytale ending. It’s a messy, exhilarating journey filled with stumbles and triumphs.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_41":{"__typename":"Paragraph","id":"ebf5145c1972_41","name":"4611","type":"P","href":null,"layout":null,"metadata":null,"text":"But with each step, we learn, we adapt, and we build something stronger, something more human-centered. Embrace the stumbles, learn from the falls, and keep your eyes on the horizon. Because even if your design system isn’t born perfect, with a little grit and a lot of learning, it can become your magnum opus.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_42":{"__typename":"Paragraph","id":"ebf5145c1972_42","name":"7983","type":"P","href":null,"layout":null,"metadata":null,"text":"P.S. The story of UDS isn’t over yet. Each success and misstep is a stepping stone, propelling us forward in a never-ending cycle of development. We’ve faced challenges, celebrated victories, and learned a heap of valuable lessons. And with UDS 2.0, we’re ready to warp speed into the future, crafting more cohesive, user-centric experiences.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_43":{"__typename":"Paragraph","id":"ebf5145c1972_43","name":"abc2","type":"P","href":null,"layout":null,"metadata":null,"text":"So, fasten your seat belts, and get ready to join us on the next leg of the UDS adventure!","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:ebf5145c1972_44":{"__typename":"Paragraph","id":"ebf5145c1972_44","name":"9d41","type":"P","href":null,"layout":null,"metadata":null,"text":"I extend my heartfelt gratitude to Ramakrishna V and Anoop Sethumadhavan for entrusting me with the ownership of UDS. Kudos to Vishnu Ko for being a great and reliable team mate to help build this design system in just 2 months. Thank you to Swathi shree raja for her diligent proofreading and unwavering support in refining this blog to its best. 😄","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":35,"end":48,"href":null,"anchorType":"USER","userId":"e2b1ef30fdc0","linkMetadata":null},{"__typename":"Markup","type":"A","start":53,"end":72,"href":null,"anchorType":"USER","userId":"57935a772c52","linkMetadata":null},{"__typename":"Markup","type":"A","start":127,"end":136,"href":null,"anchorType":"USER","userId":"66128a75305e","linkMetadata":null},{"__typename":"Markup","type":"A","start":242,"end":259,"href":null,"anchorType":"USER","userId":"48953f9c40e9","linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"CollectionViewerEdge:collectionId:b1d9ef1bb1cd-viewerId:lo_bf65d890e00e":{"__typename":"CollectionViewerEdge","id":"collectionId:b1d9ef1bb1cd-viewerId:lo_bf65d890e00e","isEditor":false,"isMuting":false},"ImageMetadata:1*Vjz4OlxhDF68YL7pwRL-Rg.png":{"__typename":"ImageMetadata","id":"1*Vjz4OlxhDF68YL7pwRL-Rg.png","originalWidth":600,"originalHeight":120},"PostViewerEdge:postId:c20e4a23447c-viewerId:lo_bf65d890e00e":{"__typename":"PostViewerEdge","shouldIndexPostForExternalSearch":true,"id":"postId:c20e4a23447c-viewerId:lo_bf65d890e00e"},"Tag:design-systems":{"__typename":"Tag","id":"design-systems","displayTitle":"Design Systems","normalizedTagSlug":"design-systems"},"Tag:designops":{"__typename":"Tag","id":"designops","displayTitle":"Designops","normalizedTagSlug":"designops"},"Tag:design":{"__typename":"Tag","id":"design","displayTitle":"Design","normalizedTagSlug":"design"},"Tag:ux":{"__typename":"Tag","id":"ux","displayTitle":"UX","normalizedTagSlug":"ux"},"Tag:collaboration":{"__typename":"Tag","id":"collaboration","displayTitle":"Collaboration","normalizedTagSlug":"collaboration"},"Post:c20e4a23447c":{"__typename":"Post","id":"c20e4a23447c","collection":{"__ref":"Collection:b1d9ef1bb1cd"},"content({\"postMeteringOptions\":{}})":{"__typename":"PostContent","isLockedPreviewOnly":false,"bodyModel":{"__typename":"RichText","sections":[{"__typename":"Section","name":"18c1","startIndex":0,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"238e","startIndex":40,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null}],"paragraphs":[{"__ref":"Paragraph:ebf5145c1972_0"},{"__ref":"Paragraph:ebf5145c1972_1"},{"__ref":"Paragraph:ebf5145c1972_2"},{"__ref":"Paragraph:ebf5145c1972_3"},{"__ref":"Paragraph:ebf5145c1972_4"},{"__ref":"Paragraph:ebf5145c1972_5"},{"__ref":"Paragraph:ebf5145c1972_6"},{"__ref":"Paragraph:ebf5145c1972_7"},{"__ref":"Paragraph:ebf5145c1972_8"},{"__ref":"Paragraph:ebf5145c1972_9"},{"__ref":"Paragraph:ebf5145c1972_10"},{"__ref":"Paragraph:ebf5145c1972_11"},{"__ref":"Paragraph:ebf5145c1972_12"},{"__ref":"Paragraph:ebf5145c1972_13"},{"__ref":"Paragraph:ebf5145c1972_14"},{"__ref":"Paragraph:ebf5145c1972_15"},{"__ref":"Paragraph:ebf5145c1972_16"},{"__ref":"Paragraph:ebf5145c1972_17"},{"__ref":"Paragraph:ebf5145c1972_18"},{"__ref":"Paragraph:ebf5145c1972_19"},{"__ref":"Paragraph:ebf5145c1972_20"},{"__ref":"Paragraph:ebf5145c1972_21"},{"__ref":"Paragraph:ebf5145c1972_22"},{"__ref":"Paragraph:ebf5145c1972_23"},{"__ref":"Paragraph:ebf5145c1972_24"},{"__ref":"Paragraph:ebf5145c1972_25"},{"__ref":"Paragraph:ebf5145c1972_26"},{"__ref":"Paragraph:ebf5145c1972_27"},{"__ref":"Paragraph:ebf5145c1972_28"},{"__ref":"Paragraph:ebf5145c1972_29"},{"__ref":"Paragraph:ebf5145c1972_30"},{"__ref":"Paragraph:ebf5145c1972_31"},{"__ref":"Paragraph:ebf5145c1972_32"},{"__ref":"Paragraph:ebf5145c1972_33"},{"__ref":"Paragraph:ebf5145c1972_34"},{"__ref":"Paragraph:ebf5145c1972_35"},{"__ref":"Paragraph:ebf5145c1972_36"},{"__ref":"Paragraph:ebf5145c1972_37"},{"__ref":"Paragraph:ebf5145c1972_38"},{"__ref":"Paragraph:ebf5145c1972_39"},{"__ref":"Paragraph:ebf5145c1972_40"},{"__ref":"Paragraph:ebf5145c1972_41"},{"__ref":"Paragraph:ebf5145c1972_42"},{"__ref":"Paragraph:ebf5145c1972_43"},{"__ref":"Paragraph:ebf5145c1972_44"}]},"validatedShareKey":"","shareKeyCreator":null},"creator":{"__ref":"User:f4782ea9c444"},"inResponseToEntityType":null,"isLocked":false,"isMarkedPaywallOnly":false,"lockedSource":"LOCKED_POST_SOURCE_NONE","mediumUrl":"https:\u002F\u002Fdesign.zeta.in\u002Fbuilding-unicorn-design-system-v1-0-c20e4a23447c","primaryTopic":null,"topics":[{"__typename":"Topic","slug":"design"}],"isPublished":true,"latestPublishedVersion":"ebf5145c1972","visibility":"PUBLIC","postResponses":{"__typename":"PostResponses","count":1},"clapCount":159,"allowResponses":true,"isLimitedState":false,"title":"Building Unicorn Design System v1.0 🦄","isSeries":false,"sequence":null,"uniqueSlug":"building-unicorn-design-system-v1-0-c20e4a23447c","socialTitle":"","socialDek":"","canonicalUrl":"","metaDescription":"","latestPublishedAt":1710918630143,"readingTime":5.742452830188679,"previewContent":{"__typename":"PreviewContent","subtitle":"Behind the scenes of embracing every twist and turn into crafting our design system from concept to completion"},"previewImage":{"__ref":"ImageMetadata:1*uOfgekIMTmCpWn_u5Nfkzw.png"},"isShortform":false,"seoTitle":"","firstPublishedAt":1710918630143,"updatedAt":1710918635871,"shortformType":"SHORTFORM_TYPE_LINK","seoDescription":"","viewerEdge":{"__ref":"PostViewerEdge:postId:c20e4a23447c-viewerId:lo_bf65d890e00e"},"isSuspended":false,"license":"ALL_RIGHTS_RESERVED","tags":[{"__ref":"Tag:design-systems"},{"__ref":"Tag:designops"},{"__ref":"Tag:design"},{"__ref":"Tag:ux"},{"__ref":"Tag:collaboration"}],"isNewsletter":false,"statusForCollection":"APPROVED","pendingCollection":null,"detectedLanguage":"en","wordCount":1376,"layerCake":0,"responsesLocked":false}}</script><script src="https://cdn-client.medium.com/lite/static/js/manifest.aa9242f7.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.e556b4ac.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/9120.5df29668.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/6618.db187378.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/5787.e66a3a4d.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/3104.c3413b66.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.8ad8a900.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6546.cd03f950.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/7346.72622eb9.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2420.2a5e2d95.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/839.ca7937c2.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7975.d195c6f1.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2106.21ff89d3.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7394.094844de.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2961.00a48598.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8204.c4082863.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/4391.59acaed3.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/PostPage.MainContent.1387c5dc.chunk.js"></script><script>window.main();</script></body></html>