1<!DOCTYPE html><html lang="en" prefix="og: http://ogp.me/ns#"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.14.5"/><meta name="theme-color" content="#666"/><meta data-react-helmet="true" name="title" content="Portfolio of Design Systems Projects: Tailored Solutions by Varya Stepanova"/><meta data-react-helmet="true" name="description" content="Explore Varya Stepanova's portfolio of design systems projects, showcasing her expertise in creating, enhancing, and managing scalable systems across various industries. See how Varya's tailored solutions drive innovation, efficiency, and seamless collaboration."/><meta data-react-helmet="true" property="og:url" content="https://varya.me/"/><meta data-react-helmet="true" property="og:title" content="Portfolio of Design Systems Projects: Tailored Solutions by Varya Stepanova"/><meta data-react-helmet="true" property="og:description" content="Explore Varya Stepanova's portfolio of design systems projects, showcasing her expertise in creating, enhancing, and managing scalable systems across various industries. See how Varya's tailored solutions drive innovation, efficiency, and seamless collaboration."/><meta data-react-helmet="true" property="og:image" content="https://varya.me/preview/projects.jpg"/><meta data-react-helmet="true" property="og:image:alt" content="Portfolio of Design Systems Projects: Tailored Solutions by Varya Stepanova"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" property="og:site_name" content="Varya.me"/><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"/><meta data-react-helmet="true" name="twitter:creator" content="varya_en"/><meta data-react-helmet="true" name="twitter:site" content="@varya_en"/><meta data-react-helmet="true" name="twitter:title" content="Portfolio of Design Systems Projects: Tailored Solutions by Varya Stepanova"/><meta data-react-helmet="true" name="twitter:description" content="Explore Varya Stepanova's portfolio of design systems projects, showcasing her expertise in creating, enhancing, and managing scalable systems across various industries. See how Varya's tailored solutions drive innovation, efficiency, and seamless collaboration."/><meta data-react-helmet="true" name="twitter:image" content="https://varya.me/preview/projects.jpg"/><meta data-react-helmet="true" name="twitter:image:alt" content="Portfolio of Design Systems Projects: Tailored Solutions by Varya Stepanova"/><style data-href="/styles.ee16cec6d74bc7dd7d1f.css" data-identity="gatsby-global-css">.gatsby-highlight{background:#faf9f6;border:1px solid rgba(0,0,0,.1);border-radius:8px;margin:24px 0;overflow:hidden;position:relative}.gatsby-highlight pre[class*=language-]{-webkit-font-smoothing:subpixel-antialiased;background:transparent;color:rgba(0,0,0,.85);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.6;margin:0;overflow-x:auto;padding:18px 22px;text-shadow:none}.gatsby-highlight code[class*=language-]{background:transparent;color:inherit;font-family:inherit;font-size:inherit;padding:0;text-shadow:none}.gatsby-highlight[data-language]:before{background:hsla(45,29%,97%,.85);border-bottom-left-radius:4px;color:rgba(0,0,0,.35);content:attr(data-language);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;letter-spacing:.08em;padding:2px 4px;pointer-events:none;position:absolute;right:12px;text-transform:uppercase;top:6px}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:rgba(0,0,0,.45);font-style:italic}.token.operator,.token.punctuation{color:rgba(0,0,0,.55)}.token.atrule,.token.boolean,.token.builtin,.token.important,.token.keyword{color:#ec4e4b;font-weight:500}.token.attr-value,.token.char,.token.regex,.token.string,.token.url{color:#7a5d2b}.token.hexcode,.token.number,.token.symbol{color:#b8861f}.token.class-name,.token.function,.token.tag{color:#145aa5}.token.attr-name,.token.namespace,.token.property,.token.selector{color:#0067bb}.token.parameter,.token.variable{color:rgba(0,0,0,.85)}.token.deleted{background:rgba(236,78,75,.08);color:#be3c3a}.token.inserted{color:#268a5a}.token.bold{font-weight:600}.token.italic{font-style:italic}:not(pre)>code:not([class]),:not(pre)>code[class*=language-]{background:rgba(0,0,0,.05);border-radius:4px;color:rgba(0,0,0,.85);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.92em;padding:2px 6px;white-space:nowrap}</style><style type="text/css"> 2 .anchor.before { 3 position: absolute; 4 top: 0; 5 left: 0; 6 transform: translateX(-100%); 7 padding-right: 4px; 8 } 9 .anchor.after { 10 display: inline-block; 11 padding-left: 4px; 12 } 13 h1 .anchor svg, 14 h2 .anchor svg, 15 h3 .anchor svg, 16 h4 .anchor svg, 17 h5 .anchor svg, 18 h6 .anchor svg { 19 visibility: hidden; 20 } 21 h1:hover .anchor svg, 22 h2:hover .anchor svg, 23 h3:hover .anchor svg, 24 h4:hover .anchor svg, 25 h5:hover .anchor svg, 26 h6:hover .anchor svg, 27 h1 .anchor:focus svg, 28 h2 .anchor:focus svg, 29 h3 .anchor:focus svg, 30 h4 .anchor:focus svg, 31 h5 .anchor:focus svg, 32 h6 .anchor:focus svg { 33 visibility: visible; 34 } 35 </style>
35<script> 36 document.addEventListener("DOMContentLoaded", function(event) { 37 var hash = window.decodeURI(location.hash.replace('#', '')) 38 if (hash !== '') { 39 var element = document.getElementById(hash) 40 if (element) { 41 var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop 42 var clientTop = document.documentElement.clientTop || document.body.clientTop || 0 43 var offset = element.getBoundingClientRect().top + scrollTop - clientTop 44 // Wait for the browser to finish rendering before scrolling. 45 setTimeout((function() { 46 window.scrollTo(0, offset - 0) 47 }), 0) 48 } 49 } 50 }) 51 </script>
51<link rel="preconnect" href="https://www.google-analytics.com"/><link rel="dns-prefetch" href="https://www.google-analytics.com"/><link rel="manifest" href="/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="48x48" href="/icons/icon-48x48.png"/><link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png"/><link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png"/><link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png"/><link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png"/><link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png"/><link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png"/><style>.gatsby-image-wrapper{position:relative;overflow:hidden}.gatsby-image-wrapper picture.object-fit-polyfill{position:static!important}.gatsby-image-wrapper img{bottom:0;height:100%;left:0;margin:0;max-width:none;padding:0;position:absolute;right:0;top:0;width:100%;object-fit:cover}.gatsby-image-wrapper [data-main-image]{opacity:0;transform:translateZ(0);transition:opacity .25s linear;will-change:opacity}.gatsby-image-wrapper-constrained{display:inline-block;vertical-align:top}</style><noscript><style>.gatsby-image-wrapper noscript [data-main-image]{opacity:1!important}.gatsby-image-wrapper [data-placeholder-image]{opacity:0!important}</style></noscript>
51<script type="module">const e="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;e&&document.body.addEventListener("load",(function(e){const t=e.target;if(void 0===t.dataset.mainImage)return;if(void 0===t.dataset.gatsbyImageSsr)return;let a=null,n=t;for(;null===a&&n;)void 0!==n.parentNode.dataset.gatsbyImageWrapper&&(a=n.parentNode),n=n.parentNode;const o=a.querySelector("[data-placeholder-image]"),r=new Image;r.src=t.currentSrc,r.decode().catch((()=>{})).then((()=>{t.style.opacity=1,o&&(o.style.opacity=0,o.style.transition="opacity 500ms linear")}))}),!0);</script>
51<style data-styled="" data-styled-version="5.3.9">.dsbLZb{display:inline-block;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:24px;height:24px;fill:#999999;stroke:#999999;}/*!sc*/ 52.dsbLZb g{fill:inherit;stroke:inherit;}/*!sc*/ 53.dsbLZb *:not([stroke])[fill="none"]{stroke-width:0;}/*!sc*/ 54.dsbLZb *[stroke*="#"],.dsbLZb *[STROKE*="#"]{stroke:inherit;fill:none;}/*!sc*/ 55.dsbLZb *[fill-rule],.dsbLZb *[FILL-RULE],.dsbLZb *[fill*="#"],.dsbLZb *[FILL*="#"]{fill:inherit;stroke:none;}/*!sc*/ 56data-styled.g1[id="StyledIcon-sc-ofa7kd-0"]{content:"dsbLZb,"}/*!sc*/ 57.gWURRm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;}/*!sc*/ 58.hApVWr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;min-width:0;min-height:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;box-shadow:0px 4px 8px rgba(0,0,0,0.20);}/*!sc*/ 59.jSZCgh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;margin-left:auto;margin-right:auto;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:0;min-height:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:62px;width:1152px;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:24px;}/*!sc*/ 60@media only screen and (max-width:768px){.jSZCgh{margin-left:auto;margin-right:auto;}}/*!sc*/ 61@media only screen and (max-width:768px){.jSZCgh{padding:12px;}}/*!sc*/ 62.bBrDnJ{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;min-width:0;min-height:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}/*!sc*/ 63.fBFybi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:0;min-height:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}/*!sc*/ 64.lgORXh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}/*!sc*/ 65.jMTsBx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:90%;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;overflow:auto;}/*!sc*/ 66.lmWAys{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;padding-bottom:24px;}/*!sc*/ 67@media only screen and (max-width:768px){.lmWAys{padding-bottom:12px;}}/*!sc*/ 68.aMZxl{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;color:rgba(0,0,0,0.85);min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:192px;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}/*!sc*/ 69.dGjdyR{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-pack:justify;
69-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}/*!sc*/ 70.EoZsu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;margin-left:auto;margin-right:auto;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:1152px;padding:24px;}/*!sc*/ 71@media only screen and (max-width:768px){.EoZsu{margin-left:auto;margin-right:auto;}}/*!sc*/ 72@media only screen and (max-width:768px){.EoZsu{padding:12px;}}/*!sc*/ 73.jwKtGS{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;min-width:0;min-height:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;padding:24px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}/*!sc*/ 74@media only screen and (max-width:768px){.jwKtGS{padding:12px;}}/*!sc*/ 75.dHRsuC{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;background-color:#f8d179;color:rgba(0,0,0,0.85);min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;padding:24px;}/*!sc*/ 76@media only screen and (max-width:768px){.dHRsuC{padding:12px;}}/*!sc*/ 77.fcpDwW{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ 78.doopBs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:auto;width:100%;overflow:hidden;}/*!sc*/ 79.lTAys{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ 80.lcDNST{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;background-color:#85D8F3;color:rgba(0,0,0,0.85);min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;padding:24px;}/*!sc*/ 81@media only screen and (max-width:768px){.lcDNST{padding:12px;}}/*!sc*/ 82.cmPWmq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;background-color:rgb(236,78,75,1);color:#ffffff;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;padding:24px;}/*!sc*/ 83@media only screen and (max-width:768px){.cmPWmq{padding:12px;}}/*!sc*/ 84.ePEhED{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#F8F8F8;color:rgba(0,0,0,0.85);min-width:0;min-height:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:24px;}/*!sc*/ 85@media only screen and (max-width:768px){.ePEhED{padding:12px;}}/*!sc*/ 86.jdUIdr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;margin-left:auto;margin-right:auto;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:1152px;}/*!sc*/ 87@media only screen and (max-width:768px){.jdUIdr{margin-left:auto;margin-right:auto;}}/*!sc*/ 88.gcmZlt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;grid-area:call-to-action;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:0;min-height:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}/*!sc*/ 89.dgCBlg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;grid-area:button;margin:24px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:24px;}/*!sc*/ 90@media only screen and (max-width:768px){.dgCBlg{margin:12px;}}/*!sc*/ 91@media only screen and (max-width:768px){.dgCBlg{padding:12px;}}/*!sc*/ 92.ivtZUt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;grid-area:social;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;
92-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}/*!sc*/ 93.bgosEW{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;background-color:#F8F8F8;color:rgba(0,0,0,0.85);min-width:0;min-height:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/ 94.kUGEXm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;max-width:100%;grid-area:copyright;margin-top:24px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:0;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}/*!sc*/ 95@media only screen and (max-width:768px){.kUGEXm{margin-top:12px;}}/*!sc*/ 96data-styled.g2[id="StyledBox-sc-13pk1d4-0"]{content:"gWURRm,hApVWr,jSZCgh,bBrDnJ,fBFybi,lgORXh,jMTsBx,lmWAys,aMZxl,dGjdyR,EoZsu,jwKtGS,dHRsuC,fcpDwW,doopBs,lTAys,lcDNST,cmPWmq,ePEhED,jdUIdr,gcmZlt,dgCBlg,ivtZUt,bgosEW,kUGEXm,"}/*!sc*/ 97.bMEEsR{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;width:24px;}/*!sc*/ 98@media only screen and (max-width:768px){.bMEEsR{width:12px;}}/*!sc*/ 99.jEDRWh{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;width:3px;}/*!sc*/ 100@media only screen and (max-width:768px){.jEDRWh{width:2px;}}/*!sc*/ 101data-styled.g3[id="StyledBox__StyledBoxGap-sc-13pk1d4-1"]{content:"bMEEsR,jEDRWh,"}/*!sc*/ 102.qmvBC{font-size:40px;line-height:40px;color:rgb(236,78,75,1);font-weight:bold;font-family:Monaco;}/*!sc*/ 103.fEJHQN{font-size:40px;line-height:40px;color:#f8d179;font-weight:bold;font-family:Monaco;}/*!sc*/ 104.iGNcrz{font-size:40px;line-height:40px;color:rgba(0,0,0,0.45);font-weight:bold;font-family:Monaco;}/*!sc*/ 105.pVeGy{font-size:14px;line-height:20px;color:rgba(0,0,0,0.45);}/*!sc*/ 106data-styled.g7[id="StyledText-sc-1sadyjn-0"]{content:"qmvBC,fEJHQN,iGNcrz,pVeGy,"}/*!sc*/ 107.lkOXPU{display:inline-block;box-sizing:border-box;cursor:pointer;font:inherit;-webkit-text-decoration:none;text-decoration:none;margin:0;background:transparent;overflow:visible;text-transform:none;color:inherit;outline:none;border:none;padding:0;text-align:inherit;}/*!sc*/ 108.lkOXPU:focus{outline:none;box-shadow:0 0 2px 2px #85D8F3;}/*!sc*/ 109.lkOXPU:focus > circle,.lkOXPU:focus > ellipse,.lkOXPU:focus > line,.lkOXPU:focus > path,.lkOXPU:focus > polygon,.lkOXPU:focus > polyline,.lkOXPU:focus > rect{outline:none;box-shadow:0 0 2px 2px #85D8F3;}/*!sc*/ 110.lkOXPU:focus::-moz-focus-inner{border:0;}/*!sc*/ 111.lkOXPU:focus:not(:focus-visible){outline:none;box-shadow:none;}/*!sc*/ 112.lkOXPU:focus:not(:focus-visible) > circle,.lkOXPU:focus:not(:focus-visible) > ellipse,.lkOXPU:focus:not(:focus-visible) > line,.lkOXPU:focus:not(:focus-visible) > path,.lkOXPU:focus:not(:focus-visible) > polygon,.lkOXPU:focus:not(:focus-visible) > polyline,.lkOXPU:focus:not(:focus-visible) > rect{outline:none;box-shadow:none;}/*!sc*/ 113.lkOXPU:focus:not(:focus-visible)::-moz-focus-inner{border:0;}/*!sc*/ 114.lkOXPU:hover{color:rgb(236,78,75,1);-webkit-text-decoration:underline;text-decoration:underline;background:transparent;}/*!sc*/ 115.eEHUgf{display:inline-block;box-sizing:border-box;cursor:pointer;font:inherit;-webkit-text-decoration:none;text-decoration:none;margin:0;background:transparent;overflow:visible;text-transform:none;margin-left:3px;margin-right:3px;border:2px solid rgb(236,78,75,1);border-radius:5px;color:rgba(0,0,0,0.85);padding:4px 22px;font-size:18px;line-height:24px;background-color:rgb(236,78,75,1);color:#ffffff;border-radius:5px;-webkit-transition-property:color,background-color,border-color,box-shadow;transition-property:color,background-color,border-color,box-shadow;-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;width:100%;height:100%;max-width:none;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;font-weight:bold;}
115/*!sc*/ 116.eEHUgf:hover{box-shadow:0px 0px 0px 2px rgb(236,78,75,1);}/*!sc*/ 117.eEHUgf:focus{outline:none;box-shadow:0 0 2px 2px #85D8F3;}/*!sc*/ 118.eEHUgf:focus > circle,.eEHUgf:focus > ellipse,.eEHUgf:focus > line,.eEHUgf:focus > path,.eEHUgf:focus > polygon,.eEHUgf:focus > polyline,.eEHUgf:focus > rect{outline:none;box-shadow:0 0 2px 2px #85D8F3;}/*!sc*/ 119.eEHUgf:focus::-moz-focus-inner{border:0;}/*!sc*/ 120.eEHUgf:focus:not(:focus-visible){outline:none;box-shadow:none;}/*!sc*/ 121.eEHUgf:focus:not(:focus-visible) > circle,.eEHUgf:focus:not(:focus-visible) > ellipse,.eEHUgf:focus:not(:focus-visible) > line,.eEHUgf:focus:not(:focus-visible) > path,.eEHUgf:focus:not(:focus-visible) > polygon,.eEHUgf:focus:not(:focus-visible) > polyline,.eEHUgf:focus:not(:focus-visible) > rect{outline:none;box-shadow:none;}/*!sc*/ 122.eEHUgf:focus:not(:focus-visible)::-moz-focus-inner{border:0;}/*!sc*/ 123data-styled.g10[id="StyledButton-sc-323bzc-0"]{content:"lkOXPU,eEHUgf,"}/*!sc*/ 124.jiStNB{display:inline-block;box-sizing:border-box;cursor:pointer;font:inherit;-webkit-text-decoration:none;text-decoration:none;margin:0;background:transparent;overflow:visible;text-transform:none;border:none;border-radius:18px;padding:4px 12px;font-size:18px;line-height:24px;color:#999999;text-align:center;-webkit-transition-property:color,background-color,border-color,box-shadow;transition-property:color,background-color,border-color,box-shadow;-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;font-weight:bold;}/*!sc*/ 125.jiStNB > svg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;vertical-align:middle;}/*!sc*/ 126.jiStNB:hover{color:#f8d179;}/*!sc*/ 127.jiStNB:focus{outline:none;box-shadow:0 0 2px 2px #85D8F3;}/*!sc*/ 128.jiStNB:focus > circle,.jiStNB:focus > ellipse,.jiStNB:focus > line,.jiStNB:focus > path,.jiStNB:focus > polygon,.jiStNB:focus > polyline,.jiStNB:focus > rect{outline:none;box-shadow:0 0 2px 2px #85D8F3;}/*!sc*/ 129.jiStNB:focus::-moz-focus-inner{border:0;}/*!sc*/ 130.jiStNB:focus:not(:focus-visible){outline:none;box-shadow:none;}/*!sc*/ 131.jiStNB:focus:not(:focus-visible) > circle,.jiStNB:focus:not(:focus-visible) > ellipse,.jiStNB:focus:not(:focus-visible) > line,.jiStNB:focus:not(:focus-visible) > path,.jiStNB:focus:not(:focus-visible) > polygon,.jiStNB:focus:not(:focus-visible) > polyline,.jiStNB:focus:not(:focus-visible) > rect{outline:none;box-shadow:none;}/*!sc*/ 132.jiStNB:focus:not(:focus-visible)::-moz-focus-inner{border:0;}/*!sc*/ 133data-styled.g11[id="StyledButtonKind-sc-1vhfpnt-0"]{content:"jiStNB,"}/*!sc*/ 134.cwTUyR{display:grid;box-sizing:border-box;grid-template-areas:"call-to-action call-to-action button social" "copyright copyright copyright copyright" ". . . ." ". . . .";grid-template-columns:25% 25% 25% 25%;grid-template-rows:auto auto auto auto;}/*!sc*/ 135data-styled.g14[id="StyledGrid-sc-1wofa1l-0"]{content:"cwTUyR,"}/*!sc*/ 136.jVWFUL{box-sizing:border-box;font-size:inherit;line-height:inherit;color:rgb(236,78,75,1);font-weight:600;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;margin-left:12px;margin-right:12px;font-weight:300;}/*!sc*/ 137.jVWFUL:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ 138data-styled.g15[id="StyledAnchor-sc-1rp7lwl-0"]{content:"jVWFUL,"}/*!sc*/ 139.cTBmLe{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;margin:12px;font-family:Roboto;font-size:82px;line-height:88px;max-width:1968px;font-weight:900;overflow-wrap:break-word;color:rgb(236,78,75,1);max-width:100%;}/*!sc*/ 140@media only screen and (max-width:768px){.cTBmLe{margin:6px;}}/*!sc*/ 141@media only screen and (max-width:768px){.cTBmLe{font-size:50px;line-height:56px;max-width:1200px;}}/*!sc*/ 142.jpVDln{margin-top:0px;margin-bottom:12px;font-family:Roboto;font-size:26px;line-height:32px;max-width:624px;font-weight:600;overflow-wrap:break-word;text-align:left;max-width:100%;}/*!sc*/ 143@media only screen and (max-width:768px){.jpVDln{margin-top:0px;}}/*!sc*/ 144@media only screen and (max-width:768px){.jpVDln{margin-bottom:6px;}}/*!sc*/ 145@media only screen and (max-width:768px){.jpVDln{font-size:18px;line-height:24px;max-width:432px;}}/*!sc*/ 146data-styled.g16[id="StyledHeading-sc-1rdh4aw-0"]{content:"cTBmLe,jpVDln,"}/*!sc*/ 147.kVTQdZ{-webkit-letter-spacing:0.2em;-moz-letter-spacing:0.2em;-ms-letter-spacing:0.2em;letter-spacing:0.2em;-webkit-letter-spacing:normal;-moz-letter-spacing:normal;-ms-letter-spacing:normal;letter-spacing:normal;}/*!sc*/ 148.gYjOyS{-webkit-letter-spacing:0.2em;-moz-letter-spacing:0.2em;-ms-letter-spacing:0.2em;letter-spacing:0.2em;-webkit-letter-spacing:normal;-moz-letter-spacing:normal;-ms-letter-spacing:normal;letter-spacing:normal;position:relative;}/*!sc*/ 149.gYjOyS > a.anchor{position:absolute;
149left:-24px;display:none;height:100%;}/*!sc*/ 150.gYjOyS:hover a.anchor{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/ 151.gYjOyS a.anchor svg{fill:#999;}/*!sc*/ 152data-styled.g17[id="Heading__StyledHeading-sc-1sm1dki-0"]{content:"kVTQdZ,gYjOyS,"}/*!sc*/ 153.bMSfQm{background-image:url();background-size:cover;width:100%;position:relative;}/*!sc*/ 154.bMSfQm::after{content:"";height:100%;left:0;position:absolute;top:0;width:100%;}/*!sc*/ 155data-styled.g18[id="Hero__HeroHeader-sc-1t9btgc-0"]{content:"bMSfQm,"}/*!sc*/ 156.kCMXLl{position:relative;z-index:1;text-align:center;padding:3rem;}/*!sc*/ 157data-styled.g19[id="Hero__HeroHeaderContent-sc-1t9btgc-1"]{content:"kCMXLl,"}/*!sc*/ 158@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local(''), url(/static/roboto-v20-latin_cyrillic-ext-300-1c1d5899e5ca7c551bf9333713863e55.woff2) format('woff2'), url(/static/roboto-v20-latin_cyrillic-ext-300-ce3b8523809b82cea120161ec296e99e.woff) format('woff');}/*!sc*/ 159@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local(''), url(/static/roboto-v20-latin_cyrillic-ext-300italic-f8c79cbdbb205a22afb9fb6e3b4676ee.woff2) format('woff2'), url(/static/roboto-v20-latin_cyrillic-ext-300italic-d2dc5f9e59f974565712f5681fa639a2.woff) format('woff');}/*!sc*/ 160@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local(''), url(/static/roboto-v20-latin_cyrillic-ext-regular-df4e2e405f2131a001790de8e717088d.woff2) format('woff2'), url(/static/roboto-v20-latin_cyrillic-ext-regular-c39bf2d483459594258601ab9c48e27c.woff) format('woff');}/*!sc*/ 161@font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local(''), url(/static/roboto-v20-latin_cyrillic-ext-900-7b3d86b7ebc128297bb737b5e932d1db.woff2) format('woff2'), url(/static/roboto-v20-latin_cyrillic-ext-900-1f7b78dd6aa0a8c6a1002da89fa1066b.woff) format('woff');}/*!sc*/ 162.iAQqbi{font-family:Roboto;font-size:18px;line-height:24px;font-weight:300;background-color:#FFFFFF;color:rgba(0,0,0,0.85);box-sizing:border-box;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;width:100vw;height:100vh;overflow:auto;}/*!sc*/ 163@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local(''), url(/static/roboto-v20-latin_cyrillic-ext-300-1c1d5899e5ca7c551bf9333713863e55.woff2) format('woff2'), url(/static/roboto-v20-latin_cyrillic-ext-300-ce3b8523809b82cea120161ec296e99e.woff) format('woff');}/*!sc*/ 164@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local(''), url(/static/roboto-v20-latin_cyrillic-ext-300italic-f8c79cbdbb205a22afb9fb6e3b4676ee.woff2) format('woff2'), url(/static/roboto-v20-latin_cyrillic-ext-300italic-d2dc5f9e59f974565712f5681fa639a2.woff) format('woff');}/*!sc*/ 165@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local(''), url(/static/roboto-v20-latin_cyrillic-ext-regular-df4e2e405f2131a001790de8e717088d.woff2) format('woff2'), url(/static/roboto-v20-latin_cyrillic-ext-regular-c39bf2d483459594258601ab9c48e27c.woff) format('woff');}/*!sc*/ 166@font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local(''), url(/static/roboto-v20-latin_cyrillic-ext-900-7b3d86b7ebc128297bb737b5e932d1db.woff2) format('woff2'), url(/static/roboto-v20-latin_cyrillic-ext-900-1f7b78dd6aa0a8c6a1002da89fa1066b.woff) format('woff');}/*!sc*/ 167.bnolrK{font-family:Roboto;font-size:18px;line-height:24px;font-weight:300;background-color:#FFFFFF;color:rgba(0,0,0,0.85);box-sizing:border-box;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}/*!sc*/ 168data-styled.g23[id="StyledGrommet-sc-19lkkz7-0"]{content:"iAQqbi,bnolrK,"}/*!sc*/ 169body{margin:0;}/*!sc*/ 170data-styled.g24[id="sc-global-hmgnLM1"]{content:"sc-global-hmgnLM1,"}/*!sc*/ 171.inWTjA,.inWTjA:visited,.inWTjA:hover,.inWTjA:active{font-style:inherit;color:inherit;background-color:transparent;font-size:inherit;-webkit-text-decoration:none;text-decoration:none;font-variant:inherit;font-weight:inherit;line-height:inherit;font-family:inherit;}/*!sc*/ 172data-styled.g25[id="Link__AnchorWithoutStyle-sc-1sy1kqy-0"]{content:"inWTjA,"}/*!sc*/ 173.judcoF span{padding-right:1em;margin-right:-1em;}/*!sc*/ 174data-styled.g26[id="Link__StyledWrapper-sc-1sy1kqy-1"]{content:"judcoF,"}/*!sc*/ 175.bdrbNP.active{-webkit-text-decoration:underline;text-decoration:underline;color:rgb(236,78,75,1);}/*!sc*/ 176data-styled.g31[id="Menu__StyledButton-sc-13ccsfr-1"]{content:"bdrbNP,"}/*!sc*/ 177.bkA-ddo{margin-top:6px;margin-bottom:6px;font-size:18px;line-height:24px;max-width:none;text-align:left;}/*!sc*/ 178.bCegHz{font-size:14px;line-height:20px;max-width:none;text-align:left;}/*!sc*/ 179data-styled.g32[id="StyledParagraph-sc-tbetod-0"]{content:"bkA-ddo,bCegHz,"}
179/*!sc*/ 180.GUvep{font-weight:inherit;font-style:normal;text-align:justify;position:relative;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;height:144px;}/*!sc*/ 181.jeuBVS{font-weight:inherit;font-style:normal;text-align:justify;position:relative;}/*!sc*/ 182data-styled.g33[id="Paragraph__StyledParagraph-sc-15exta6-0"]{content:"GUvep,jeuBVS,"}/*!sc*/ 183.hAiBzR{-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}/*!sc*/ 184.hAiBzR figure{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}/*!sc*/ 185.hAiBzR:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}/*!sc*/ 186.hAiBzR:hover figure{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);}/*!sc*/ 187data-styled.g96[id="Widget__StyledWidget-sc-15qy1ni-0"]{content:"hAiBzR,"}/*!sc*/ 188</style><title data-react-helmet="true">Portfolio of Design Systems Projects: Tailored Solutions by Varya Stepanova</title><link rel="sitemap" type="application/xml" href="/sitemap-index.xml"/><style id="gatsby-inlined-css"></style><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-status-bar-style" content="#D0E0D8"/><meta name="apple-mobile-web-app-title" content="Lazywill"/><link rel="apple-touch-icon" href="/icons/apple-icon-57x57.png" sizes="57x57"/><link rel="apple-touch-icon" href="/icons/apple-icon-60x60.png" sizes="60x60"/><link rel="apple-touch-icon" href="/icons/apple-icon-72x72.png" sizes="72x72"/><link rel="apple-touch-icon" href="/icons/apple-icon-76x76.png" sizes="76x76"/><link rel="apple-touch-icon" href="/icons/apple-icon-114x114.png" sizes="114x114"/><link rel="apple-touch-icon" href="/icons/apple-icon-120x120.png" sizes="120x120"/><link rel="apple-touch-icon" href="/icons/apple-icon-144x144.png" sizes="144x144"/><link rel="apple-touch-icon" href="/icons/apple-icon-152x152.png" sizes="152x152"/><link rel="apple-touch-icon" href="/icons/apple-icon-180x180.png" sizes="180x180"/><link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png"/><link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="96x96" href="/icons/favicon-96x96.png"/></head><body><noscript id="gatsby-noscript">This app works best with JavaScript enabled.</noscript><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="StyledGrommet-sc-19lkkz7-0 iAQqbi"><div class="StyledBox-sc-13pk1d4-0 gWURRm"><div class="StyledBox-sc-13pk1d4-0 hApVWr"><header class="StyledBox-sc-13pk1d4-0 jSZCgh"><a class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA" href="/"><div class="StyledGrommet-sc-19lkkz7-0 bnolrK"><div class="StyledBox-sc-13pk1d4-0 bBrDnJ"><span class="StyledText-sc-1sadyjn-0 qmvBC">var </span><span class="StyledText-sc-1sadyjn-0 fEJHQN">ya</span><span class="StyledText-sc-1sadyjn-0 iGNcrz">;</span></div></div></a><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 bMEEsR"></div><div class="StyledGrommet-sc-19lkkz7-0 bnolrK"><nav mode="horizontal" class="StyledBox-sc-13pk1d4-0 fBFybi"><a class="StyledAnchor-sc-1rp7lwl-0 jVWFUL Menu__StyledButton-sc-13ccsfr-1 bdrbNP" href="/">Home</a><div class="StyledBox-sc-13pk1d4-0 lgORXh"><div class="StyledBox-sc-13pk1d4-0 lgORXh"><div aria-label="Navigation Menu" type="button" class="StyledButton-sc-323bzc-0 lkOXPU"><a class="StyledAnchor-sc-1rp7lwl-0 jVWFUL Menu__StyledButton-sc-13ccsfr-1 bdrbNP" href="/services/">Services</a></div></div></div><a aria-current="page" class="StyledAnchor-sc-1rp7lwl-0 jVWFUL Menu__StyledButton-sc-13ccsfr-1 bdrbNP" href="/projects/">Projects</a><a class="StyledAnchor-sc-1rp7lwl-0 jVWFUL Menu__StyledButton-sc-13ccsfr-1 bdrbNP" href="/blog/">Blog</a><a class="StyledAnchor-sc-1rp7lwl-0 jVWFUL Menu__StyledButton-sc-13ccsfr-1 bdrbNP" href="/contact/">Contact</a></nav></div></header></div><div class="StyledBox-sc-13pk1d4-0 jMTsBx"><main class="StyledBox-sc-13pk1d4-0 lmWAys"><img src="https://varya.me/preview/projects.jpg" width="0" height="0" alt="Preview image" aria-hidden="true"/><div class="StyledBox-sc-13pk1d4-0 aMZxl Hero__HeroHeader-sc-1t9btgc-0 bMSfQm"><div class="StyledBox-sc-13pk1d4-0 dGjdyR Hero__HeroHeaderContent-sc-1t9btgc-1 kCMXLl"><h1 class="StyledHeading-sc-1rdh4aw-0 cTBmLe Heading__StyledHeading-sc-1sm1dki-0 kVTQdZ">Projects</h1></div></div><div class="StyledBox-sc-13pk1d4-0 EoZsu"><div class="StyledBox-sc-13pk1d4-0 jwKtGS"><div class="StyledBox-sc-13pk1d4-0 dHRsuC Widget__StyledWidget-sc-15qy1ni-0 hAiBzR"><a directionProp="column" justify="center" theme="[object Object]" class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA StyledBox-sc-13pk1d4-0 fcpDwW" href="/projects/manychat/"><h3 class="StyledHeading-sc-1rdh4aw-0 jpVDln Heading__StyledHeading-sc-1sm1dki-0 gYjOyS">Manychat Design System</h3><div class="StyledBox-sc-13pk1d4-0 doopBs"><div class="StyledBox-sc-13pk1d4-0 lTAys"><p class="StyledParagraph-sc-tbetod-0 bkA-ddo Paragraph__StyledParagraph-sc-15exta6-0 GUvep">Revamped Manychat's design system through extensive component architecture and documentation upgrades. The project delivered 16 new React components, accessibility-driven refactoring, Storybook 8 migration, and established a strong design system community. The collaboration between Bridge the Gap and Manychat's team resulted in a scalable foundation for form elements and an improved developer experience through ultra-defined components. 189</p></div></div></a></div><div class="StyledBox-sc-13pk1d4-0 lcDNST Widget__StyledWidget-sc-15qy1ni-0 hAiBzR"><a directionProp="column" justify="center" theme="[object Object]" class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA StyledBox-sc-13pk1d4-0 fcpDwW" href="/projects/yara/"><h3 class="StyledHeading-sc-1rdh4aw-0 jpVDln Heading__StyledHeading-sc-1sm1dki-0 gYjOyS">Yara International Design System</h3><div class="StyledBox-sc-13pk1d4-0 doopBs"><div class="StyledBox-sc-13pk1d4-0 lTAys"><p class="StyledParagraph-sc-tbetod-0 bkA-ddo Paragraph__StyledParagraph-sc-15exta6-0 GUvep">In this project, I led Bridge-the-Gap team. Together we enriched a React library with more than 10 new components and refactored many others. We also conducted an accessibility audit, devveloped new tokens structure and migrated design system documentation to Storybook@7. Key efforts included infrastru
189cture optimization, thorough documentation overhaul, and customizing the Storybook UI based on user feedback. 190</p></div></div></a></div><div class="StyledBox-sc-13pk1d4-0 cmPWmq Widget__StyledWidget-sc-15qy1ni-0 hAiBzR"><a directionProp="column" justify="center" theme="[object Object]" class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA StyledBox-sc-13pk1d4-0 fcpDwW" href="/projects/f-secure-ds-strategy/"><h3 class="StyledHeading-sc-1rdh4aw-0 jpVDln Heading__StyledHeading-sc-1sm1dki-0 gYjOyS">F-Secure's Design System Strategy</h3><div class="StyledBox-sc-13pk1d4-0 doopBs"><div class="StyledBox-sc-13pk1d4-0 lTAys"><p class="StyledParagraph-sc-tbetod-0 bkA-ddo Paragraph__StyledParagraph-sc-15exta6-0 GUvep">Exploring the collaborative journey of developing a design system strategy at F-Secure, highlighting the principles, roadmap, and tool recommendations aimed at fostering excellent digital experiences. 191</p></div></div></a></div><div class="StyledBox-sc-13pk1d4-0 dHRsuC Widget__StyledWidget-sc-15qy1ni-0 hAiBzR"><a directionProp="column" justify="center" theme="[object Object]" class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA StyledBox-sc-13pk1d4-0 fcpDwW" href="/projects/appomni/"><h3 class="StyledHeading-sc-1rdh4aw-0 jpVDln Heading__StyledHeading-sc-1sm1dki-0 gYjOyS">AppOmni Design System</h3><div class="StyledBox-sc-13pk1d4-0 doopBs"><div class="StyledBox-sc-13pk1d4-0 lTAys"><p class="StyledParagraph-sc-tbetod-0 bkA-ddo Paragraph__StyledParagraph-sc-15exta6-0 GUvep">Transformed AppOmni's user interfaces with an innovative design system. Web Components, tokens, comprehensive documentation, and seamless integration. 192</p></div></div></a></div><div class="StyledBox-sc-13pk1d4-0 lcDNST Widget__StyledWidget-sc-15qy1ni-0 hAiBzR"><a directionProp="column" justify="center" theme="[object Object]" class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA StyledBox-sc-13pk1d4-0 fcpDwW" href="/projects/metro-design-system/"><h3 class="StyledHeading-sc-1rdh4aw-0 jpVDln Heading__StyledHeading-sc-1sm1dki-0 gYjOyS">METRO Design System</h3><div class="StyledBox-sc-13pk1d4-0 doopBs"><div class="StyledBox-sc-13pk1d4-0 lTAys"><p class="StyledParagraph-sc-tbetod-0 bkA-ddo Paragraph__StyledParagraph-sc-15exta6-0 GUvep">Metro Design System is a multiperspective product for designers and developers that helps them create digital experience for millions of METRO customers in 22 countries. 193</p></div></div></a></div><div class="StyledBox-sc-13pk1d4-0 cmPWmq Widget__StyledWidget-sc-15qy1ni-0 hAiBzR"><a href="https://bridge-the-gap.dev/hands-on-workshop/" target="_blank" rel="noopener" class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA StyledBox-sc-13pk1d4-0 fcpDwW"><span class="Link__StyledWrapper-sc-1sy1kqy-1 judcoF"><h3 class="StyledHeading-sc-1rdh4aw-0 jpVDln Heading__StyledHeading-sc-1sm1dki-0 gYjOyS">Hands-on with Design Systems (2021)</h3><div class="StyledBox-sc-13pk1d4-0 doopBs"><div class="StyledBox-sc-13pk1d4-0 lTAys"><p class="StyledParagraph-sc-tbetod-0 bkA-ddo Paragraph__StyledParagraph-sc-15exta6-0 GUvep">A remote workshop for designers and developers for learning and practicing design systems, working in a team. During this workshop, the participants got hands-on experience with basic design processes while creating and maintaining their own design system. 194</p></div></div></span></a></div><div class="StyledBox-sc-13pk1d4-0 dHRsuC Widget__StyledWidget-sc-15qy1ni-0 hAiBzR"><a directionProp="column" justify="center" theme="[object Object]" class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA StyledBox-sc-13pk1d4-0 fcpDwW" href="/projects/elisa-renewal/"><h3 class="StyledHeading-sc-1rdh4aw-0 jpVDln Heading__StyledHeading-sc-1sm1dki-0 gYjOyS">Elisa Design System Renewal</h3><div class="StyledBox-sc-13pk1d4-0 doopBs"><div class="StyledBox-sc-13pk1d4-0 lTAys"><p class="StyledParagraph-sc-tbetod-0 bkA-ddo Paragraph__StyledParagraph-sc-15exta6-0 GUvep">Renewal of the design system at Elisa took place in the years 2020 and 2021. The the project included complete re-design and re-coding of 35 components and solid foundational work in design, development, infrastru
194cture, and community managing areas. 195</p></div></div></a></div><div class="StyledBox-sc-13pk1d4-0 lcDNST Widget__StyledWidget-sc-15qy1ni-0 hAiBzR"><a directionProp="column" justify="center" theme="[object Object]" class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA StyledBox-sc-13pk1d4-0 fcpDwW" href="/projects/react-finland-2020-workshop/"><h3 class="StyledHeading-sc-1rdh4aw-0 jpVDln Heading__StyledHeading-sc-1sm1dki-0 gYjOyS">Workshop at React Finland 2020</h3><div class="StyledBox-sc-13pk1d4-0 doopBs"><div class="StyledBox-sc-13pk1d4-0 lTAys"><p class="StyledParagraph-sc-tbetod-0 bkA-ddo Paragraph__StyledParagraph-sc-15exta6-0 GUvep">A remote workshop on the design, managerial, and communication aspects of design systems. During this workshop, the participants got hands-on experience with basic design processes while creating and maintaining their own design system. 196</p></div></div></a></div><div class="StyledBox-sc-13pk1d4-0 cmPWmq Widget__StyledWidget-sc-15qy1ni-0 hAiBzR"><a directionProp="column" justify="center" theme="[object Object]" class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA StyledBox-sc-13pk1d4-0 fcpDwW" href="/projects/business-finland/"><h3 class="StyledHeading-sc-1rdh4aw-0 jpVDln Heading__StyledHeading-sc-1sm1dki-0 gYjOyS">Business Finland Design System</h3><div class="StyledBox-sc-13pk1d4-0 doopBs"><div class="StyledBox-sc-13pk1d4-0 lTAys"><p class="StyledParagraph-sc-tbetod-0 bkA-ddo Paragraph__StyledParagraph-sc-15exta6-0 GUvep">A short-term but fun project that included co-creation sessions with Business Finland designers and managers during which the shared understanding of design systems was gained and followed by mastering a set of accessible components. 197</p></div></div></a></div><div class="StyledBox-sc-13pk1d4-0 dHRsuC Widget__StyledWidget-sc-15qy1ni-0 hAiBzR"><a directionProp="column" justify="center" theme="[object Object]" class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA StyledBox-sc-13pk1d4-0 fcpDwW" href="/projects/elisa-design-system-v1/"><h3 class="StyledHeading-sc-1rdh4aw-0 jpVDln Heading__StyledHeading-sc-1sm1dki-0 gYjOyS">Elisa design system (2017-2018)</h3><div class="StyledBox-sc-13pk1d4-0 doopBs"><div class="StyledBox-sc-13pk1d4-0 lTAys"><p class="StyledParagraph-sc-tbetod-0 bkA-ddo Paragraph__StyledParagraph-sc-15exta6-0 GUvep">Design system for top telecommunication and digital company in Finland. The project raised a lot of managerial, technical, and community building challenges. Elisa's design system was successfully built and maintained for internal use and generated significant business impact. 198</p></div></div></a></div><div class="StyledBox-sc-13pk1d4-0 lcDNST Widget__StyledWidget-sc-15qy1ni-0 hAiBzR"><a directionProp="column" justify="center" theme="[object Object]" class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA StyledBox-sc-13pk1d4-0 fcpDwW" href="/projects/hands-on-design-system-workshop/"><h3 class="StyledHeading-sc-1rdh4aw-0 jpVDln Heading__StyledHeading-sc-1sm1dki-0 gYjOyS">Workshop âHands on with a design systemâ</h3><div class="StyledBox-sc-13pk1d4-0 doopBs"><div class="StyledBox-sc-13pk1d4-0 lTAys"><p class="StyledParagraph-sc-tbetod-0 bkA-ddo Paragraph__StyledParagraph-sc-15exta6-0 GUvep">A full-day workshop about building a design system and a pattern library in a multidisciplinary team. In just one day, 6 multidisciplinary teams were lead through the process of UI inventory, setting up a component library, building a product with it, and complete re-design. 199</p></div></div></a></div><div class="StyledBox-sc-13pk1d4-0 cmPWmq Widget__StyledWidget-sc-15qy1ni-0 hAiBzR"><a directionProp="column" justify="center" theme="[object Object]" class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA StyledBox-sc-13pk1d4-0 fcpDwW" href="/projects/huhtamaki/"><h3 class="StyledHeading-sc-1rdh4aw-0 jpVDln Heading__StyledHeading-sc-1sm1dki-0 gYjOyS">Huhtamaki project</h3><div class="StyledBox-sc-13pk1d4-0 doopBs"><div class="StyledBox-sc-13pk1d4-0 lTAys"><p class="StyledParagraph-sc-tbetod-0 bkA-ddo Paragraph__StyledParagraph-sc-15exta6-0 GUvep">This project was done during my masterâs degree at Aalto, for the IDBM programâs Industry Project course. The clients, Huhtamaki, are global food packaging specialists, and were looking to enter the home delivery packaging space. However, this was a new space for them, so they needed our team to help them understand the home delivery space in order to produce an optimal packaging solution to maintain their strong position in the packaging domain. 200</p></div></div></a></div><div class="StyledBox-sc-13pk1d4-0 dHRsuC Widget__StyledWidget-sc-15qy1ni-0 hAiBzR"><a directionProp="column" justify="center" theme="[object Object]" class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA StyledBox-sc-13pk1d4-0 fcpDwW" href="/projects/bem-project/"><h3 class="StyledHeading-sc-1rdh4aw-0 jpVDln Heading__StyledHeading-sc-1sm1dki-0 gYjOyS">BEM project</h3><div class="StyledBox-sc-13pk1d4-0 doopBs"><div class="StyledBox-sc-13pk1d4-0 lTAys"><p class="StyledParagraph-sc-tbetod-0 bkA-ddo Paragraph__StyledParagraph-sc-15exta6-0 GUvep">Legendary BEM methodology, component, and tools developed at Yandex back in 2008. I worked leading a team of five in tight collaboration with 2 other teams creating components, documentation, and supporting dozens of frontend developers. Popularising BEM, especially abroad, was another huge aspect. I managed to tear down the iron curtain. 201</p></div></div></a></div><div class="StyledBox-sc-13pk1d4-0 lcDNST Widget__StyledWidget-sc-15qy1ni-0 hAiBzR"><a directionProp="column" justify="center" theme="[object Object]" class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA StyledBox-sc-13pk1d4-0 fcpDwW" href="/projects/lego-project/"><h3 class="StyledHeading-sc-1rdh4aw-0 jpVDln Heading__StyledHeading-sc-1sm1dki-0 gYjOyS">Lego UI component library</h3><div class="StyledBox-sc-13pk1d4-0 doopBs"><div class="StyledBox-sc-13pk1d4-0 lTAys"><p class="StyledParagraph-sc-tbetod-0 bkA-ddo Paragraph__StyledParagraph-sc-15exta6-0 GUvep">âLegoâ is Yandexâs core UI framework built on BEM methodology. Led by a frontend team lead, the project delivered 150+ reusable components integrated into 80+ Yandex services. It established scalable frontend architecture, standardized development practices, introduced open-source initiatives, and influenced company-wide engineering standards. 202</p></div></div></a></div></div></div></main><footer class="StyledBox-sc-13pk1d4-0 ePEhED"><div class="StyledBox-sc-13pk1d4-0 jdUIdr"><div class="StyledGrid-sc-1wofa1l-0 cwTUyR"><div class="StyledBox-sc-13pk1d4-0 gcmZlt"><p class="StyledParagraph-sc-tbetod-0 bCegHz Paragraph__StyledParagraph-sc-15exta6-0 jeuBVS">You can hire me and the whole <a href="https://bridge-the-gap.dev/">Bridge-the-Gap team</a> to set up, manage, develop, and champion your design system. I can align the design and development processes in your organisation for a larger business impact.</p></div><div class="StyledBox-sc-13pk1d4-0 dgCBlg"><a width="[object Object]" class="Link__AnchorWithoutStyle-sc-1sy1kqy-0 inWTjA" href="/contact/"><div style="text-align:center" type="button" class="StyledButton-sc-323bzc-0 eEHUgf">Get in touch</div></a></div><div class="StyledBox-sc-13pk1d4-0 ivtZUt"><div class="StyledGrommet-sc-19lkkz7-0 bnolrK"><nav class="StyledBox-sc-13pk1d4-0 bgosEW"><a aria-label="Email" href="mailto:[email protected]" class="StyledButtonKind-sc-1vhfpnt-0 jiStNB"><svg aria-label="Mail" viewBox="0 0 24 24" class="StyledIcon-sc-ofa7kd-0 dsbLZb"><path fill="#01A982" fill-rule="evenodd" d="M23 20V6l-11 9L1 6v14h22zm-11-8 10-8H2l10 8z"></path></svg></a><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 jEDRWh"></div><a aria-label="Twitter" href="https://twitter.com/varya_en" class="StyledButtonKind-sc-1vhfpnt-0 jiStNB"><svg aria-label="Twitter" viewBox="0 0 24 24" class="StyledIcon-sc-ofa7kd-0 dsbLZb"><path fill="#1DA1F2" fill-rule="evenodd" d="M24 4.309a9.83 9.83 0 0 1-2.828.775 4.94 4.94 0 0 0 2.165-2.724 9.865 9.865 0 0 1-3.127 1.196 4.925 4.925 0 0 0-8.39 4.49A13.974 13.974 0 0 1 1.671 2.9a4.902 4.902 0 0 0-.667 2.476c0 1.708.869 3.216 2.191 4.099A4.936 4.936 0 0 1 .964 8.86v.06a4.926 4.926 0 0 0 3.95 4.829 4.964 4.964 0 0 1-2.224.085 4.93 4.93 0 0 0 4.6 3.42 9.886 9.886 0 0 1-6.115 2.107c-.398 0-.79
202-.023-1.175-.068a13.945 13.945 0 0 0 7.548 2.212c9.057 0 14.009-7.503 14.009-14.01 0-.213-.005-.425-.014-.636A10.012 10.012 0 0 0 24 4.309"></path></svg></a><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 jEDRWh"></div><a aria-label="Linkedin" href="https://www.linkedin.com/in/varyastepanova/" class="StyledButtonKind-sc-1vhfpnt-0 jiStNB"><svg aria-label="Linkedin" viewBox="0 0 24 24" class="StyledIcon-sc-ofa7kd-0 dsbLZb"><path fill="#0077B5" fill-rule="evenodd" d="M20.452 20.45h-3.56v-5.57c0-1.328-.022-3.036-1.85-3.036-1.851 0-2.134 1.447-2.134 2.942v5.664H9.352V8.997h3.413v1.566h.049c.475-.9 1.636-1.85 3.367-1.85 3.605 0 4.27 2.371 4.27 5.456v6.281zM5.339 7.433a2.063 2.063 0 1 1 0-4.13 2.065 2.065 0 0 1 0 4.13zM7.12 20.45H3.558V8.997H7.12V20.45zM23 0H1a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1z"></path></svg></a><div class="StyledBox__StyledBoxGap-sc-13pk1d4-1 jEDRWh"></div><a aria-label="Facebook" href="http://www.facebook.com/varvara.stepanova.9" class="StyledButtonKind-sc-1vhfpnt-0 jiStNB"><svg aria-label="Facebook" viewBox="0 0 24 24" class="StyledIcon-sc-ofa7kd-0 dsbLZb"><path fill="#3B5998" fill-rule="evenodd" d="M23 0H1a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1h11.75v-9h-3v-3.75h3v-3c0-3.1 1.963-4.625 4.728-4.625 1.324 0 2.463.099 2.794.142v3.24l-1.917.001c-1.504 0-1.855.715-1.855 1.763v2.479h3.75L19.5 15h-3l.06 9H23a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1"></path></svg></a></nav></div></div><div class="StyledBox-sc-13pk1d4-0 kUGEXm"><span class="StyledText-sc-1sadyjn-0 pVeGy">© Varya Stepanova <!-- -->2026</span></div></div></div></footer></div></div></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div>
202<script> 203 204 205 if(true) { 206 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 207 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 208 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 209 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 210 } 211 if (typeof ga === "function") { 212 ga('create', 'G-VNR46J539J', 'auto', {}); 213 214 215 216 217 218 }</script>
218<script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/projects/";/*]]>*/</script>
218<!-- slice-start id="_gatsby-scripts-1" --> 219
219<script 220 id="gatsby-chunk-mapping" 221 > 222 window.___chunkMapping="{\"app\":[\"/app-38c49a65f38a2a48e95a.js\"],\"component---src-pages-404-js\":[\"/component---src-pages-404-js-3ff6dba3b68eecf3b22b.js\"],\"component---src-pages-articles-and-talks-js\":[\"/component---src-pages-articles-and-talks-js-1faecebc58b4d7a36823.js\"],\"component---src-pages-contact-js\":[\"/component---src-pages-contact-js-ad6222f2f14618fb7af7.js\"],\"component---src-pages-design-systems-js\":[\"/component---src-pages-design-systems-js-a51e5512f7d34e02daeb.js\"],\"component---src-pages-index-js\":[],\"component---src-pages-projects-js\":[\"/component---src-pages-projects-js-4a13209a322c59d46555.js\"],\"component---src-pages-projects-portfolio-js\":[\"/component---src-pages-projects-portfolio-js-2f21c15a2b16c018f0f0.js\"],\"component---src-pages-services-ai-championship-index-js\":[\"/component---src-pages-services-ai-championship-index-js-9a5988f36d679cd5d74f.js\"],\"component---src-pages-services-audit-js\":[\"/component---src-pages-services-audit-js-fceacd473ce3cd43301b.js\"],\"component---src-pages-services-consultancy-js\":[\"/component---src-pages-services-consultancy-js-7b4507e2017c42f3afe6.js\"],\"component---src-pages-services-development-js\":[\"/component---src-pages-services-development-js-0ccb2d105c167e4777d4.js\"],\"component---src-pages-services-index-js\":[\"/component---src-pages-services-index-js-818c609ca85affb9f429.js\"],\"component---src-pages-services-mentorship-js\":[\"/component---src-pages-services-mentorship-js-e4e5ae88498287f48121.js\"],\"component---src-pages-services-speaking-js\":[\"/component---src-pages-services-speaking-js-9d4cea63d0516944df51.js\"],\"component---src-pages-services-strategy-js\":[\"/component---src-pages-services-strategy-js-40c3a5dedee1dab90cff.js\"],\"component---src-pages-services-supervision-js\":[\"/component---src-pages-services-supervision-js-1987a0a8ee9d4ca48cd3.js\"],\"component---src-pages-services-workshops-js\":[\"/component---src-pages-services-workshops-js-fbe28365e66edef303d7.js\"],\"component---src-templates-blog-index-js\":[\"/component---src-templates-blog-index-js-d12df37e3065748ae1ec.js\"],\"component---src-templates-portfolio-post-js-content-file-path-content-projects-portfolio-appomni-index-md\":[\"/component---src-templates-portfolio-post-js-content-file-path-content-projects-portfolio-appomni-index-md-d71357179d81ec5a77e1.js\"],\"component---src-templates-portfolio-post-js-content-file-path-content-projects-portfolio-manychat-index-md\":[\"/component---src-templates-portfolio-post-js-content-file-path-content-projects-portfolio-manychat-index-md-5d11f29c3e3888066397.js\"],\"component---src-templates-portfolio-post-js-content-file-path-content-projects-portfolio-yara-index-md\":[\"/component---src-templates-portfolio-post-js-content-file-path-content-projects-portfolio-yara-index-md-a80522f1185b53cbb5ab.js\"],\"component---src-templates-post-js-content-file-path-content-design-systems-aligning-ux-designers-and-ui-developers-index-md\":[\"/component---src-templates-post-js-content-file-path-content-design-systems-aligning-ux-designers-and-ui-developers-index-md-167937846d88b5d41ab5.js\"],\"component---src-templates-post-js-content-file-path-content-design-systems-boosting-workshop-index-md\":[\"/component---src-templates-post-js-content-file-path-content-design-systems-boosting-workshop-index-md-200dce8b0c22d3c6fa49.js\"],\"component---src-templates-post-js-content-file-path-content-design-systems-design-systems-101-index-md\":[\"/component---src-templates-post-js-content-file-path-content-design-systems-design-systems-101-index-md-8334501a7246cc2658c8.js\"],\"component---src-templates-post-js-content-file-path-content-design-systems-gems-index-md\":[\"/component---src-templates-post-js-content-file-path-content-design-systems-gems-index-md-c080b3ecb69b603074e4.js\"],\"component---src-templates-post-js-content-file-path-content-design-systems-hands-on-workshop-index-md\":[\"/component---src-templates-post-js-content-file-path-content-design-systems-hands-on-workshop-index-md-f7d0d3745be65058c0e7.js\"],\"component---src-templates-post-js-content-file-path-content-design-systems-pattern-journey-index-md\":[\"/component---src-templates-post-js-content-file-path-content-design-systems-pattern-journey-index-md-e30efdb932ddd1c1bf51.js\"],\"component---src-templates-post-js-content-file-path-content-design-systems-team-process-workshop-index-md\":[\"/component---src-templates-post-js-content-file-path-content-design-systems-team-process-workshop-index-md-9943c27900032fae7fb3.js\"],\"component---src-templates-post-js-content-file-path-content-design-systems-what-is-a-design-system-index-md\":[\"/component---src-templates-post-js-content-file-path-content-design-systems-what-is-a-design-system-index-md-a3f2747ddab0a271dcd6.js\"],\"component---src-templates-post-js-content-file-path-content-life-again-about-finland-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-again-about-finland-index-ru-md-6467d74b829ef5f4f342.js\"],\"component---src-templates-post-js-content-file-path-content-life-bad-holland-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-bad-holland-index-ru-md-7b6e036c54acb0118599.js\"],\"component---src-templates-post-js-content-file-path-content-life-buying-car-finland-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-buying-car-finland-index-ru-md-82310283c2f6991a0075.js\"],\"component---src-templates-post-js-content-file-path-content-life-changing-driving-licence-in-the-netherlands-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-changing-driving-licence-in-the-netherlands-index-ru-md-d5c97bcd6550b504517e.js\"],\"component---src-templates-post-js-content-file-path-content-life-chaotically-about-finland-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-chaotically-about-finland-index-ru-md-5001bcac97a6e3221e03.js\"],\"component---src-templates-post-js-content-file-path-content-life-charming-tallinn-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-charming-tallinn-index-ru-md-cd91fcacca6e31f89e0f.js\"],\"component---src-templates-post-js-content-file-path-content-life-christmas-2013-in-dusseldorf-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-christmas-2013-in-dusseldorf-index-ru-md-22bb559b39d7f14e2bc6.js\"],\"component---src-templates-post-js-content-file-path-content-life-cities-of-mine-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-cities-of-mine-index-ru-md-5be4df64e12b874d3d28.js\"],\"component---src-templates-post-js-content-file-path-content-life-dickens-festival-in-deventer-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-dickens-festival-in-deventer-index-ru-md-aabe3233b5ee3885ef8b.js\"],\"component---src-templates-post-js-content-file-path-content-life-documents-for-dutch-visa-apostille-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-documents-for-dutch-visa-apostille-index-ru-md-346daf6f49de9acc0a4d.js\"],\"component---src-templates-post-js-content-file-path-content-life-dutch-and-german-taxes-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-dutch-and-german-taxes-index-ru-md-b3511d00af95fe7dcd1c.js\"],\"component---src-templates-post-js-content-file-path-content-life-dutch-bureaucracy-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-dutch-bureaucracy-index-ru-md-18bc665110fa122f4839.js\"],\"component---src-templates-post-js-content-file-path-content-life-dutch-dentist-russian-insurance-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-dutch-dentist-russian-insurance-index-ru-md-5e6f37770451c449b9c8.js\"],\"component---src-templates-post-js-content-file-path-content-life-expat-center-amsterdam-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-expat-center-amsterdam-index-ru-md-bf3e3d5f1645dbafab5a.js\"],\"component---src-templates-post-js-content-file-path-content-life-finnish-medicine-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-finnish-medicine-index-ru-md-cbb428668c74385eafdc.js\"],\"component---src-templates-post-js-content-file-path-content-life-first-days-in-amsterdam-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-first-days-in-amsterdam-index-ru-md-e000aae9f2290814f184.js\"],\"component---src-templates-post-js-content-file-path-content-life-frederiksplein-42-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-frederiksplein-42-index-ru-md-e8bd0c1032a2c6bd09df.js\"],\"component---src-templates-post-js-content-file-path-content-life-from-finland-to-russia-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-from-finland-to-russia-index-en-md-fdb4c3f42da8dbeb20c3.js\"],\"component---src-templates-post-js-content-file-path-content-life-getting-mvv-visa-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-getting-mvv-visa-index-ru-md-24c2567853706a7fc3df.js\"],\"component---src-templates-post-js-content-file-path-content-life-good-holland-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-good-holland-index-ru-md-db0d939ac697124164c0.js\"],\"component---src-templates-post-js-content-file-path-content-life-hello-from-the-netherlands-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-hello-from-the-netherlands-index-ru-md-36fefd4d5fa46b40f87a.js\"],\"component---src-templates-post-js-content-file-path-content-life-help-to-fit-furniture-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-help-to-fit-furniture-index-ru-md-21d0865db57378caefad.js\"],\"component---src-templates-post-js-content-file-path-content-life-herengracht-apartment-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-herengracht-apartment-index-ru-md-98442ce54a77f268dd31.js\"],\"component---src-templates-post-js-content-file-path-content-life-hiring-a-frontend-developer-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-hiring-a-frontend-developer-index-ru-md-3c96435eb494b9dae326.js\"],\"component---src-templates-post-js-content-file-path-content-life-home-finance-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-home-finance-index-en-md-3e50b4f5662ee6053e96.js\"],\"component---src-templates-post-js-content-file-path-content-life-home-finance-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-home-finance-index-ru-md-0c29b95d5b93415f9afa.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-blog-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-blog-index-ru-md-a73ddd68fb9fd6ff8999.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-10-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-10-index-en-md-dbd1517c59034799c61a.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-10-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-10-index-ru-md-970f6a4aa0f920c05841.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-11-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-11-index-en-md-579400cf2b578c4065b6.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-11-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-11-index-ru-md-a28110726037d783b011.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-12-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-12-index-en-md-51ffabfedaff9c2c0503.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-12-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-12-index-ru-md-9c3d35d537fbd4b4cf86.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-3-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-3-index-en-md-c5aa0aea49f6b93e09da.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-3-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-3-index-ru-md-44ed7780d3a41896f928.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-4-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-4-index-en-md-5bd6c47ce71b6af53a36.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-4-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-4-index-ru-md-2eb7a5470aabb677e012.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-5-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-5-index-en-md-07a7003be4430baa3e40.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-5-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-5-index-ru-md-202e2d71320b84dd5d55.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-6-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-6-index-en-md-e4bcde7e239fbfc2bd63.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-6-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-6-index-ru-md-33b1da9f066b0b71791e.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-7-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-7-index-en-md-75283e30cb63b922b6c3.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-7-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-7-index-ru-md-8c0415f6adcf3ef1b87b.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-8-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-8-index-en-md-8cdc3509d38354057900.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-8-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-8-index-ru-md-d2f241e8cfd4b3
2221eac32.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-9-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-9-index-en-md-f2dcf299b85e7fcdeeea.js\"],\"component---src-templates-post-js-content-file-path-content-life-life-in-finland-9-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-life-in-finland-9-index-ru-md-4e25c74de6f53da9a3ed.js\"],\"component---src-templates-post-js-content-file-path-content-life-little-suomi-27-2017-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-little-suomi-27-2017-index-en-md-16e7c228e6b69fb0fda2.js\"],\"component---src-templates-post-js-content-file-path-content-life-little-suomi-27-2017-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-little-suomi-27-2017-index-ru-md-8ae6555a77bceb627cbe.js\"],\"component---src-templates-post-js-content-file-path-content-life-little-suomi-29-2017-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-little-suomi-29-2017-index-en-md-ce36fcf3a952d3878a9e.js\"],\"component---src-templates-post-js-content-file-path-content-life-little-suomi-29-2017-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-little-suomi-29-2017-index-ru-md-8dd14fa5bc76c265cdec.js\"],\"component---src-templates-post-js-content-file-path-content-life-little-things-in-finland-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-little-things-in-finland-index-ru-md-a77e440b88dfcb05af08.js\"],\"component---src-templates-post-js-content-file-path-content-life-looking-for-job-in-europe-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-looking-for-job-in-europe-index-ru-md-e70bbcca699395b65824.js\"],\"component---src-templates-post-js-content-file-path-content-life-lost-residence-permit-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-lost-residence-permit-index-ru-md-b7511cda16337faa97af.js\"],\"component---src-templates-post-js-content-file-path-content-life-maastricht-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-maastricht-index-ru-md-3f15065f505f5e3af284.js\"],\"component---src-templates-post-js-content-file-path-content-life-moving-to-finland-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-moving-to-finland-index-ru-md-fd386daed9abe956f17a.js\"],\"component---src-templates-post-js-content-file-path-content-life-rotterdam-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-rotterdam-index-ru-md-76ed68a5420e1462c6af.js\"],\"component---src-templates-post-js-content-file-path-content-life-see-paris-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-see-paris-index-ru-md-f9f01c8b55cf87ac0d7c.js\"],\"component---src-templates-post-js-content-file-path-content-life-todo-list-when-moving-abroad-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-life-todo-list-when-moving-abroad-index-ru-md-adb062c1fff31e2f86f8.js\"],\"component---src-templates-post-js-content-file-path-content-life-weird-moscow-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-life-weird-moscow-index-en-md-4de0e2da21742df9ce4a.js\"],\"component---src-templates-post-js-content-file-path-content-posts-articulation-exercises-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-articulation-exercises-index-ru-md-75c3ae96339b128314c4.js\"],\"component---src-templates-post-js-content-file-path-content-posts-automating-style-guide-driven-development-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-automating-style-guide-driven-development-index-md-2db62ea08b153e21ba3d.js\"],\"component---src-templates-post-js-content-file-path-content-posts-bem-faq-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-bem-faq-index-md-93f7122924d8103d87cf.js\"],\"component---src-templates-post-js-content-file-path-content-posts-bem-tools-100-alpha-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-bem-tools-100-alpha-index-ru-md-1d9505510db945837bc3.js\"],\"component---src-templates-post-js-content-file-path-content-posts-beml-html-preprocessor-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-beml-html-preprocessor-index-en-md-2ef8b8ee44170355e47c.js\"],\"component---src-templates-post-js-content-file-path-content-posts-best-way-to-hide-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-best-way-to-hide-index-en-md-41cb7a658fed1acaff91.js\"],\"component---src-templates-post-js-content-file-path-content-posts-blocks-and-bundles-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-blocks-and-bundles-index-en-md-83e94762fed30e67449f.js\"],\"component---src-templates-post-js-content-file-path-content-posts-blocks-and-bundles-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-blocks-and-bundles-index-ru-md-cae29410e50f4213753f.js\"],\"component---src-templates-post-js-content-file-path-content-posts-borschik-static-assets-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-borschik-static-assets-index-en-md-20233c5cb82a89c5b4d8.js\"],\"component---src-templates-post-js-content-file-path-content-posts-borschik-static-assets-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-borschik-static-assets-index-ru-md-9b6ae05c1435a3cdea7e.js\"],\"component---src-templates-post-js-content-file-path-content-posts-business-models-innovation-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-business-models-innovation-index-md-9cca11801ab0ceaeec6c.js\"],\"component---src-templates-post-js-content-file-path-content-posts-communication-culture-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-communication-culture-index-en-md-300903c72d50b2d3fd70.js\"],\"component---src-templates-post-js-content-file-path-content-posts-dealing-atomically-with-icon-fonts-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-dealing-atomically-with-icon-fonts-index-en-md-e9560b42b6d4cb5be227.js\"],\"component---src-templates-post-js-content-file-path-content-posts-design-system-engineering-platform-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-design-system-engineering-platform-index-md-72b3d0daf9d6cecb62b9.js\"],\"component---src-templates-post-js-content-file-path-content-posts-design-system-remote-work-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-design-system-remote-work-index-md-8c84acf52740ce4a45d9.js\"],\"component---src-templates-post-js-content-file-path-content-posts-design-system-versioning-basics-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-design-system-versioning-basics-index-md-c760883dae1d8d9ce443.js\"],\"component---src-templates-post-js-content-file-path-content-posts-design-systems-career-path-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-design-systems-career-path-index-md-744888bdcd53bf2a317b.js\"],\"component---src-templates-post-js-content-file-path-content-posts-design-systems-review-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-design-systems-review-index-md-f39c975f4d9138543595.js\"],\"component---src-templates-post-js-content-file-path-content-posts-design-tokens-and-components-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-design-tokens-and-components-index-md-49a1e4695c0fc1935a36.js\"],\"component---src-templates-post-js-content-file-path-content-posts-designers-developers-linkedin-study-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-designers-developers-linkedin-study-index-md-09b32e6ee71b774ba0a3.js\"],\"component---src-templates-post-js-content-file-path-content-posts-docpad-with-bem-taste-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-docpad-with-bem-taste-index-en-md-df652c2eef85a05a8b4b.js\"],\"component---src-templates-post-js-content-file-path-content-posts-dotfiles-and-configurations-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-dotfiles-and-configurations-index-md-72499986fd69b6b20277.js\"],\"component---src-templates-post-js-content-file-path-content-posts-ds-upgrades-in-2026-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-ds-upgrades-in-2026-index-md-3d6cb0770a9839e47c7b.js\"],\"component---src-templates-post-js-content-file-path-content-posts-efficient-xslt-techniques-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-efficient-xslt-techniques-index-ru-md-9559711b4c26522a2058.js\"],\"component---src-templates-post-js-content-file-path-content-posts-first-steroids-app-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-first-steroids-app-index-ru-md-64b6fcdbf33ae41846c2.js\"],\"component---src-templates-post-js-content-file-path-content-posts-flatten-array-with-reduce-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-flatten-array-with-reduce-index-md-befc661c7c7f94dcbdbc.js\"],\"component---src-templates-post-js-content-file-path-content-posts-fonts-no-cramp-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-fonts-no-cramp-index-en-md-56347e41e9fd6c8bd660.js\"],\"component---src-templates-post-js-content-file-path-content-posts-frontend-babel-alpha-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-frontend-babel-alpha-index-en-md-2cbc6f1a2614d0cf7d0b.js\"],\"component---src-templates-post-js-content-file-path-content-posts-frontend-babel-alpha-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-frontend-babel-alpha-index-ru-md-6c137023f7bdc6f08714.js\"],\"component---src-templates-post-js-content-file-path-content-posts-frontend-babel-first-week-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-frontend-babel-first-week-index-ru-md-b080f8d0b477bff27c50.js\"],\"component---src-templates-post-js-content-file-path-content-posts-future-frontend-2026-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-future-frontend-2026-index-md-d0cb27cd9681ccd7e3bf.js\"],\"component---src-templates-post-js-content-file-path-content-posts-git-multiple-emails-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-git-multiple-emails-index-md-492934257ab3eca222c5.js\"],\"component---src-templates-post-js-content-file-path-content-posts-html-5-mobile-app-width-native-ui-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-html-5-mobile-app-width-native-ui-index-en-md-721e33e51e53f76d024a.js\"],\"component---src-templates-post-js-content-file-path-content-posts-html-5-mobile-app-width-native-ui-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-html-5-mobile-app-width-native-ui-index-ru-md-5c7bf11abc2f7986ef30.js\"],\"component---src-templates-post-js-content-file-path-content-posts-image-diffs-with-git-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-image-diffs-with-git-index-en-md-1f0040c74e4b72a016a3.js\"],\"component---src-templates-post-js-content-file-path-content-posts-jack-of-all-trades-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-jack-of-all-trades-index-md-03aa4a27e24cf
222c5ee82e.js\"],\"component---src-templates-post-js-content-file-path-content-posts-javascript-component-solutions-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-javascript-component-solutions-index-en-md-8ada8028905fbd74b995.js\"],\"component---src-templates-post-js-content-file-path-content-posts-javascript-in-bemjson-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-javascript-in-bemjson-index-en-md-87a57f580191242ba484.js\"],\"component---src-templates-post-js-content-file-path-content-posts-javascript-in-bemjson-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-javascript-in-bemjson-index-ru-md-83a5e5db0914665d5a42.js\"],\"component---src-templates-post-js-content-file-path-content-posts-jira-hypothesis-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-jira-hypothesis-index-md-76b3f9fc0bbf4a73157c.js\"],\"component---src-templates-post-js-content-file-path-content-posts-jscs-in-use-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-jscs-in-use-index-en-md-9a71facde7b34a78c4b9.js\"],\"component---src-templates-post-js-content-file-path-content-posts-jscs-in-use-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-jscs-in-use-index-ru-md-95aa5ed355a7ee29460c.js\"],\"component---src-templates-post-js-content-file-path-content-posts-learn-english-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-learn-english-index-ru-md-29ae45c4860a47614e30.js\"],\"component---src-templates-post-js-content-file-path-content-posts-maintaining-design-systems-with-proper-user-research-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-maintaining-design-systems-with-proper-user-research-index-md-6daebc76e2be4f811ee9.js\"],\"component---src-templates-post-js-content-file-path-content-posts-new-frontend-methodology-bem-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-new-frontend-methodology-bem-index-md-be1d6aa54033e0b97677.js\"],\"component---src-templates-post-js-content-file-path-content-posts-okrs-7-reasons-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-okrs-7-reasons-index-md-cf7044a5704cf1779981.js\"],\"component---src-templates-post-js-content-file-path-content-posts-on-the-unicorn-law-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-on-the-unicorn-law-index-en-md-2dbc38690f4a5f56dda9.js\"],\"component---src-templates-post-js-content-file-path-content-posts-patterned-triangle-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-patterned-triangle-index-en-md-79164d8242a98a0c4535.js\"],\"component---src-templates-post-js-content-file-path-content-posts-platforms-create-value-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-platforms-create-value-index-md-1ea63c9db649974912bf.js\"],\"component---src-templates-post-js-content-file-path-content-posts-ppl-centric-design-systems-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-ppl-centric-design-systems-index-md-b9458445f2c3013c4c98.js\"],\"component---src-templates-post-js-content-file-path-content-posts-proptypes-in-zeroheight-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-proptypes-in-zeroheight-index-md-b5d0d37244e318263d0f.js\"],\"component---src-templates-post-js-content-file-path-content-posts-pseudo-tag-cloud-css-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-pseudo-tag-cloud-css-index-en-md-4e4a838506f70ca3fb72.js\"],\"component---src-templates-post-js-content-file-path-content-posts-publish-packages-on-github-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-publish-packages-on-github-index-md-96a27648d3f660fd7176.js\"],\"component---src-templates-post-js-content-file-path-content-posts-pulling-the-contributions-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-pulling-the-contributions-index-md-2a9e9d61d88a81865d65.js\"],\"component---src-templates-post-js-content-file-path-content-posts-quick-start-bem-stack-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-quick-start-bem-stack-index-md-8a28ee9701b8cd695f2f.js\"],\"component---src-templates-post-js-content-file-path-content-posts-raising-new-devs-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-raising-new-devs-index-md-dc63014d1e556120dc54.js\"],\"component---src-templates-post-js-content-file-path-content-posts-react-angular-project-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-react-angular-project-index-en-md-6edb090affe0f314f026.js\"],\"component---src-templates-post-js-content-file-path-content-posts-react-hackathon-materials-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-react-hackathon-materials-index-en-md-95343ddabb426be8221d.js\"],\"component---src-templates-post-js-content-file-path-content-posts-react-redux-simple-project-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-react-redux-simple-project-index-en-md-26583100a2480693c8e8.js\"],\"component---src-templates-post-js-content-file-path-content-posts-release-to-npm-with-github-actions-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-release-to-npm-with-github-actions-index-md-ddd652ce2da429cf8871.js\"],\"component---src-templates-post-js-content-file-path-content-posts-run-app-in-time-on-mac-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-run-app-in-time-on-mac-index-en-md-094e9e36a752ea267b39.js\"],\"component---src-templates-post-js-content-file-path-content-posts-run-app-in-time-on-mac-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-run-app-in-time-on-mac-index-ru-md-7a3fa8cc428e2903eeea.js\"],\"component---src-templates-post-js-content-file-path-content-posts-sc-5-style-guide-next-level-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-sc-5-style-guide-next-level-index-en-md-0a197ed9d132f08b803d.js\"],\"component---src-templates-post-js-content-file-path-content-posts-sc-5-styleguide-for-smallers-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-sc-5-styleguide-for-smallers-index-en-md-7818140fe63b0752b5a9.js\"],\"component---src-templates-post-js-content-file-path-content-posts-sc-5-styleguide-for-smallers-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-sc-5-styleguide-for-smallers-index-ru-md-ccc80296bf466aeddd4d.js\"],\"component---src-templates-post-js-content-file-path-content-posts-scotland-css-and-js-2016-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-scotland-css-and-js-2016-index-ru-md-34e575e8206e3907b874.js\"],\"component---src-templates-post-js-content-file-path-content-posts-shared-project-vision-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-shared-project-vision-index-md-188189c2c4c5cbe61ea1.js\"],\"component---src-templates-post-js-content-file-path-content-posts-steroids-drawers-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-steroids-drawers-index-en-md-3db5a4e0aed93e13073b.js\"],\"component---src-templates-post-js-content-file-path-content-posts-stories-with-different-viewports-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-stories-with-different-viewports-index-md-31a4eada2da7b430c8a3.js\"],\"component---src-templates-post-js-content-file-path-content-posts-switching-to-bem-core-2-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-switching-to-bem-core-2-index-en-md-e40c2f10ddccdd756eaf.js\"],\"component---src-templates-post-js-content-file-path-content-posts-ten-xslt-mistakes-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-ten-xslt-mistakes-index-ru-md-27fef55599689752bada.js\"],\"component---src-templates-post-js-content-file-path-content-posts-testpost-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-testpost-index-md-f5f68b2fb1e1dadb29ae.js\"],\"component---src-templates-post-js-content-file-path-content-posts-to-bem-or-not-to-bem-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-to-bem-or-not-to-bem-index-md-c83aed284b84f744c95a.js\"],\"component---src-templates-post-js-content-file-path-content-posts-tutorial-javascript-components-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-tutorial-javascript-components-index-md-ef82586b4a167183d036.js\"],\"component---src-templates-post-js-content-file-path-content-posts-webfonts-with-sass-and-webpack-index-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-webfonts-with-sass-and-webpack-index-md-37652173e7ecf57cf0f9.js\"],\"component---src-templates-post-js-content-file-path-content-posts-week-44-2016-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-week-44-2016-index-en-md-67688c3c0b2d347f7c54.js\"],\"component---src-templates-post-js-content-file-path-content-posts-what-makes-entrepreneurs-entrepreneurial-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-what-makes-entrepreneurs-entrepreneurial-index-en-md-f70a268cf529a228f36f.js\"],\"component---src-templates-post-js-content-file-path-content-posts-xpath-prime-numbers-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-xpath-prime-numbers-index-ru-md-7dc10dcbc542a2c04436.js\"],\"component---src-templates-post-js-content-file-path-content-posts-xslt-recursion-index-ru-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-xslt-recursion-index-ru-md-dad3af7bfa138efb183e.js\"],\"component---src-templates-post-js-content-file-path-content-posts-ym-modular-system-index-en-md\":[\"/component---src-templates-post-js-content-file-path-content-posts-ym-modular-system-index-en-md-2d9de0eaf0342c269d3e.js\"],\"component---src-templates-post-js-content-file-path-content-projects-appomni-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-appomni-index-md-3714bd6d76f4664f4e2f.js\"],\"component---src-templates-post-js-content-file-path-content-projects-bem-project-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-bem-project-index-md-4712961ce5af02ab400d.js\"],\"component---src-templates-post-js-content-file-path-content-projects-business-finland-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-business-finland-index-md-3ed8f7403bff8d10f3ae.js\"],\"component---src-templates-post-js-content-file-path-content-projects-elisa-design-system-v-1-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-elisa-design-system-v-1-index-md-ab1b2c8ad186a9e68e34.js\"],\"component---src-templates-post-js-content-file-path-content-projects-elisa-renewal-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-elisa-renewal-index-md-1132f86678c043fbbc0b.js\"],\"component---src-templates-post-js-content-file-path-content-projects-f-secure-ds-strategy-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-f-secure-ds-strategy-index-md-661b2fd1dbb8947da367.js\"],\"component---src-templates-post-js-content-file-path-content-projects-hands-on-design-system-workshop-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-hands-on-design-system-workshop-index-md-269e671e77ee7eaf096d.js\"],\"component---src-templates-post-js-content-file-path-content-projects-hands-on-with-design-systems-2021-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-hands-on-with-design-systems-2021-index-md-1c2a5547d69525c7e990.js\"],\"component---src-templates-post-js-content-file-path-content-projects-huhtamaki-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-huhtamaki-index-md-4d506c1f1b01aa9e2f2e.js\"],\"component---src-templates-post-js-content-file-path-content-projects-lego-project-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-lego-project-index-md-92568942804b3b152ab4.js\"],\"component---src-templates-post-js-content-file-path-content-projects-manychat-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-manychat-index-md-0b5655f2aed635bf0bf4.js\"],\"component---src-templates-post-js-content-file-path-content-projects-metro-design-system-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-metro-design-system-index-md-d103c80cf0c32c52735e.js\"],\"component---src-templates-post-js-content-file-path-content-projects-react-finland-2020-workshop-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-react-finland-2020-workshop-index-md-c4328d8d4861891cf721.js\"],\"component---src-templates-post-js-content-file-path-content-projects-yara-index-md\":[\"/component---src-templates-post-js-content-file-path-content-projects-yara-index-md-94a1a693
222c72361f05bda.js\"],\"component---src-templates-tag-index-js\":[\"/component---src-templates-tag-index-js-e2a4a9e8b9c0f256ffc8.js\"]}"; 223 </script>
223 224
224<script>window.___webpackCompilationHash="ae05fb03a304d894cff0";</script>
224<script src="/webpack-runtime-8aab51fd5bd1456c8f89.js" async></script>
224<script src="/framework-5f38f62a98b3e23acf25.js" async></script>
224<script src="/app-38c49a65f38a2a48e95a.js" async></script>
224<!-- slice-end id="_gatsby-scripts-1" --></body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.