CINXE.COM

<!DOCTYPE html><html xmlns:cc="http://creativecommons.org/ns#"><head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# medium-com: http://ogp.me/ns/fb/medium-com#"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=contain"><title>Shopify UX - Medium</title><link rel="canonical" href="https://medium.com/shopify-ux"><link id="feedLink" rel="alternate" type="application/rss+xml" title="RSS" href="https://medium.com/feed/shopify-ux"><meta name="robots" content="index,follow"><meta name="title" content="Shopify UX - Medium"><meta name="referrer" content="unsafe-url"><meta name="description" content="The latest thinking on commerce, craft, and culture from the Shopify UX team."><meta name="theme-color" content="#000000"><meta property="og:title" content="Shopify UX – Medium"><meta property="twitter:title" content="Shopify UX – Medium"><meta property="og:url" content="https://medium.com/shopify-ux"><meta property="og:image" content="https://cdn-images-1.medium.com/max/1200/1*7uZW5TYHanffvCImGRBkZw.jpeg"><meta property="fb:app_id" content="542599432471018"><meta property="og:description" content="The latest thinking on commerce, craft, and culture from the Shopify UX team."><meta name="twitter:description" content="The latest thinking on commerce, craft, and culture from the Shopify UX team."><meta name="twitter:image:src" content="https://cdn-images-1.medium.com/max/1200/1*7uZW5TYHanffvCImGRBkZw.jpeg"><meta property="og:type" content="medium-com:collection"><meta name="twitter:card" content="summary_large_image"><meta property="medium-com:creator" content="https://medium.com/@jennylshaw"><meta name="twitter:site" content="@Medium"><meta property="og:site_name" content="Medium"><meta name="twitter:app:name:iphone" content="Medium"><meta name="twitter:app:id:iphone" content="828256236"><meta name="twitter:app:url:iphone" content="medium://shopify-ux"><meta property="al:ios:app_name" content="Medium"><meta property="al:ios:app_store_id" content="828256236"><meta property="al:android:package" content="com.medium.reader"><meta property="al:android:app_name" content="Medium"><meta property="al:ios:url" content="medium://shopify-ux"><meta property="al:android:url" content="medium://shopify-ux"><meta property="al:web:url" content="https://medium.com/shopify-ux"><link rel="search" type="application/opensearchdescription+xml" title="Medium" href="/osd.xml" /><link rel="alternate" href="android-app://com.medium.reader/https/medium.com/shopify-ux" /><script type="application/ld+json">{"@context": "http://schema.org", "@graph": [{"@type": "WebSite", "url": "https:\/\/medium.com", "name": "Medium", "alternateName": "Medium is a community of readers and writers offering unique perspectives on ideas large and small."},{"@type": "Organization", "url": "https:\/\/medium.com\/shopify-ux", "name": "Shopify UX"}]}</script><link rel="stylesheet" href="https://cdn-static-1.medium.com/_/fp/css/main-branding-base.ouwh4uMviI3QQWIjxRhkHA.12.css"><script>!function(n,e){var t,o,i,c=[],f={passive:!0,capture:!0},r=new Date,a="pointerup",u="pointercancel";function p(n,c){t||(t=c,o=n,i=new Date,w(e),s())}function s(){o>=0&&o<i-r&&(c.forEach(function(n){n(o,t)}),c=[])}function l(t){if(t.cancelable){var o=(t.timeStamp>1e12?new Date:performance.now())-t.timeStamp;"pointerdown"==t.type?function(t,o){function i(){p(t,o),r()}function c(){r()}function r(){e(a,i,f),e(u,c,f)}n(a,i,f),n(u,c,f)}(o,t):p(o,t)}}function w(n){["click","mousedown","keydown","touchstart","pointerdown"].forEach(function(e){n(e,l,f)})}w(n),self.perfMetrics=self.perfMetrics||{},self.perfMetrics.onFirstInputDelay=function(n){c.push(n),s()}}(addEventListener,removeEventListener);</script><script>document.domain = document.domain;</script><script>if (window.top !== window.self) window.location = 'about:blank';var OB_startTime = new Date().getTime(); var OB_loadErrors = []; function _onerror(e) { OB_loadErrors.push(e) }; if (document.addEventListener) document.addEventListener("error", _onerror, true); else if (document.attachEvent) document.attachEvent("onerror", _onerror); function _asyncScript(u) {var d = document, f = d.getElementsByTagName("script")[0], s = d.createElement("script"); s.type = "text/javascript"; s.async = true; s.src = u; f.parentNode.insertBefore(s, f);}function _asyncStyles(u) {var d = document, f = d.getElementsByTagName("script")[0], s = d.createElement("link"); s.rel = "stylesheet"; s.href = u; f.parentNode.insertBefore(s, f); return s}(new Image()).src = "/_/stat?event=pixel.load&origin=" + encodeURIComponent(location.origin);</script><script>window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga("create", "G-7JY7T788PK", "auto", {"allowLinker": true, "legacyCookieDomain": window.location.hostname});ga("send", "pageview");ga("create", "UA-49178120-14", "auto", 'tracker0'); ga("tracker0.send", "pageview");</script><script async src="https://www.google-analytics.com/analytics.js"></script><script>(function () {var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; document.write("<style>section.section-image--fullBleed.is-backgrounded {padding-top: " + Math.round(1.1 * height) + "px;}section.section-image--fullScreen.is-backgrounded, section.section-image--coverFade.is-backgrounded {min-height: " + height + "px; padding-top: " + Math.round(0.5 * height) + "px;}.u-height100vh {height: " + height + "px !important;}.u-height110vh {height: " + Math.round(1.1 * height) + "px !important;}.u-minHeight100vh {min-height: " + height + "px !important;}.u-maxHeight100vh {max-height: " + height + "px !important;}section.section-image--coverFade {height: " + height + "px;}.section-aspectRatioViewportPlaceholder, .section-aspectRatioViewportCropPlaceholder {max-height: " + height + "px;}.section-aspectRatioViewportBottomSpacer, .section-aspectRatioViewportBottomPlaceholder {max-height: " + Math.round(0.5 * height) + "px;}.zoomable:before {top: " + (-1 * height) + "px; left: " + (-1 * width) + "px; padding: " + height + "px " + width + "px;}</style>");})()</script><link rel="icon" href="https://cdn-images-1.medium.com/fit/c/256/256/1*7uZW5TYHanffvCImGRBkZw.jpeg" class="js-favicon"><link rel="apple-touch-icon" sizes="152x152" href="https://cdn-images-1.medium.com/fit/c/304/304/1*7uZW5TYHanffvCImGRBkZw.jpeg"><link rel="apple-touch-icon" sizes="120x120" href="https://cdn-images-1.medium.com/fit/c/240/240/1*7uZW5TYHanffvCImGRBkZw.jpeg"><link rel="apple-touch-icon" sizes="76x76" href="https://cdn-images-1.medium.com/fit/c/152/152/1*7uZW5TYHanffvCImGRBkZw.jpeg"><link rel="apple-touch-icon" sizes="60x60" href="https://cdn-images-1.medium.com/fit/c/120/120/1*7uZW5TYHanffvCImGRBkZw.jpeg"><link rel="mask-icon" href="https://cdn-static-1.medium.com/_/fp/icons/monogram-mask.KPLCSFEZviQN0jQ7veN2RQ.12.svg" color="#171717"></head><body itemscope class=" browser-ie os-windows v-unbound v-glyph v-glyph--m2-unbound-source-serif-pro is-noJs"><script>document.body.className = document.body.className.replace(/(^|\s)is-noJs(\s|$)/, "$1is-js$2")</script><div class="site-main" id="container"><div class="butterBar butterBar--error"></div><div class="surface"><div id="prerendered" class="screenContent"><div class="metabar u-clearfix js-metabar"><div class="branch-journeys-top"></div><div class="js-metabarMiddle metabar-inner u-marginAuto u-maxWidth1032 u-flexCenter u-justifyContentSpaceBetween u-height65 u-xs-height56 u-paddingHorizontal20"><div class="metabar-block u-flex1 u-flexCenter"><div class="js-metabarLogoLeft"><a href="https://medium.com/" data-log-event="home" class="siteNav-logo u-fillBlack u-flex0 u-flexCenter u-paddingTop0"><span class="svgIcon svgIcon--wordmarkMedium svgIcon--120x26px u-flex"><svg class="svgIcon-use" width="120" height="26" ><path d="M29.57 1.404l.036-.008V1.12h-7.27l-6.75 15.979-6.75-15.98H1.003v.278l.035.008c1.327.302 2 .752 2 2.374v18.993c0 1.623-.676 2.073-2.003 2.374L1 25.153v.279h5.315v-.278l-.035-.008c-1.327-.302-2-.751-2-2.374V4.88l8.67 20.552h.492l8.924-21.125V23.24c-.114 1.282-.782 1.677-1.983 1.95l-.036.009v.275h9.259V25.2l-.036-.008c-1.203-.274-1.886-.67-2-1.95l-.006-19.464h.006c0-1.622.674-2.072 2-2.374zm4.23 12.582c.15-3.412 1.367-5.875 3.41-5.918.629.01 1.157.219 1.568.62.872.852 1.282 2.634 1.219 5.298h-6.198zm-.092.962h10.85v-.046c-.03-2.61-.78-4.64-2.228-6.033-1.25-1.204-3.103-1.867-5.048-1.867h-.043c-1.01 0-2.248.246-3.13.693a7.316 7.316 0 00-2.623 2.086c-1.185 1.479-1.903 3.477-2.078 5.724a13.717 13.717 0 00-.04.755c-.004.195-.005.39-.001.587.117 5.087 2.846 9.153 7.692 9.153 4.254 0 6.73-3.132 7.348-7.336l-.312-.11c-1.085 2.259-3.034 3.628-5.252 3.461-3.028-.228-5.347-3.32-5.137-7.066m23.122 6.893c-.356.85-1.099 1.319-2.094 1.319-.995 0-1.905-.689-2.552-1.939-.694-1.342-1.06-3.24-1.06-5.487 0-4.678 1.445-7.704 3.68-7.704.937 0 1.674.468 2.026 1.284v12.527zm7.198 3.335c-1.327-.316-2-.787-2-2.492V0l-8.062 2.392v.293l.05-.004c1.111-.09 1.866.064 2.304.472.343.32.51.809.51 1.498v3.11C56.033 7.25 55.088 7 53.94 7c-2.326 0-4.453.987-5.986 2.779-1.599 1.867-2.444 4.42-2.444 7.38 0 5.287 2.584 8.84 6.43 8.84 2.25 0 4.06-1.242 4.888-3.336v2.811h7.233v-.29l-.035-.008zM70.94 3.085c0-1.65-1.236-2.896-2.875-2.896-1.632 0-2.908 1.272-2.908 2.896 0 1.624 1.278 2.896 2.908 2.896 1.64 0 2.875-1.245 2.875-2.896zm1.903 22.092c-1.327-.316-2-.787-2-2.492h-.006V7.055l-7.234 2.092v.284l.043.004c1.566.14 1.994.683 1.994 2.525v13.515h7.24v-.29l-.037-.008zm18.536 0c-1.327-.316-2-.787-2-2.492V7.055L82.49 9.078v.285l.04.004c1.28.136 1.65.71 1.65 2.56v9.88c-.426.85-1.227 1.356-2.196 1.39-1.573 0-2.439-1.07-2.439-3.012V7.055l-7.234 2.092v.284l.044.004c1.565.14 1.994.683 1.994 2.525v8.362a9.443 9.443 0 00.15 1.741l.13.57C75.243 24.845 76.848 26 79.362 26c2.129 0 3.996-1.328 4.818-3.405v2.885h7.233v-.291l-.034-.012zm28.102.298v-.291l-.035-.009c-1.44-.334-2.001-.964-2.001-2.248V12.295C117.445 8.98 115.597 7 112.5 7c-2.257 0-4.16 1.314-4.893 3.36-.582-2.168-2.257-3.36-4.734-3.36-2.175 0-3.88 1.156-4.612 3.11V7.056l-7.233 2.006v.286l.043.004c1.547.138 1.994.697 1.994 2.492v13.631h6.75v-.29l-.037-.01c-1.148-.271-1.519-.767-1.519-2.04V10.95c.304-.715.917-1.562 2.127-1.562 1.504 0 2.266 1.05 2.266 3.116v12.972h6.751v-.29l-.035-.01c-1.149-.271-1.52-.767-1.52-2.04V12.294a7.107 7.107 0 00-.095-1.21c.322-.777.97-1.696 2.23-1.696 1.524 0 2.265 1.02 2.265 3.116v12.972h7.233z"/></svg></span><span class="u-textScreenReader">Homepage</span></a></div><div class="u-paddingLeft10 u-sm-show r-paddingRight10"><a href="https://rsci.app.link/?%24canonical_url=https%3A%2F%2Fmedium.com/shopify-ux%3F~feature=LoMobileNavBar&~channel=ShowCollectionHome&~stage=m2">Open in app</a></div></div><div class="metabar-block u-flex0 u-flexCenter"><div class="u-flexCenter u-height65 u-xs-height56"><div class="buttonSet buttonSet--wide u-lineHeightInherit"><a class="button button--primary button--chromeless u-accentColor--buttonNormal is-inSiteNavBar u-xs-hide js-signInButton" href="https://medium.com/m/signin?redirect=https%3A%2F%2Fmedium.com%2Fshopify-ux%3Fsource%3Duser_profile_page---blogroll-------------------1291ba20c20---------------&source=--------------------------nav_reg&operation=login" data-action="sign-in-prompt" data-redirect="https://medium.com/shopify-ux?source=user_profile_page---blogroll-------------------1291ba20c20---------------" data-action-source="--------------------------nav_reg">Sign in</a><a class="button button--primary button--withChrome u-accentColor--buttonNormal is-inSiteNavBar js-signUpButton" href="https://medium.com/m/signin?redirect=https%3A%2F%2Fmedium.com%2Fshopify-ux%3Fsource%3Duser_profile_page---blogroll-------------------1291ba20c20---------------&source=--------------------------nav_reg&operation=register" data-action="sign-up-prompt" data-redirect="https://medium.com/shopify-ux?source=user_profile_page---blogroll-------------------1291ba20c20---------------" data-action-source="--------------------------nav_reg">Get started</a></div></div></div></div></div><div class="metabar metabar--spacer js-metabarSpacer u-height65 u-xs-height56"></div><div class="collectionHeader js-collectionHeaderContainer u-relative collectionHeader--layoutMedium collectionHeader--alignmentLeft collectionHeader--withLogo collectionHeader--withBackground collectionHeader--colorBehaviorSubtle collectionHeader--withNavigation collectionHeader--editorLayoutTitleAndLogo is-modeView"><div class="collectionHeader-aspectRatioTable"><div class="collectionHeader-aspectRatioContent u-backgroundSizeCover js-collectionHeaderBackground" style="background-image: url("https://cdn-images-1.medium.com/max/2400/1*3SjVdVXS4cA9jCCgXDbEsw.png"); background-position: 50% 50% !important;"><div class="collectionHeader-overlayBackground u-height100vh"></div><header class="collectionHeader-heroAndInlineNav u-borderBox u-maxWidth1072 u-paddingLeft20 u-paddingRight20 u-marginAuto u-foreground js-collectionHeader"><div class="collectionHeader-hero js-collectionHeaderHero u-clearfix u-imageSpectrum"><div class="collectionHeader-heroInner"><div class="collectionHeader-logo js-collectionHeaderLogo" style="width: 82px; float: left; padding-right: 20px; margin-right: 0;"><a class="link u-baseColor--link" href="https://medium.com/shopify-ux" title="Go to Shopify UX" aria-label="Go to Shopify UX"><div class="u-relative u-marginAuto"><div style="padding-bottom: 112.67605633802818%"></div><img class="collectionHeader-logoImage js-collectionHeaderLogoImage" src="https://cdn-images-1.medium.com/max/164/1*vRNB7Td3ZnutdrwoDJK0NA@2x.png" data-image-id="1*vRNB7Td3ZnutdrwoDJK0NA@2x.png" data-width="213" data-height="240" /></div></a></div><div class="collectionHeader-nameAndDescription"><a class="link link--noUnderline u-baseColor--link" href="https://medium.com/shopify-ux" title="Go to Shopify UX" aria-label="Go to Shopify UX"><h1 class="collectionHeader-name js-collectionName u-foreground u-baseColor--textDark u-paddingBottom4 u-lineHeightTightest u-contentSansBold u-fontSize40 u-xs-fontSize32">Shopify UX</h1></a><h2 class="collectionHeader-description js-collectionDescription u-foreground u-baseColor--textNormal u-contentSansRegular u-fontSize24 u-xs-fontSize18">The latest thinking on commerce, craft, and culture from the Shopify UX team.</h2></div></div></div></header></div><div class="collectionHeader-aspectRatioCell"><div class="collectionHeader-aspectRatioFullWidth"></div></div></div><div class="collectionHeader-blockNav"><div class="u-borderBox u-maxWidth1072 u-paddingLeft20 u-paddingRight20 u-marginAuto"><nav class="collectionHeader-nav u-clearfix js-collectionHeaderNav u-lineHeight40 u-overflowHiddenY"><div class="buttonSet u-flex1 u-noWrap u-overflowX u-paddingBottom100 u-xs-marginRight15"><li class="collectionHeader-navItem js-collectionNavItem u-inlineBlock u-fontSize13 u-textUppercase u-letterSpacing1px u-textColorNormal u-xs-paddingRight12 u-xs-marginRight0"><a class="link link--darken u-accentColor--textDarken link--noUnderline u-baseColor--link js-navItemLink" href="https://medium.com/shopify-ux/tagged/design">Design</a></li><li class="collectionHeader-navItem js-collectionNavItem u-inlineBlock u-fontSize13 u-textUppercase u-letterSpacing1px u-textColorNormal u-xs-paddingRight12 u-xs-marginRight0"><a class="link link--darken u-accentColor--textDarken link--noUnderline u-baseColor--link js-navItemLink" href="https://medium.com/shopify-ux/tagged/content-strategy">Content Design</a></li><li class="collectionHeader-navItem js-collectionNavItem u-inlineBlock u-fontSize13 u-textUppercase u-letterSpacing1px u-textColorNormal u-xs-paddingRight12 u-xs-marginRight0"><a class="link link--darken u-accentColor--textDarken link--noUnderline u-baseColor--link js-navItemLink" href="https://medium.com/shopify-ux/tagged/ux-research">Research</a></li><li class="collectionHeader-navItem js-collectionNavItem u-inlineBlock u-fontSize13 u-textUppercase u-letterSpacing1px u-textColorNormal u-xs-paddingRight12 u-xs-marginRight0"><a class="link link--darken u-accentColor--textDarken link--noUnderline u-baseColor--link js-navItemLink" href="https://medium.com/shopify-ux/polaris/home">Polaris</a></li><li class="collectionHeader-navItem js-collectionNavItem u-inlineBlock u-fontSize13 u-textUppercase u-letterSpacing1px u-textColorNormal u-xs-paddingRight12 u-xs-marginRight0"><a class="link link--darken u-accentColor--textDarken link--noUnderline u-baseColor--link js-navItemLink" href="https://medium.com/shopify-ux/casestudies/home">Case studies</a></li><li class="collectionHeader-navItem js-collectionNavItem u-inlineBlock u-fontSize13 u-textUppercase u-letterSpacing1px u-textColorNormal u-xs-paddingRight12 u-xs-marginRight0"><a class="link link--darken u-accentColor--textDarken link--noUnderline u-baseColor--link js-navItemLink" href="https://medium.com/shopify-ux/culture/home">Culture</a></li><li class="collectionHeader-navItem js-collectionNavItem u-inlineBlock u-fontSize13 u-textUppercase u-letterSpacing1px u-textColorNormal u-xs-paddingRight12 u-xs-marginRight0"><a class="link link--darken u-accentColor--textDarken link--noUnderline u-baseColor--link js-navItemLink" href="https://medium.com/shopify-ux/podcast/home">Podcast</a></li><span class="u-borderLeft1 u-paddingLeft22 u-xs-paddingLeft12 u-baseColor--borderLight"></span><li class="collectionHeader-navItem js-collectionNavItem u-inlineBlock u-fontSize13 u-textUppercase u-letterSpacing1px u-textColorNormal u-xs-paddingRight12 u-xs-marginRight0 is-external"><a class="link link--darkenOnHover u-accentColor--textDarken link--noUnderline u-baseColor--link js-navItemLink" href="https://www.shopify.com/careers/teams/ux" rel="nofollow noopener" target="_blank">Careers</a></li></div><div class="buttonSet u-textAlignRight u-marginLeft18 u-flex0 u-noWrap"><label class="button button--small button--chromeless button--withIcon button--withSvgIcon inputGroup u-sm-hide metabar-predictiveSearch u-baseColor--buttonNormal u-baseColor--placeholderNormal" title="Search Shopify UX"><span class="svgIcon svgIcon--search svgIcon--25px u-baseColor--iconLight"><svg class="svgIcon-use" width="25" height="25" ><path d="M20.067 18.933l-4.157-4.157a6 6 0 10-.884.884l4.157 4.157a.624.624 0 10.884-.884zM6.5 11c0-2.62 2.13-4.75 4.75-4.75S16 8.38 16 11s-2.13 4.75-4.75 4.75S6.5 13.62 6.5 11z"/></svg></span><input class="js-predictiveSearchInput textInput textInput--rounded textInput--darkText u-baseColor--textNormal textInput--transparent" type="search" placeholder="Search Shopify UX" required="true" data-collection-id="bbc664515c9e" /></label><button class="button button--primary button--smallest u-noUserSelect button--withChrome u-accentColor--buttonNormal js-relationshipButton is-smallPill" data-action="sign-up-prompt" data-sign-in-action="toggle-follow-collection" data-requires-token="true" data-redirect="https://medium.com/_/subscribe/collection/shopify-ux" data-action-source="pub_header----bbc664515c9e----------------------follow_pub" data-collection-id="bbc664515c9e"><span class="button-label js-buttonLabel">Follow</span></button></div></nav></div></div></div><div class="u-marginBottom40 js-collectionStream"><div class="streamItem streamItem--section js-streamItem"><section class="u-marginTop30 u-xs-margin0 u-marginBottom15 u-maxWidth1032 u-sm-paddingLeft20 u-sm-paddingRight20 u-borderBox u-marginAuto"><header class="heading heading--borderedBottom u-fontSize18 u-contentSansThin" ><div class="u-clearfix"><div class="heading-content u-floatLeft"><span class="heading-title heading-title--dark heading-title--lineHeightTight u-fontSize18 u-contentSansThin">Featured Story</span></div></div></header><div class="row u-marginTop30 u-marginLeftNegative12 u-marginRightNegative12"><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight15 u-size8of12" data-source="collection_home---4------0-----------------------" data-post-id="7c54fc6564d9" data-index="0"><div class="u-lineHeightBase postItem u-marginRight3"><a href="https://medium.com/shopify-ux/uplifting-shopify-polaris-7c54fc6564d9?source=collection_home---4------0-----------------------" data-action="open-post" data-action-value="https://medium.com/shopify-ux/uplifting-shopify-polaris-7c54fc6564d9?source=collection_home---4------0-----------------------" class="u-block u-xs-height170 u-height350 u-width100pct u-floatLeft u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url("https://cdn-images-1.medium.com/max/2000/1*247B8K14YiHZH7hjuvG2Zg.png"); background-position: 50% 50% !important;"><span class="u-textScreenReader">Uplifting Shopify Polaris</span></a></div></div><div class="col u-xs-marginBottom10 u-paddingLeft9 u-paddingRight12 u-paddingTop0 u-sm-paddingTop20 u-paddingBottom25 u-size4of12 u-xs-size12of12 u-marginBottom30"><a class="" href="https://medium.com/shopify-ux/uplifting-shopify-polaris-7c54fc6564d9?source=collection_home---4------0-----------------------" data-action-source="collection_home---4------0-----------------------" data-post-id="7c54fc6564d9"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp4 u-fontSize30 u-size12of12 u-xs-size12of12 u-xs-fontSize24">Uplifting Shopify Polaris</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">The process of evolving a large scale Design System.</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@halfool" data-action="show-user-card" data-action-value="463659dc147f" data-action-type="hover" data-user-id="463659dc147f" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*UVVl3noG-W8A5Uf_mHOquw.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of José Torre"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@halfool" data-action="show-user-card" data-action-value="463659dc147f" data-action-type="hover" data-user-id="463659dc147f" dir="auto">José Torre</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2023-07-25T19:22:46.196Z">Jul 25, 2023</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="15 min read"></span></div></div></div></div></div></div></section></div><div class="streamItem streamItem--section js-streamItem"><section class="u-marginTop30 u-xs-margin0 u-marginBottom15 u-maxWidth1032 u-sm-paddingLeft20 u-sm-paddingRight20 u-borderBox u-marginAuto"><header class="heading heading--borderedBottom u-fontSize18 u-contentSansThin" ><div class="u-clearfix"><div class="heading-content u-floatLeft"><span class="heading-title heading-title--dark heading-title--lineHeightTight u-fontSize18 u-contentSansThin">Fresh reads</span></div></div></header><div class="row u-marginTop30 u-marginLeftNegative12 u-marginRightNegative12"><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------0-----------------------" data-post-id="75c62303d3aa" data-index="0"><div class="u-lineHeightBase postItem"><a href="https://medium.com/shopify-ux/getting-the-point-across-adding-context-for-translation-quality-75c62303d3aa?source=collection_home---4------0-----------------------" data-action="open-post" data-action-value="https://medium.com/shopify-ux/getting-the-point-across-adding-context-for-translation-quality-75c62303d3aa?source=collection_home---4------0-----------------------" class="u-block u-xs-height170 u-height172 u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url("https://cdn-images-1.medium.com/max/800/1*eg_5oMF9I8h2jEf3xJoTkw.png"); background-position: 50% 50% !important;"><span class="u-textScreenReader">Getting the point across: adding context for translation quality</span></a></div><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-paddingTop15 u-marginBottom30"><a class="" href="https://medium.com/shopify-ux/getting-the-point-across-adding-context-for-translation-quality-75c62303d3aa?source=collection_home---4------0-----------------------" data-action-source="collection_home---4------0-----------------------" data-post-id="75c62303d3aa"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">Getting the point across: adding context for translation quality</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">Techniques you can use to help translators deliver high-quality translations</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@movermeyer_shopify" data-action="show-user-card" data-action-value="7eca742ddd76" data-action-type="hover" data-user-id="7eca742ddd76" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*5sLyzofIUEkWIL-XSbB3aQ.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Michael Overmeyer"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@movermeyer_shopify" data-action="show-user-card" data-action-value="7eca742ddd76" data-action-type="hover" data-user-id="7eca742ddd76" dir="auto">Michael Overmeyer</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2023-05-02T18:19:27.593Z">May 2, 2023</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="7 min read"></span></div></div></div></div></div></div><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------1-----------------------" data-post-id="dc9e62a04977" data-index="1"><div class="u-lineHeightBase postItem"><a href="https://medium.com/shopify-ux/the-ux-design-story-behind-shopifys-flex-comp-tool-dc9e62a04977?source=collection_home---4------1-----------------------" data-action="open-post" data-action-value="https://medium.com/shopify-ux/the-ux-design-story-behind-shopifys-flex-comp-tool-dc9e62a04977?source=collection_home---4------1-----------------------" class="u-block u-xs-height170 u-height172 u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url("https://cdn-images-1.medium.com/max/800/1*JuUD96DBIboP2rMxTeyJBw.png"); background-position: 50% 50% !important;"><span class="u-textScreenReader">The UX design story behind Shopify’s Flex Comp tool</span></a></div><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-paddingTop15 u-marginBottom30"><a class="" href="https://medium.com/shopify-ux/the-ux-design-story-behind-shopifys-flex-comp-tool-dc9e62a04977?source=collection_home---4------1-----------------------" data-action-source="collection_home---4------1-----------------------" data-post-id="dc9e62a04977"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">The UX design story behind Shopify’s Flex Comp tool</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">How we used an adaptive design mindset to build a complex internal tool</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@maude.trudeau" data-action="show-user-card" data-action-value="88b6382ceeeb" data-action-type="hover" data-user-id="88b6382ceeeb" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*xPtpAYXY0kDVXhspjXRyRg.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Maude Trudeau"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@maude.trudeau" data-action="show-user-card" data-action-value="88b6382ceeeb" data-action-type="hover" data-user-id="88b6382ceeeb" dir="auto">Maude Trudeau</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2022-12-02T20:09:25.508Z">Dec 2, 2022</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="10 min read"></span></div></div></div></div></div></div><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------2-----------------------" data-post-id="d5ecd1412f1e" data-index="2"><div class="u-lineHeightBase postItem"><a href="https://medium.com/shopify-ux/unlocking-the-power-of-data-using-metafields-d5ecd1412f1e?source=collection_home---4------2-----------------------" data-action="open-post" data-action-value="https://medium.com/shopify-ux/unlocking-the-power-of-data-using-metafields-d5ecd1412f1e?source=collection_home---4------2-----------------------" class="u-block u-xs-height170 u-height172 u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url("https://cdn-images-1.medium.com/max/800/1*4boxJ6A2kDmKthPM8Knl7A.jpeg"); background-position: 50% 50% !important;"><span class="u-textScreenReader">Unlocking the power of data using Metafields</span></a></div><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-paddingTop15 u-marginBottom30"><a class="" href="https://medium.com/shopify-ux/unlocking-the-power-of-data-using-metafields-d5ecd1412f1e?source=collection_home---4------2-----------------------" data-action-source="collection_home---4------2-----------------------" data-post-id="d5ecd1412f1e"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">Unlocking the power of data using Metafields</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">How content design helps democratize a complex developer feature for less technical merchants</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@annette.bater" data-action="show-user-card" data-action-value="e4a1805ac3bc" data-action-type="hover" data-user-id="e4a1805ac3bc" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/0*SGQqCRLpt1RAa9v3" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Annette Bater"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@annette.bater" data-action="show-user-card" data-action-value="e4a1805ac3bc" data-action-type="hover" data-user-id="e4a1805ac3bc" dir="auto">Annette Bater</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2022-10-31T12:08:23.777Z">Oct 31, 2022</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="7 min read"></span></div></div></div></div></div></div></div><div class="row u-marginTop30 u-marginLeftNegative12 u-marginRightNegative12"><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------3-----------------------" data-post-id="d9b50d4f91f9" data-index="3"><div class="u-lineHeightBase postItem"><a href="https://medium.com/shopify-ux/spinning-up-a-research-plan-for-product-designers-d9b50d4f91f9?source=collection_home---4------3-----------------------" data-action="open-post" data-action-value="https://medium.com/shopify-ux/spinning-up-a-research-plan-for-product-designers-d9b50d4f91f9?source=collection_home---4------3-----------------------" class="u-block u-xs-height170 u-height172 u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url("https://cdn-images-1.medium.com/max/800/1*ZkTk92XGqAk1DKIMkO3lgw.jpeg"); background-position: 50% 50% !important;"><span class="u-textScreenReader">Spinning up a research plan for product designers</span></a></div><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-paddingTop15 u-marginBottom30"><a class="" href="https://medium.com/shopify-ux/spinning-up-a-research-plan-for-product-designers-d9b50d4f91f9?source=collection_home---4------3-----------------------" data-action-source="collection_home---4------3-----------------------" data-post-id="d9b50d4f91f9"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">Spinning up a research plan for product designers</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">How to start facilitating research to validate your design decisions</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@jlacus" data-action="show-user-card" data-action-value="220b60c1e0ac" data-action-type="hover" data-user-id="220b60c1e0ac" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*g-yLm3pGqYfpUDlDH6376A.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Joey Lacus"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@jlacus" data-action="show-user-card" data-action-value="220b60c1e0ac" data-action-type="hover" data-user-id="220b60c1e0ac" dir="auto">Joey Lacus</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2022-09-22T13:30:10.089Z">Sep 22, 2022</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="5 min read"></span></div></div></div></div></div></div><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------4-----------------------" data-post-id="b44fac420be" data-index="4"><div class="u-lineHeightBase postItem"><a href="https://medium.com/shopify-ux/how-to-push-the-limits-of-a-design-system-b44fac420be?source=collection_home---4------4-----------------------" data-action="open-post" data-action-value="https://medium.com/shopify-ux/how-to-push-the-limits-of-a-design-system-b44fac420be?source=collection_home---4------4-----------------------" class="u-block u-xs-height170 u-height172 u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url("https://cdn-images-1.medium.com/max/800/1*r-24HYrEN2I1qu1xkqdf6Q.png"); background-position: 50% 50% !important;"><span class="u-textScreenReader">How to push the limits of a design system</span></a></div><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-paddingTop15 u-marginBottom30"><a class="" href="https://medium.com/shopify-ux/how-to-push-the-limits-of-a-design-system-b44fac420be?source=collection_home---4------4-----------------------" data-action-source="collection_home---4------4-----------------------" data-post-id="b44fac420be"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">How to push the limits of a design system</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">Partnering with product teams to evolve Polaris</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@halfool" data-action="show-user-card" data-action-value="463659dc147f" data-action-type="hover" data-user-id="463659dc147f" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*UVVl3noG-W8A5Uf_mHOquw.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of José Torre"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@halfool" data-action="show-user-card" data-action-value="463659dc147f" data-action-type="hover" data-user-id="463659dc147f" dir="auto">José Torre</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2022-07-19T15:28:30.129Z">Jul 19, 2022</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="11 min read"></span></div></div></div></div></div></div><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------5-----------------------" data-post-id="41c94aa00581" data-index="5"><div class="u-lineHeightBase postItem"><a href="https://medium.com/shopify-ux/deeper-design-for-next-level-products-41c94aa00581?source=collection_home---4------5-----------------------" data-action="open-post" data-action-value="https://medium.com/shopify-ux/deeper-design-for-next-level-products-41c94aa00581?source=collection_home---4------5-----------------------" class="u-block u-xs-height170 u-height172 u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url("https://cdn-images-1.medium.com/max/800/1*YZDFiKVd9xHsz4L_EZSvsQ.jpeg"); background-position: 50% 50% !important;"><span class="u-textScreenReader">Deeper design for next-level products</span></a></div><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-paddingTop15 u-marginBottom30"><a class="" href="https://medium.com/shopify-ux/deeper-design-for-next-level-products-41c94aa00581?source=collection_home---4------5-----------------------" data-action-source="collection_home---4------5-----------------------" data-post-id="41c94aa00581"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">Deeper design for next-level products</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">Using audits, workshops, and feedback sessions to design better products by thinking deeply</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@rachelmc" data-action="show-user-card" data-action-value="4d46a6732579" data-action-type="hover" data-user-id="4d46a6732579" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/2*WYJ5KdBkfFic9KuCGUnSlQ.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Rachel McClung"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@rachelmc" data-action="show-user-card" data-action-value="4d46a6732579" data-action-type="hover" data-user-id="4d46a6732579" dir="auto">Rachel McClung</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2022-07-05T18:39:37.262Z">Jul 5, 2022</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="8 min read"></span></div></div></div></div></div></div></div></section></div><div class="streamItem streamItem--section js-streamItem"><div class="u-marginTop30 u-xs-marginTop0 u-marginBottom15 u-maxWidth1032 u-marginAuto"><div class="u-paddingTop35 u-paddingBottom20 u-paddingLeft20 u-paddingRight20 u-maxWidth1000 u-marginAuto u-textAlignCenter js-trackedPromo" style="background-color: #7C4CFB;"data-action="open-promo-link" data-promo-id="7668f4722faf" data-collection-id="bbc664515c9e"><div class="u-textColorNormal u-contentSansRegular u-fontSize28 u-xs-fontSize24 u-lineHeightBaseSans u-marginBottom20 u-maxWidth700 u-marginAuto u-textColorTransparentWhiteDarker">Help us design the future of commerce.</div><div class="u-marginBottom20"><a class="button button--large button--light button--withChrome u-baseColor--buttonLight" href="https://www.shopify.com/careers/teams/ux" rel="nofollow noopener" target="_blank" data-action-source="collection_home---2------0-----------------------">Explore roles in UX at Shopify</a></div></div></div></div><div class="streamItem streamItem--section js-streamItem"><section class="u-marginTop30 u-xs-margin0 u-marginBottom15 u-maxWidth1032 u-sm-paddingLeft20 u-sm-paddingRight20 u-borderBox u-marginAuto"><header class="heading heading--borderedBottom u-fontSize18 u-contentSansThin" ><div class="u-clearfix"><div class="heading-content u-floatLeft"><span class="heading-title heading-title--dark heading-title--lineHeightTight u-fontSize18 u-contentSansThin">Polaris</span></div></div></header><div class="row u-marginTop30 u-marginLeftNegative12 u-marginRightNegative12"><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------0-----------------------" data-post-id="b2c55a392dea" data-index="0"><div class="u-lineHeightBase postItem"><a href="https://medium.com/shopify-ux/putting-the-system-back-in-our-design-system-b2c55a392dea?source=collection_home---4------0-----------------------" data-action="open-post" data-action-value="https://medium.com/shopify-ux/putting-the-system-back-in-our-design-system-b2c55a392dea?source=collection_home---4------0-----------------------" class="u-block u-xs-height170 u-height172 u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url("https://cdn-images-1.medium.com/max/800/1*H9sq1SPB7DDDZTYPs0QDdg.png"); background-position: 50% 50% !important;"><span class="u-textScreenReader">Putting the system back in our design system</span></a></div><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-paddingTop15 u-marginBottom30"><a class="" href="https://medium.com/shopify-ux/putting-the-system-back-in-our-design-system-b2c55a392dea?source=collection_home---4------0-----------------------" data-action-source="collection_home---4------0-----------------------" data-post-id="b2c55a392dea"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">Putting the system back in our design system</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">Evolving Polaris tokens to build products at scale and speed</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@lauragriffee" data-action="show-user-card" data-action-value="63d5d1ccbf22" data-action-type="hover" data-user-id="63d5d1ccbf22" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*KnZkPNGINy9wf9Jb6cSY1Q.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Laura Griffee"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@lauragriffee" data-action="show-user-card" data-action-value="63d5d1ccbf22" data-action-type="hover" data-user-id="63d5d1ccbf22" dir="auto">Laura Griffee</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2022-03-31T16:10:51.236Z">Mar 31, 2022</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="5 min read"></span></div></div></div></div></div></div><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------1-----------------------" data-post-id="e2299ef95c88" data-index="1"><div class="u-lineHeightBase postItem"><a href="https://medium.com/shopify-ux/how-to-create-accessible-and-inclusive-product-content-guidelines-e2299ef95c88?source=collection_home---4------1-----------------------" data-action="open-post" data-action-value="https://medium.com/shopify-ux/how-to-create-accessible-and-inclusive-product-content-guidelines-e2299ef95c88?source=collection_home---4------1-----------------------" class="u-block u-xs-height170 u-height172 u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url("https://cdn-images-1.medium.com/max/800/1*eyY7T-Wdqcusf9W3TL5e1Q@2x.png"); background-position: 50% 50% !important;"><span class="u-textScreenReader">How to create accessible and inclusive product content guidelines</span></a></div><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-paddingTop15 u-marginBottom30"><a class="" href="https://medium.com/shopify-ux/how-to-create-accessible-and-inclusive-product-content-guidelines-e2299ef95c88?source=collection_home---4------1-----------------------" data-action-source="collection_home---4------1-----------------------" data-post-id="e2299ef95c88"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">How to create accessible and inclusive product content guidelines</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">4 takeaways for starting small to effect change through language</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@shay.perez" data-action="show-user-card" data-action-value="c8287ed39c35" data-action-type="hover" data-user-id="c8287ed39c35" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*uYp88s2klEXPW8OK3qd6Qg.png" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Shay Perez"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@shay.perez" data-action="show-user-card" data-action-value="c8287ed39c35" data-action-type="hover" data-user-id="c8287ed39c35" dir="auto">Shay Perez</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2021-11-05T19:24:09.680Z">Nov 5, 2021</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="8 min read"></span></div></div></div></div></div></div><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------2-----------------------" data-post-id="c5a6967fc4e7" data-index="2"><div class="u-lineHeightBase postItem"><a href="https://medium.com/shopify-ux/why-design-systems-need-experience-foundations-c5a6967fc4e7?source=collection_home---4------2-----------------------" data-action="open-post" data-action-value="https://medium.com/shopify-ux/why-design-systems-need-experience-foundations-c5a6967fc4e7?source=collection_home---4------2-----------------------" class="u-block u-xs-height170 u-height172 u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url("https://cdn-images-1.medium.com/max/800/1*VE8D2O-KRP_rqzxkHsMi5A.png"); background-position: 50% 50% !important;"><span class="u-textScreenReader">Why design systems need experience foundations</span></a></div><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-paddingTop15 u-marginBottom30"><a class="" href="https://medium.com/shopify-ux/why-design-systems-need-experience-foundations-c5a6967fc4e7?source=collection_home---4------2-----------------------" data-action-source="collection_home---4------2-----------------------" data-post-id="c5a6967fc4e7"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">Why design systems need experience foundations</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">How we’re making Polaris more cohesive by emphasizing user insights</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@yeseniaperezcruz" data-action="show-user-card" data-action-value="9ecc710eb365" data-action-type="hover" data-user-id="9ecc710eb365" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/0*dBCpAbxnAlpAkoHe.jpg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Yesenia Perez-Cruz"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@yeseniaperezcruz" data-action="show-user-card" data-action-value="9ecc710eb365" data-action-type="hover" data-user-id="9ecc710eb365" dir="auto">Yesenia Perez-Cruz</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2020-11-18T16:09:19.269Z">Nov 18, 2020</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="6 min read"></span></div></div></div></div></div></div></div></section></div></div><style class="js-collectionStyle"> .u-accentColor--borderLight {border-color: #1A8917 !important;} .u-accentColor--borderNormal {border-color: #1A8917 !important;} .u-accentColor--borderDark {border-color: #0F730C !important;} .u-accentColor--iconLight .svgIcon,.u-accentColor--iconLight.svgIcon {fill: #1A8917 !important;} .u-accentColor--iconNormal .svgIcon,.u-accentColor--iconNormal.svgIcon {fill: #1A8917 !important;} .u-accentColor--iconDark .svgIcon,.u-accentColor--iconDark.svgIcon {fill: #0F730C !important;} .u-accentColor--textNormal {color: #0F730C !important;} .u-accentColor--hoverTextNormal:hover {color: #0F730C !important;} .u-accentColor--textNormal.u-accentColor--textDarken:hover {color: #0F730C !important;} .u-accentColor--textDark {color: #0F730C !important;} .u-accentColor--backgroundLight {background-color: #1A8917 !important;} .u-accentColor--backgroundNormal {background-color: #1A8917 !important;} .u-accentColor--backgroundDark {background-color: #0F730C !important;} .u-accentColor--buttonDark {border-color: #0F730C !important; color: #0F730C !important;} .u-accentColor--buttonDark:hover {border-color: #0F730C !important;} .u-accentColor--buttonDark .icon:before,.u-accentColor--buttonDark .svgIcon{color: #0F730C !important; fill: #0F730C !important;} .u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: #1A8917 !important; color: #0F730C !important;} .u-accentColor--buttonNormal:hover {border-color: #0F730C !important;} .u-accentColor--buttonNormal .icon:before,.u-accentColor--buttonNormal .svgIcon{color: #1A8917 !important; fill: #1A8917 !important;} .u-accentColor--buttonNormal.button--filled .icon:before,.u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-accentColor--buttonDark.button--filled,.u-accentColor--buttonDark.button--withChrome.is-active,.u-accentColor--fillWhenActive.is-active {background-color: #0F730C !important; border-color: #0F730C !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: #1A8917 !important; border-color: #1A8917 !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .postArticle.is-withAccentColors .markup--user,.postArticle.is-withAccentColors .markup--query {color: #0F730C !important;} .u-accentColor--highlightFaint {background-color: rgba(232, 243, 232, 1) !important;} .u-accentColor--highlightStrong.is-active .svgIcon {fill: rgba(163, 208, 162, 1) !important;} .postArticle.is-withAccentColors .markup--quote.is-other {background-color: rgba(232, 243, 232, 1) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-other {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(232, 243, 232, 1), rgba(232, 243, 232, 1));} .postArticle.is-withAccentColors .markup--quote.is-me {background-color: rgba(209, 231, 209, 1) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-me {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(209, 231, 209, 1), rgba(209, 231, 209, 1));} .postArticle.is-withAccentColors .markup--quote.is-targeted {background-color: rgba(163, 208, 162, 1) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-targeted {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(163, 208, 162, 1), rgba(163, 208, 162, 1));} .postArticle.is-withAccentColors .markup--quote.is-selected {background-color: rgba(163, 208, 162, 1) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-selected {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(163, 208, 162, 1), rgba(163, 208, 162, 1));} .postArticle.is-withAccentColors .markup--highlight {background-color: rgba(163, 208, 162, 1) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--highlight {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(163, 208, 162, 1), rgba(163, 208, 162, 1));}</style><style class="js-collectionStyleConstant">.u-imageBgColor {background-color: rgba(0, 0, 0, 0.24705882352941178);} .u-imageSpectrum .u-baseColor--borderLight {border-color: rgba(255, 255, 255, 0.6980392156862745) !important;} .u-imageSpectrum .u-baseColor--borderNormal {border-color: rgba(255, 255, 255, 0.8980392156862745) !important;} .u-imageSpectrum .u-baseColor--borderDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--iconLight .svgIcon,.u-imageSpectrum .u-baseColor--iconLight.svgIcon {fill: rgba(255, 255, 255, 0.8) !important;} .u-imageSpectrum .u-baseColor--iconNormal .svgIcon,.u-imageSpectrum .u-baseColor--iconNormal.svgIcon {fill: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--iconDark .svgIcon,.u-imageSpectrum .u-baseColor--iconDark.svgIcon {fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--textNormal {color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--textNormal.u-baseColor--textDarken:hover {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--textDark {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--textDarker {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--backgroundLight {background-color: rgba(255, 255, 255, 0.8980392156862745) !important;} .u-imageSpectrum .u-baseColor--backgroundNormal {background-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--backgroundDark {background-color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--buttonLight {border-color: rgba(255, 255, 255, 0.6980392156862745) !important; color: rgba(255, 255, 255, 0.8) !important;} .u-imageSpectrum .u-baseColor--buttonLight:hover {border-color: rgba(255, 255, 255, 0.6980392156862745) !important;} .u-imageSpectrum .u-baseColor--buttonLight .icon:before,.u-imageSpectrum .u-baseColor--buttonLight .svgIcon {color: rgba(255, 255, 255, 0.8) !important; fill: rgba(255, 255, 255, 0.8) !important;} .u-imageSpectrum .u-baseColor--buttonDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--buttonDark:hover {border-color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--buttonDark .icon:before,.u-imageSpectrum .u-baseColor--buttonDark .svgIcon {color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--buttonNormal {border-color: rgba(255, 255, 255, 0.8980392156862745) !important; color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--buttonNormal:hover {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--buttonNormal .icon:before,.u-imageSpectrum .u-baseColor--buttonNormal .svgIcon {color: rgba(255, 255, 255, 0.9490196078431372) !important; fill: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--buttonDark.button--filled,.u-imageSpectrum .u-baseColor--buttonDark.button--withChrome.is-active {background-color: rgba(255, 255, 255, 1) !important; border-color: rgba(255, 255, 255, 1) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;} .u-imageSpectrum .u-baseColor--buttonNormal.button--filled,.u-imageSpectrum .u-baseColor--buttonNormal.button--withChrome.is-active {background-color: rgba(255, 255, 255, 0.9490196078431372) !important; border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;} .u-imageSpectrum .u-baseColor--link {color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--link.link--darkenOnHover:hover {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--link.link--darken:hover,.u-imageSpectrum .u-baseColor--link.link--darken:focus,.u-imageSpectrum .u-baseColor--link.link--darken:active {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--link.link--dark {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--link.link--dark.link--darken:hover,.u-imageSpectrum .u-baseColor--link.link--dark.link--darken:focus,.u-imageSpectrum .u-baseColor--link.link--dark.link--darken:active {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--link.link--darker {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--placeholderNormal ::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.8);} .u-imageSpectrum .u-baseColor--placeholderNormal ::-moz-placeholder {color: rgba(255, 255, 255, 0.8);} .u-imageSpectrum .u-baseColor--placeholderNormal :-ms-input-placeholder {color: rgba(255, 255, 255, 0.8);} .u-imageSpectrum .ui-h1,.u-imageSpectrum .ui-h2,.u-imageSpectrum .ui-h3,.u-imageSpectrum .ui-h4,.u-imageSpectrum .ui-brand1,.u-imageSpectrum .ui-brand2,.u-imageSpectrum .ui-captionStrong {color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .ui-body,.u-imageSpectrum .ui-caps {color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .ui-summary,.u-imageSpectrum .ui-caption {color: rgba(255, 255, 255, 0.8) !important; fill: rgba(255, 255, 255, 0.8) !important;} .u-imageSpectrum .u-accentColor--borderLight {border-color: rgba(255, 255, 255, 0.6980392156862745) !important;} .u-imageSpectrum .u-accentColor--borderNormal {border-color: rgba(255, 255, 255, 0.8980392156862745) !important;} .u-imageSpectrum .u-accentColor--borderDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--iconLight .svgIcon,.u-imageSpectrum .u-accentColor--iconLight.svgIcon {fill: rgba(255, 255, 255, 0.8) !important;} .u-imageSpectrum .u-accentColor--iconNormal .svgIcon,.u-imageSpectrum .u-accentColor--iconNormal.svgIcon {fill: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--iconDark .svgIcon,.u-imageSpectrum .u-accentColor--iconDark.svgIcon {fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--textNormal {color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--hoverTextNormal:hover {color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--textNormal.u-accentColor--textDarken:hover {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--textDark {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--backgroundLight {background-color: rgba(255, 255, 255, 0.8980392156862745) !important;} .u-imageSpectrum .u-accentColor--backgroundNormal {background-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--backgroundDark {background-color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--buttonDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--buttonDark:hover {border-color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--buttonDark .icon:before,.u-imageSpectrum .u-accentColor--buttonDark .svgIcon{color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: rgba(255, 255, 255, 0.8980392156862745) !important; color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--buttonNormal:hover {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--buttonNormal .icon:before,.u-imageSpectrum .u-accentColor--buttonNormal .svgIcon{color: rgba(255, 255, 255, 0.9490196078431372) !important; fill: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--buttonNormal.button--filled .icon:before,.u-imageSpectrum .u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;} .u-imageSpectrum .u-accentColor--buttonDark.button--filled,.u-imageSpectrum .u-accentColor--buttonDark.button--withChrome.is-active,.u-imageSpectrum .u-accentColor--fillWhenActive.is-active {background-color: rgba(255, 255, 255, 1) !important; border-color: rgba(255, 255, 255, 1) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;} .u-imageSpectrum .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-imageSpectrum .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: rgba(255, 255, 255, 0.9490196078431372) !important; border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;} .u-imageSpectrum .postArticle.is-withAccentColors .markup--user,.u-imageSpectrum .postArticle.is-withAccentColors .markup--query {color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--highlightFaint {background-color: rgba(255, 255, 255, 0.2) !important;} .u-imageSpectrum .u-accentColor--highlightStrong.is-active .svgIcon {fill: rgba(255, 255, 255, 0.6) !important;} .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-other {background-color: rgba(255, 255, 255, 0.2) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-other {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));} .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-me {background-color: rgba(255, 255, 255, 0.4) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-me {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));} .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-targeted {background-color: rgba(255, 255, 255, 0.6) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-targeted {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));} .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-selected {background-color: rgba(255, 255, 255, 0.6) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-selected {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));} .postArticle.is-withAccentColors .u-imageSpectrum .markup--highlight {background-color: rgba(255, 255, 255, 0.6) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--highlight {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));}.u-resetSpectrum .u-tintBgColor {background-color: rgba(255, 255, 255, 1) !important;}.u-resetSpectrum .u-tintBgColor .u-fadeLeft:before {background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%) !important;}.u-resetSpectrum .u-tintBgColor .u-fadeRight:after {background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%) !important;} .u-resetSpectrum .u-baseColor--borderLight {border-color: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--borderNormal {border-color: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--borderDark {border-color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--iconLight .svgIcon,.u-resetSpectrum .u-baseColor--iconLight.svgIcon {fill: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--iconNormal .svgIcon,.u-resetSpectrum .u-baseColor--iconNormal.svgIcon {fill: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--iconDark .svgIcon,.u-resetSpectrum .u-baseColor--iconDark.svgIcon {fill: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--textNormal {color: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--textNormal.u-baseColor--textDarken:hover {color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--textDark {color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--textDarker {color: rgba(0, 0, 0, 0.8) !important;} .u-resetSpectrum .u-baseColor--backgroundLight {background-color: rgba(0, 0, 0, 0.09803921568627451) !important;} .u-resetSpectrum .u-baseColor--backgroundNormal {background-color: rgba(0, 0, 0, 0.2) !important;} .u-resetSpectrum .u-baseColor--backgroundDark {background-color: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonLight {border-color: rgba(0, 0, 0, 0.2980392156862745) !important; color: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonLight:hover {border-color: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonLight .icon:before,.u-resetSpectrum .u-baseColor--buttonLight .svgIcon {color: rgba(0, 0, 0, 0.2980392156862745) !important; fill: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonDark {border-color: rgba(0, 0, 0, 0.6) !important; color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--buttonDark:hover {border-color: rgba(0, 0, 0, 0.8) !important;} .u-resetSpectrum .u-baseColor--buttonDark .icon:before,.u-resetSpectrum .u-baseColor--buttonDark .svgIcon {color: rgba(0, 0, 0, 0.6) !important; fill: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--buttonNormal {border-color: rgba(0, 0, 0, 0.4980392156862745) !important; color: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonNormal:hover {border-color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--buttonNormal .icon:before,.u-resetSpectrum .u-baseColor--buttonNormal .svgIcon {color: rgba(0, 0, 0, 0.4980392156862745) !important; fill: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonDark.button--filled,.u-resetSpectrum .u-baseColor--buttonDark.button--withChrome.is-active {background-color: rgba(0, 0, 0, 0.2980392156862745) !important; border-color: rgba(0, 0, 0, 0.2980392156862745) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-resetSpectrum .u-baseColor--buttonNormal.button--filled,.u-resetSpectrum .u-baseColor--buttonNormal.button--withChrome.is-active {background-color: rgba(0, 0, 0, 0.2) !important; border-color: rgba(0, 0, 0, 0.2) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-resetSpectrum .u-baseColor--link {color: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--link.link--darkenOnHover:hover {color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--link.link--darken:hover,.u-resetSpectrum .u-baseColor--link.link--darken:focus,.u-resetSpectrum .u-baseColor--link.link--darken:active {color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--link.link--dark {color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--link.link--dark.link--darken:hover,.u-resetSpectrum .u-baseColor--link.link--dark.link--darken:focus,.u-resetSpectrum .u-baseColor--link.link--dark.link--darken:active {color: rgba(0, 0, 0, 0.8) !important;} .u-resetSpectrum .u-baseColor--link.link--darker {color: rgba(0, 0, 0, 0.8) !important;} .u-resetSpectrum .u-baseColor--placeholderNormal ::-webkit-input-placeholder {color: rgba(0, 0, 0, 0.2980392156862745);} .u-resetSpectrum .u-baseColor--placeholderNormal ::-moz-placeholder {color: rgba(0, 0, 0, 0.2980392156862745);} .u-resetSpectrum .u-baseColor--placeholderNormal :-ms-input-placeholder {color: rgba(0, 0, 0, 0.2980392156862745);} .u-resetSpectrum .ui-h1,.u-resetSpectrum .ui-h2,.u-resetSpectrum .ui-h3,.u-resetSpectrum .ui-h4,.u-resetSpectrum .ui-brand1,.u-resetSpectrum .ui-brand2,.u-resetSpectrum .ui-captionStrong {color: rgba(0, 0, 0, 0.8) !important; fill: rgba(0, 0, 0, 0.8) !important;} .u-resetSpectrum .ui-body,.u-resetSpectrum .ui-caps {color: rgba(0, 0, 0, 0.6) !important; fill: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .ui-summary,.u-resetSpectrum .ui-caption {color: rgba(0, 0, 0, 0.2980392156862745) !important; fill: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-accentColor--borderLight {border-color: rgba(26, 137, 23, 1) !important;} .u-resetSpectrum .u-accentColor--borderNormal {border-color: rgba(26, 137, 23, 1) !important;} .u-resetSpectrum .u-accentColor--borderDark {border-color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--iconLight .svgIcon,.u-resetSpectrum .u-accentColor--iconLight.svgIcon {fill: rgba(26, 137, 23, 1) !important;} .u-resetSpectrum .u-accentColor--iconNormal .svgIcon,.u-resetSpectrum .u-accentColor--iconNormal.svgIcon {fill: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--iconDark .svgIcon,.u-resetSpectrum .u-accentColor--iconDark.svgIcon {fill: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--textNormal {color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--hoverTextNormal:hover {color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--textNormal.u-accentColor--textDarken:hover {color: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--textDark {color: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--backgroundLight {background-color: rgba(26, 137, 23, 1) !important;} .u-resetSpectrum .u-accentColor--backgroundNormal {background-color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--backgroundDark {background-color: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--buttonDark {border-color: rgba(17, 128, 14, 1) !important; color: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--buttonDark:hover {border-color: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--buttonDark .icon:before,.u-resetSpectrum .u-accentColor--buttonDark .svgIcon{color: rgba(15, 115, 12, 1) !important; fill: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: rgba(26, 137, 23, 1) !important; color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--buttonNormal:hover {border-color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--buttonNormal .icon:before,.u-resetSpectrum .u-accentColor--buttonNormal .svgIcon{color: rgba(17, 128, 14, 1) !important; fill: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--buttonNormal.button--filled .icon:before,.u-resetSpectrum .u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-resetSpectrum .u-accentColor--buttonDark.button--filled,.u-resetSpectrum .u-accentColor--buttonDark.button--withChrome.is-active,.u-resetSpectrum .u-accentColor--fillWhenActive.is-active {background-color: rgba(15, 115, 12, 1) !important; border-color: rgba(15, 115, 12, 1) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-resetSpectrum .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-resetSpectrum .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: rgba(17, 128, 14, 1) !important; border-color: rgba(17, 128, 14, 1) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-resetSpectrum .postArticle.is-withAccentColors .markup--user,.u-resetSpectrum .postArticle.is-withAccentColors .markup--query {color: rgba(17, 128, 14, 1) !important;}</style><div class="js-collectionFooter u-hide"><div class="container u-maxWidth1040"><div class="u-marginTop10 u-paddingTop10 u-paddingBottom30 u-borderTopLighter"><div class="linkSet u-clearfix"><div class="u-floatRight u-textColorNormal u-baseColor--textNormal u-xs-floatLeft"><a class="button button--chromeless u-baseColor--buttonNormal u-marginLeft15 u-lineHeight35 u-xs-block u-xs-marginLeft0" href="https://medium.com/shopify-ux/about" title="About Shopify UX" aria-label="About Shopify UX">About Shopify UX</a><span class="middotDivider u-xs-hide"></span><a class="button button--chromeless u-baseColor--buttonNormal u-lineHeight35 u-xs-block" href="https://medium.com/shopify-ux/latest" title="Latest Stories for Shopify UX" aria-label="Latest Stories for Shopify UX">Latest Stories</a><span class="middotDivider u-xs-hide"></span><a class="button button--chromeless u-baseColor--buttonNormal u-lineHeight35 u-xs-block" href="https://medium.com/shopify-ux/archive" title="Archive for Shopify UX" aria-label="Archive for Shopify UX">Archive</a><span class="middotDivider u-xs-hide"></span><a class="button button--chromeless u-baseColor--buttonNormal u-lineHeight35 u-xs-block" href="https://medium.com/about">About Medium</a><span class="middotDivider u-xs-hide"></span><a class="button button--chromeless u-baseColor--buttonNormal u-lineHeight35 u-xs-block" href="https://policy.medium.com/medium-terms-of-service-9db0094a1e0f">Terms</a><span class="middotDivider u-xs-hide"></span><a class="button button--chromeless u-baseColor--buttonNormal u-lineHeight35 u-xs-block" href="https://policy.medium.com/medium-privacy-policy-f03bf92035c9">Privacy</a><span class="middotDivider u-xs-hide"></span><a class="button button--chromeless u-baseColor--buttonNormal u-lineHeight35 u-xs-block" href="https://medium.com/business">Teams</a></div></div></div></div></div></div></div></div><div class="loadingBar"></div><script>// <![CDATA[ window["obvInit"] = function (opt_embedded) {window["obvInit"]["embedded"] = opt_embedded; window["obvInit"]["ready"] = true;} // ]]></script><script>// <![CDATA[ var GLOBALS = {"audioUrl":"https://d1fcbxp97j4nb2.cloudfront.net","baseUrl":"https://medium.com","buildLabel":"20241126-1740-root","currentUser":{"userId":"lo_512ab6c8369b","isVerified":false,"subscriberEmail":"","hasPastMemberships":false,"isEnrolledInHightower":false,"isEligibleForHightower":true,"hightowerLastLockedAt":0,"isWriterProgramEnrolled":true,"isWriterProgramInvited":false,"isWriterProgramOptedOut":false,"writerProgramVersion":0,"writerProgramEnrolledAt":0,"friendLinkOnboarding":0,"hasAdditionalUnlocks":false,"hasApiAccess":false,"writerProgramDistributionSettingOptedIn":false,"isSuspended":false,"collectionOnboardingSeen":0,"atsQualifiedAt":0},"currentUserHasUnverifiedEmail":false,"isAuthenticated":false,"isCurrentUserVerified":false,"miroUrl":"https://cdn-images-1.medium.com","moduleUrls":{"base":"https://cdn-static-1.medium.com/_/fp/gen-js/main-base.bundle.95z8xpkUEidhPbIWsh2BVw.12.js","common-async":"https://cdn-static-1.medium.com/_/fp/gen-js/main-common-async.bundle.zqOu8dxaQRtqDyChHdOWlQ.12.js","hightower":"https://cdn-static-1.medium.com/_/fp/gen-js/main-hightower.bundle.y0UkxCxPBUbLlduk5XbwLQ.12.js","home-screens":"https://cdn-static-1.medium.com/_/fp/gen-js/main-home-screens.bundle.eZhPgaD8AglnbC5Rzxqvhg.12.js","misc-screens":"https://cdn-static-1.medium.com/_/fp/gen-js/main-misc-screens.bundle.XeRjm4FlHTBOsUvoOQ6Ppg.12.js","notes":"https://cdn-static-1.medium.com/_/fp/gen-js/main-notes.bundle.r9MSvtAmj0CMkyIC0CCCbA.12.js","payments":"https://cdn-static-1.medium.com/_/fp/gen-js/main-payments.bundle.AiXyuYj3AvxRA1-7HEyP9Q.12.js","posters":"https://cdn-static-1.medium.com/_/fp/gen-js/main-posters.bundle.fsLyLvZO4VZXL_zb4RXgeg.12.js","power-readers":"https://cdn-static-1.medium.com/_/fp/gen-js/main-power-readers.bundle.6Dyc-nVN2MDV_AM9XDAZug.12.js","pubs":"https://cdn-static-1.medium.com/_/fp/gen-js/main-pubs.bundle.rUyrVjlTpUj61voxnZosQw.12.js","stats":"https://cdn-static-1.medium.com/_/fp/gen-js/main-stats.bundle.2I2tXSo7-rbez_WYXfga0Q.12.js"},"previewConfig":{"weightThreshold":1,"weightImageParagraph":0.51,"weightIframeParagraph":0.8,"weightTextParagraph":0.08,"weightEmptyParagraph":0,"weightP":0.003,"weightH":0.005,"weightBq":0.003,"minPTextLength":60,"truncateBoundaryChars":20,"detectTitle":true,"detectTitleLevThreshold":0.15},"productName":"Medium","supportsEdit":false,"termsUrl":"//policy.medium.com/medium-terms-of-service-9db0094a1e0f","textshotHost":"textshot.textshot-production.svc.cluster.local","transactionId":"1732704913355:98c00c76a320","useragent":{"browser":"ie","family":"ie","os":"windows","version":7,"supportsDesktopEdit":false,"supportsInteract":false,"supportsView":true,"isMobile":false,"isTablet":false,"isNative":false,"supportsFileAPI":false,"isTier1":false,"clientVersion":"","clientChannel":"","supportsRealScrollEvents":false,"supportsVhUnits":false,"ruinsViewportSections":false,"supportsHtml5Video":false,"supportsMagicUnderlines":false,"isWebView":false,"isFacebookWebView":false,"supportsProgressiveMedia":false,"supportsPromotedPosts":true,"isBot":false,"isNativeIphone":false,"supportsCssVariables":false,"supportsVideoSections":true,"emojiSupportLevel":1,"isSearchBot":false,"isSyndicationBot":false,"isNativeAndroid":false,"isNativeIos":false,"isSeoAuditBot":false,"isInternalApp":false,"supportsApplePay":false,"supportsScrollableMetabar":false},"variants":{"allow_access":true,"allow_signup":true,"allow_test_auth":"disallow","android_enable_editor_new_publishing_flow":true,"android_enable_friend_links_creation":true,"android_enable_friend_links_postpage_banners":true,"android_enable_image_sharer":true,"android_enable_lists_v2":true,"android_enable_syntax_highlight":true,"android_enable_topic_portals":true,"android_rating_prompt_stories_read_threshold":2,"android_two_hour_refresh":true,"available_annual_plan":"2c754bcc2995","available_annual_premium_plan":"4a442ace1476","available_monthly_plan":"60e220181034","available_monthly_premium_plan":"12a660186432","browsable_stream_config_bucket":"curated-topics","can_receive_tips_v0":true,"can_send_tips_v0":true,"coronavirus_topic_recirc":true,"disable_partner_program_enrollment":true,"enable_abandoned_cart_promotion_email":true,"enable_android_dynamic_aspirational_paywall":true,"enable_android_dynamic_programming_paywall":true,"enable_android_miro_v2":true,"enable_android_offline_reading":true,"enable_android_verified_author":true,"enable_app_flirty_thirty":true,"enable_apple_sign_in":true,"enable_apple_webhook":true,"enable_aurora_pub_follower_page":true,"enable_author_cards":true,"enable_author_cards_byline":true,"enable_auto_follow_on_subscribe":true,"enable_automod":true,"enable_bayesian_average_pub_search":true,"enable_bg_post_post":true,"enable_billing_frequency_on_step2":"control","enable_boost_nia_v01":true,"enable_braintree_apple_pay":true,"enable_braintree_client":true,"enable_braintree_google_pay":true,"enable_braintree_integration":true,"enable_braintree_paypal":true,"enable_braintree_trial_membership":true,"enable_braintree_webhook":true,"enable_branch_io":true,"enable_cache_less_following_feed":true,"enable_configure_pronouns":true,"enable_conversion_model_v2":"group_2","enable_conversion_ranker_v2":"control","enable_creator_welcome_email":true,"enable_deprecate_legacy_providers_v3":true,"enable_diversification_rex":true,"enable_entities_to_follow_v2":true,"enable_eventstats_event_processing":true,"enable_explicit_signals":true,"enable_explicit_signals_updated_post_previews":true,"enable_footer_app_buttons":true,"enable_google_one_tap":true,"enable_google_webhook":true,"enable_group_gifting":true,"enable_iceland_forced_android":true,"enable_import":true,"enable_intrinsic_automatic_actions":true,"enable_ios_autorefresh":true,"enable_ios_dynamic_paywall_aspiriational":true,"enable_ios_dynamic_paywall_programming":true,"enable_ios_easy_resubscribe":true,"enable_ios_offline_reading":true,"enable_legacy_feed_in_iceland":true,"enable_lite_archive_page":true,"enable_lite_continue_this_thread":true,"enable_lite_homepage":true,"enable_lite_response_markup":true,"enable_lite_server_upstream_deadlines":true,"enable_lo_homepage":"control","enable_maim_the_meter":true,"enable_marketing_emails":true,"enable_mastodon_avatar_upload":true,"enable_mastodon_for_members":true,"enable_mastodon_for_members_username_selection":true,"enable_medium2_kbfd":true,"enable_members_only_audio":true,"enable_ml_rank_rex_anno":true,"enable_moc_load_processor_all_recs_surfaces":true,"enable_moc_load_processor_c":true,"enable_moc_load_processor_first_story":true,"enable_new_manage_membership_flow":true,"enable_new_stripe_customers":true,"enable_newsletter_lo_flow_custom_domains":true,"enable_pill_based_home_feed":true,"enable_post_bottom_responses":true,"enable_post_bottom_responses_input":true,"enable_pp_country_expansion":true,"enable_pp_v4":true,"enable_pre_pp_v4":true,"enable_premium_tier":true,"enable_premium_tier_badge":true,"enable_publication_hierarchy_web":true,"enable_ranker_v10":"control","enable_recaptcha_enterprise":true,"enable_recirc_model":true,"enable_recommended_publishers_query":true,"enable_rex_aggregator_v2":true,"enable_rex_new_push_notification_endpoint":true,"enable_rex_reading_history":true,"enable_rito_upstream_deadlines":true,"enable_seamless_social_sharing":true,"enable_see_pronouns":true,"enable_sharer_create_post_share_key":true,"enable_sharer_validate_post_share_key":true,"enable_simplified_digest_v2_b":true,"enable_speechify_ios":true,"enable_speechify_widget":true,"enable_sprig":true,"enable_starspace":true,"enable_susi_redesign_android":true,"enable_susi_redesign_ios":true,"enable_switch_plan_premium_tier":true,"enable_tag_recs":true,"enable_tick_landing_page":true,"enable_tipping_v0_android":true,"enable_tipping_v0_ios":true,"enable_tribute_landing_page":true,"enable_update_explore_wtf":true,"enable_update_topic_portals_wtf":true,"enable_updated_pub_recs_ui":true,"enable_verifications_service":true,"glyph_font_set":"m2-unbound-source-serif-pro","goliath_externalsearch_enable_comment_deindexation":true,"ios_display_paywall_after_onboarding":true,"ios_enable_friend_links_creation":true,"ios_enable_friend_links_postpage_banners":true,"ios_enable_home_post_menu":true,"ios_enable_lock_responses":true,"ios_enable_verified_book_author":true,"ios_iceland_nux":true,"ios_in_app_free_trial":true,"ios_remove_twitter_onboarding_step":true,"ios_social_share_sheet":true,"limit_post_referrers":true,"limit_user_follows":true,"mobile_custom_app_icon":true,"num_post_bottom_responses_to_show":"1","onboarding_tags_from_top_views":true,"reader_fair_distribution_non_qp":true,"redefined_top_posts":true,"reengagement_notification_duration":3,"rex_generator_max_candidates":1000,"signin_services":"twitter,facebook,google,email,google-fastidv,google-one-tap,apple","signup_services":"twitter,facebook,google,email,google-fastidv,google-one-tap,apple","skip_fs_cache_user_vals":true},"xsrfToken":"","iosAppId":"828256236","supportEmail":"yourfriends@medium.com","fp":{"/icons/monogram-mask.svg":"https://cdn-static-1.medium.com/_/fp/icons/monogram-mask.KPLCSFEZviQN0jQ7veN2RQ.12.svg","/icons/favicon-medium-editor.ico":"https://cdn-static-1.medium.com/_/fp/icons/favicon-medium-editor.PiakrZWB7Yb80quUVQWM6g.12.ico"},"authBaseUrl":"https://medium.com","imageUploadSizeMb":25,"isAuthDomainRequest":true,"algoliaApiEndpoint":"https://MQ57UUUQZ2-dsn.algolia.net","algoliaAppId":"MQ57UUUQZ2","algoliaSearchOnlyApiKey":"394474ced050e3911ae2249ecc774921","iosAppStoreUrl":"https://itunes.apple.com/app/medium-everyones-stories/id828256236?pt=698524&mt=8","iosAppLinkBaseUrl":"medium:","algoliaIndexPrefix":"medium_","androidPlayStoreUrl":"https://play.google.com/store/apps/details?id=com.medium.reader","googleClientId":"216296035834-k1k6qe060s2tp2a2jam4ljdcms00sttg.apps.googleusercontent.com","androidPackage":"com.medium.reader","androidPlayStoreMarketScheme":"market://details?id=com.medium.reader","googleAuthUri":"https://accounts.google.com/o/oauth2/auth","androidScheme":"medium","layoutData":{"useDynamicScripts":false,"googleAnalyticsTrackingCode":"G-7JY7T788PK","jsShivUrl":"https://cdn-static-1.medium.com/_/fp/js/shiv.RI2ePTZ5gFmMgLzG5bEVAA.12.js","useDynamicCss":false,"faviconUrl":"https://miro.medium.com/v2/5d8de952517e8160e40ef9841c781cdc14a5db313057fa3c3de41c6f5b494b19","faviconImageId":"5d8de952517e8160e40ef9841c781cdc14a5db313057fa3c3de41c6f5b494b19","fontSets":[{"id":8,"url":"https://glyph.medium.com/css/e/sr/latin/e/ssr/latin/e/ssb/latin/m2-unbound-source-serif-pro.css"},{"id":11,"url":"https://glyph.medium.com/css/m2-unbound-source-serif-pro.css"},{"id":9,"url":"https://glyph.medium.com/css/mkt.css"}],"glyphUrl":"https://glyph.medium.com"},"authBaseUrlRev":"moc.muidem//:sptth","stripePublishableKey":"pk_live_7FReX44VnNIInZwrIIx6ghjl","archiveUploadSizeMb":100,"previewConfig2":{"weightThreshold":1,"weightImageParagraph":0.05,"raiseImage":true,"enforceHeaderHierarchy":true,"isImageInsetRight":true},"isAmp":false,"iosScheme":"medium","facebook":{"key":"542599432471018","namespace":"medium-com","scope":{"default":["public_profile","email"],"connect":["public_profile","email"],"login":["public_profile","email"],"share":["public_profile","email"]}},"memberContentTopicId":"13d7efd82fb2","audioContentTopicId":"3792abbd134","isDoNotAuth":false,"buggle":{"videoUrl":"https://cdn-videos-1.medium.com","audioUrl":"https://cdn-audio-1.medium.com"},"referrerType":5,"partnerProgramEmail":"partnerprogram@medium.com","recaptchaKey":"6Lfc37IUAAAAAKGGtC6rLS13R1Hrw_BqADfS1LRk","countryCode":"SG","bypassMeter":false,"branchKey":"key_live_ofxXr2qTrrU9NqURK8ZwEhknBxiI6KBm","paypal":{"clientMode":"production","oneYearGift":{"name":"Medium Membership (1 Year, Digital Gift Code)","description":"Unlimited access to the best and brightest stories on Medium. Gift codes can be redeemed at medium.com/redeem.","price":"50.00","currency":"USD","sku":"membership-gift-1-yr"}},"collectionConfig":{"mediumOwnedAndOperatedCollectionIds":["8a9336e5bb4","b7e45b22fec3","193b68bd4fba","8d6b8a439e32","54c98c43354d","3f6ecf56618","d944778ce714","92d2092dc598","ae2a65f35510","1285ba81cada","544c7006046e","fc8964313712","40187e704f1c","88d9857e584e","7b6769f2748b","bcc38c8f6edf","cef6983b292","cb8577c9149e","444d13b52878","713d7dbc99b0","ef8e90590e66","191186aaafa0","55760f21cdc5","9dc80918cc93","bdc4052bbdba","8ccfed20cbb2"]},"bypassMeterWithShareKey":false,"recaptcha3Key":"6Lf8R9wUAAAAABMI_85Wb8melS7Zj6ziuf99Yot5","braintreeClientKey":"production_zjkj96jm_m56f8fqpf7ngnrd4","cdcMessaging":[{"text":"For more information on the novel coronavirus and Covid-19, visit ","href":"","type":"text","start":0,"end":0},{"text":"cdc.gov","href":"https://www.cdc.gov/coronavirus/2019-nCoV","type":"link","start":66,"end":73},{"text":".","href":"","type":"text","start":0,"end":0}],"braintree":{"merchantId":"m56f8fqpf7ngnrd4"},"diagnostics":{},"domain":"medium.com"} // ]]></script><script charset="UTF-8" src="https://cdn-static-1.medium.com/_/fp/gen-js/main-base.bundle.95z8xpkUEidhPbIWsh2BVw.12.js" async></script><script>// <![CDATA[ window["obvInit"]({"references":{"CollectionPromo":{"7668f4722faf":{"promoId":"7668f4722faf","collectionId":"bbc664515c9e","createdAt":1492093006166,"linkWithContentItem":{"url":"https://www.shopify.com/careers/teams/ux","description":"Help us design the future of commerce.","buttonText":"Explore roles in UX at Shopify","tintColor":"#FF7C4CFB","colorSpectrum":{"colorPoints":[{"color":"#FF7C4CFB","point":0},{"color":"#FF8866FD","point":0.1},{"color":"#FF957BFF","point":0.2},{"color":"#FFA28EFF","point":0.3},{"color":"#FFB09FFF","point":0.4},{"color":"#FFBDB0FF","point":0.5},{"color":"#FFCBC0FF","point":0.6},{"color":"#FFD8D0FF","point":0.7},{"color":"#FFE6DEFF","point":0.8},{"color":"#FFF3EDFF","point":0.9},{"color":"#FFFFFBFF","point":1}],"backgroundColor":"#FF7C4CFB"},"isLightText":true},"itemType":"linkWithContentItem","type":"CollectionPromo"}},"Collection":{"bbc664515c9e":{"id":"bbc664515c9e","name":"Shopify UX","slug":"shopify-ux","tags":[],"creatorId":"98e946043b16","description":"The latest thinking on commerce, craft, and culture from the Shopify UX team.","shortDescription":"The latest thinking on commerce, craft, and culture from…","image":{"imageId":"1*7uZW5TYHanffvCImGRBkZw.jpeg","filter":"","backgroundSize":"","originalWidth":1080,"originalHeight":1080,"strategy":"resample","height":0,"width":0},"metadata":{"followerCount":70129,"activeAt":1690312966363},"virtuals":{"permissions":{"canPublish":false,"canPublishAll":false,"canRepublish":false,"canRemove":false,"canManageAll":false,"canSubmit":false,"canEditPosts":false,"canAddWriters":false,"canViewStats":false,"canSendNewsletter":false,"canViewLockedPosts":false,"canViewCloaked":false,"canEditOwnPosts":false,"canBeAssignedAuthor":false,"canEnrollInHightower":false,"canLockPostsForMediumMembers":false,"canLockOwnPostsForMediumMembers":false,"canViewNewsletterV2Stats":false,"canCreateNewsletterV3":false},"isSubscribed":false,"isEnrolledInHightower":false,"isEligibleForHightower":false,"isSubscribedToCollectionEmails":false,"isMuted":false,"canToggleEmail":false,"isWriter":false},"logo":{"imageId":"1*7uZW5TYHanffvCImGRBkZw.jpeg","filter":"","backgroundSize":"","originalWidth":1080,"originalHeight":1080,"strategy":"resample","height":0,"width":0},"sections":[{"type":2,"collectionHeaderMetadata":{"title":"Shopify UX","description":"The latest thinking on commerce, craft, and culture from the Shopify UX team.","backgroundImage":{"id":"1*3SjVdVXS4cA9jCCgXDbEsw.png","originalWidth":2700,"originalHeight":334},"logoImage":{"id":"1*vRNB7Td3ZnutdrwoDJK0NA@2x.png","originalWidth":213,"originalHeight":240,"alt":"Shopify UX"},"alignment":2,"layout":5}},{"type":1,"postListMetadata":{"source":3,"layout":4,"number":1,"postIds":["7c54fc6564d9"],"sectionHeader":"Featured Story"}},{"type":1,"postListMetadata":{"source":1,"layout":4,"number":6,"postIds":[],"sectionHeader":"Fresh reads"}},{"type":3,"promoMetadata":{"sectionHeader":"","promoId":"7668f4722faf"}},{"type":1,"postListMetadata":{"source":3,"layout":4,"number":3,"postIds":["b2c55a392dea","e2299ef95c88","c5a6967fc4e7"],"sectionHeader":"Polaris"}},{"type":1,"postListMetadata":{"source":3,"layout":4,"number":3,"postIds":["e4e24c761895","ab12e299b90","d6f35b5dee9d"],"sectionHeader":"Case studies"}},{"type":1,"postListMetadata":{"source":3,"layout":4,"number":3,"postIds":["b0cba16a3fda","7725f46ad79e","9a8af0d85934"],"sectionHeader":"Culture"}},{"type":3,"promoMetadata":{"sectionHeader":"","promoId":"c6a925053dbf"}},{"type":1,"postListMetadata":{"source":3,"layout":4,"number":3,"postIds":["2668e20451d1","9f918764b2a3","704264f21cde"],"sectionHeader":"Leadership"}},{"type":1,"postListMetadata":{"source":2,"layout":4,"number":6,"postIds":[],"sectionHeader":"Popular posts"}}],"favicon":{"imageId":"1*7uZW5TYHanffvCImGRBkZw.jpeg","filter":"","backgroundSize":"","originalWidth":1080,"originalHeight":1080,"strategy":"resample","height":0,"width":0},"colorPalette":{"defaultBackgroundSpectrum":{"colorPoints":[{"color":"#FF1A8917","point":0},{"color":"#FF11800E","point":0.1},{"color":"#FF0F730C","point":0.2},{"color":"#FF095407","point":1}],"backgroundColor":"#FFFFFFFF"},"highlightSpectrum":{"colorPoints":[{"color":"#FFFFFFFF","point":0},{"color":"#FFE8F3E8","point":0.1},{"color":"#FFE8F3E8","point":0.2},{"color":"#FFD1E7D1","point":0.6},{"color":"#FFA3D0A2","point":1}],"backgroundColor":"#FFFFFFFF"},"darkBackgroundSpectrum":{"colorPoints":[{"color":"#FF095407","point":0},{"color":"#FF0F730C","point":0.1},{"color":"#FF11800E","point":0.2},{"color":"#FF1A8917","point":1}],"backgroundColor":"#FF000000"}},"navItems":[{"type":1,"title":"Design","tagSlug":"design","url":"https://medium.com/shopify-ux/tagged/design","source":"tagSlug"},{"type":1,"title":"Content Design","tagSlug":"content-strategy","url":"https://medium.com/shopify-ux/tagged/content-strategy","source":"tagSlug"},{"type":1,"title":"Research","tagSlug":"ux-research","url":"https://medium.com/shopify-ux/tagged/ux-research","source":"tagSlug"},{"type":4,"title":"Polaris","url":"https://medium.com/shopify-ux/polaris/home","topicId":"e6feb4c884dc","source":"topicId"},{"type":4,"title":"Case studies","url":"https://medium.com/shopify-ux/casestudies/home","topicId":"de774a6d6c44","source":"topicId"},{"type":4,"title":"Culture","url":"https://medium.com/shopify-ux/culture/home","topicId":"adac7c56c8ae","source":"topicId"},{"type":4,"title":"Podcast","url":"https://medium.com/shopify-ux/podcast/home","topicId":"af2e8e486267","source":"topicId"},{"type":3,"title":"Careers","url":"https://www.shopify.com/careers/teams/ux"}],"colorBehavior":1,"googleAnalyticsId":"UA-49178120-14","collectionFeatures":[30,25],"ampLogo":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"header":{"title":"Shopify UX","description":"The latest thinking on commerce, craft, and culture from the Shopify UX team.","backgroundImage":{"id":"1*3SjVdVXS4cA9jCCgXDbEsw.png","originalWidth":2700,"originalHeight":334},"logoImage":{"id":"1*vRNB7Td3ZnutdrwoDJK0NA@2x.png","originalWidth":213,"originalHeight":240,"alt":"Shopify UX"},"alignment":2,"layout":5},"paidForDomainAt":1492094849915,"subscriberCount":70129,"tagline":"The latest thinking on commerce, craft, and culture from the Shopify UX team.","isOptedIntoAurora":false,"newsletterV3":{"newsletterV3Id":"48197802978","type":1,"name":"Inside Shopify UX","description":"The latest blog posts, jobs, and news from Shopify's UX team.","collectionId":"bbc664515c9e","newsletterSlug":"inside-shopify-ux","isSubscribed":false,"showPromo":false,"avatarImageId":"1*7uZW5TYHanffvCImGRBkZw.jpeg","creatorId":"98e946043b16","showNewsletterPostsInCollectionHome":false,"exportableSubscribersCount":2037,"subscribersCount":10351,"promoHeadline":"","promoBody":"","replyToEmail":""},"isCurationAllowedByDefault":false,"polarisCoverImage":{"imageId":"1*-8mqgDwriZNBxKAazV-rjg.png","filter":"","backgroundSize":"","originalWidth":600,"originalHeight":683,"strategy":"resample","height":0,"width":0},"ptsQualifiedAt":1616092834809,"type":"Collection"}},"User":{"463659dc147f":{"userId":"463659dc147f","name":"José Torre","username":"halfool","createdAt":1431448114133,"imageId":"1*UVVl3noG-W8A5Uf_mHOquw.jpeg","backgroundImageId":"1*Y4d2hxSWaMcJtFUWnIlUEA.png","bio":"Designer. Working at Shopify by day, being Halfool by night.","twitterScreenName":"halfool_draws","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"","optInToIceland":true,"subdomainCreatedAt":1609351338298,"hasCompletedProfile":false,"isCreatorPartnerProgramEnrolled":true,"userDismissableFlags":[29,12,9,5,21,30,3,19,2,18,1],"hasSeenIcelandOnboarding":true,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-gb","type":"User"},"7eca742ddd76":{"userId":"7eca742ddd76","name":"Michael Overmeyer","username":"movermeyer_shopify","createdAt":1683033913516,"imageId":"1*5sLyzofIUEkWIL-XSbB3aQ.jpeg","backgroundImageId":"","bio":"Software Developer @ Shopify","twitterScreenName":"","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"","optInToIceland":true,"hasCompletedProfile":false,"userDismissableFlags":[29],"hasSeenIcelandOnboarding":false,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"},"88b6382ceeeb":{"userId":"88b6382ceeeb","name":"Maude Trudeau","username":"maude.trudeau","createdAt":1588172008171,"imageId":"1*xPtpAYXY0kDVXhspjXRyRg.jpeg","backgroundImageId":"","bio":"Staff product designer at Shopify","twitterScreenName":"","allowNotes":1,"mediumMemberAt":1669656605000,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"","optInToIceland":true,"hasCompletedProfile":false,"userDismissableFlags":[32,29,12,8,5,21,30,2,33],"hasSeenIcelandOnboarding":false,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"},"e4a1805ac3bc":{"userId":"e4a1805ac3bc","name":"Annette Bater","username":"annette.bater","createdAt":1576261397983,"imageId":"0*SGQqCRLpt1RAa9v3","backgroundImageId":"","bio":"","twitterScreenName":"","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"","optInToIceland":true,"hasCompletedProfile":false,"userDismissableFlags":[12,32,2],"hasSeenIcelandOnboarding":false,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"},"220b60c1e0ac":{"userId":"220b60c1e0ac","name":"Joey Lacus","username":"jlacus","createdAt":1467837257534,"imageId":"1*g-yLm3pGqYfpUDlDH6376A.jpeg","backgroundImageId":"","bio":"Product Design @ShopifyUX","twitterScreenName":"JoeyLacus","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"","optInToIceland":true,"hasCompletedProfile":false,"userDismissableFlags":[32,29,7,5,21,30,2,1,33],"hasSeenIcelandOnboarding":true,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"},"4d46a6732579":{"userId":"4d46a6732579","name":"Rachel McClung","username":"rachelmc","createdAt":1366167776785,"imageId":"2*WYJ5KdBkfFic9KuCGUnSlQ.jpeg","backgroundImageId":"","bio":"Product designer steeped in the Swiss design tradition. Thinker, writer, speaker.","twitterScreenName":"rachelmc","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":false,"facebookDisplayName":"","optInToIceland":true,"hasCompletedProfile":false,"userDismissableFlags":[29,12,21,3,2,18,1],"hasSeenIcelandOnboarding":true,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"},"63d5d1ccbf22":{"userId":"63d5d1ccbf22","name":"Laura Griffee","username":"lauragriffee","createdAt":1546543082046,"imageId":"1*KnZkPNGINy9wf9Jb6cSY1Q.jpeg","backgroundImageId":"","bio":"Design Systems @ Shopify 🚀✨","twitterScreenName":"","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"","optInToIceland":true,"subdomainCreatedAt":1648568626243,"hasCompletedProfile":false,"userDismissableFlags":[8,29,12,3,2],"hasSeenIcelandOnboarding":false,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"},"c8287ed39c35":{"userId":"c8287ed39c35","name":"Shay Perez","username":"shay.perez","createdAt":1583778002316,"imageId":"1*uYp88s2klEXPW8OK3qd6Qg.png","backgroundImageId":"","bio":"Curiosity and coffee drive me. Content designer | UX @ Shopify","twitterScreenName":"","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"firstOpenedIosApp":1620944545880,"isMembershipTrialEligible":true,"facebookDisplayName":"","optInToIceland":true,"hasCompletedProfile":false,"userDismissableFlags":[8,21,3,2],"hasSeenIcelandOnboarding":true,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en","type":"User"},"9ecc710eb365":{"userId":"9ecc710eb365","name":"Yesenia Perez-Cruz","username":"yeseniaperezcruz","createdAt":1446062989642,"imageId":"0*dBCpAbxnAlpAkoHe.jpg","backgroundImageId":"","bio":"","twitterScreenName":"","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"Yesenia Perez-Cruz","optInToIceland":true,"hasCompletedProfile":false,"userDismissableFlags":[2],"hasSeenIcelandOnboarding":false,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"}},"Post":{"7c54fc6564d9":{"id":"7c54fc6564d9","versionId":"97dd109d399e","creatorId":"463659dc147f","homeCollectionId":"bbc664515c9e","title":"Uplifting Shopify Polaris","detectedLanguage":"en","latestVersion":"97dd109d399e","latestPublishedVersion":"97dd109d399e","hasUnpublishedEdits":false,"latestRev":2672,"createdAt":1690224105026,"updatedAt":1706726433259,"acceptedAt":0,"firstPublishedAt":1690312966196,"latestPublishedAt":1691063649238,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"The process of evolving a large scale Design System.","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*247B8K14YiHZH7hjuvG2Zg.png","filter":"","backgroundSize":"","originalWidth":3840,"originalHeight":1874,"strategy":"resample","height":0,"width":0},"wordCount":3150,"imageCount":31,"readingTime":14.18679245283019,"subtitle":"The process of evolving a large scale Design System.","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":376,"isBookmarked":false,"tags":[{"slug":"design","name":"Design","postCount":399436,"metadata":{"postCount":399436,"coverImage":{"id":"1*9HBxmCTAsK0_WHSzx6zZvw.jpeg"}},"type":"Tag"},{"slug":"ux","name":"UX","postCount":210240,"metadata":{"postCount":210240,"coverImage":{"id":"1*37Eigq3JKbx0gOkjwjctUg.png","originalWidth":4000,"originalHeight":2660,"isFeatured":true,"alt":"Interface -\x3e semanctic token of the toggle switch element -\x3e color themes in light and dark modes"}},"type":"Tag"},{"slug":"design-systems","name":"Design Systems","postCount":9210,"metadata":{"postCount":9210,"coverImage":{"id":"1*37Eigq3JKbx0gOkjwjctUg.png","originalWidth":4000,"originalHeight":2660,"isFeatured":true,"alt":"Interface -\x3e semanctic token of the toggle switch element -\x3e color themes in light and dark modes"}},"type":"Tag"},{"slug":"shopify","name":"Shopify","postCount":22004,"metadata":{"postCount":22004,"coverImage":{"id":"1*JcwG6XTn_p-BmsHyjlpzaw.png","originalWidth":1400,"originalHeight":1000}},"type":"Tag"},{"slug":"polaris","name":"Polaris","postCount":152,"metadata":{"postCount":152,"coverImage":{"id":"0*IGy--uEVgi3F4CUS","originalWidth":3000,"originalHeight":2000,"isFeatured":true,"unsplashPhotoId":"pnPS3Ox_2vE"}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":0,"links":{"entries":[],"version":"0.3","generatedAt":1691063649426},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":2215,"sectionCount":1,"readingList":0,"topics":[{"topicId":"55321ac40456","slug":"design","createdAt":1536181929758,"deletedAt":0,"image":{"id":"1*1aLu20aptPeUTDg_E8KtmA@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Design","description":"Below the surface.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Design Articles and News — Medium","type":"Topic"}]},"coverless":true,"slug":"uplifting-shopify-polaris","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":false,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"uplifting-shopify-polaris-7c54fc6564d9","previewContent":{"bodyModel":{"paragraphs":[{"name":"6c75","type":4,"text":"","markups":[],"layout":10,"metadata":{"id":"1*247B8K14YiHZH7hjuvG2Zg.png","originalWidth":3840,"originalHeight":1874}},{"name":"0dc5","type":3,"text":"Uplifting Shopify Polaris","markups":[],"alignment":1},{"name":"2cae","type":13,"text":"The process of evolving a large scale design system","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"The process of evolving a large scale Design System."},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"bbc664515c9e","isNewsletter":false,"newsletterId":"9a2a19209987","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":1,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"6c75","type":4,"text":"","markups":[],"layout":5,"metadata":{"id":"1*247B8K14YiHZH7hjuvG2Zg.png","originalWidth":3840,"originalHeight":1874}},{"name":"0dc5","type":3,"text":"Uplifting Shopify Polaris","markups":[]},{"name":"2cae","type":13,"text":"The process of evolving a large scale design system","markups":[]},{"name":"59d1","type":1,"text":"For years, Polaris’s design language has been relatively unchanged. It was heavily influenced by the once-pervasive flat design trend, and although there was a minor update in 2020 with new colors and illustrations, the core design philosophy barely evolved.","markups":[]}],"sections":[{"name":"90df","startIndex":0}]},"isFullContent":false,"subtitle":"The process of evolving a large scale Design System."},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":true,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"75c62303d3aa":{"id":"75c62303d3aa","versionId":"cbb5bd0fdaa2","creatorId":"7eca742ddd76","homeCollectionId":"bbc664515c9e","title":"Getting the point across: adding context for translation quality","detectedLanguage":"en","latestVersion":"cbb5bd0fdaa2","latestPublishedVersion":"cbb5bd0fdaa2","hasUnpublishedEdits":false,"latestRev":321,"createdAt":1683037208204,"updatedAt":1683051576058,"acceptedAt":0,"firstPublishedAt":1683051567593,"latestPublishedAt":1683051567593,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Techniques you can use to help translators deliver high-quality translations","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*eg_5oMF9I8h2jEf3xJoTkw.png","filter":"","backgroundSize":"","originalWidth":2944,"originalHeight":1464,"strategy":"resample","height":0,"width":0},"wordCount":1352,"imageCount":7,"readingTime":6.15188679245283,"subtitle":"Techniques you can use to help translators deliver high-quality translations","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":7,"isBookmarked":false,"tags":[{"slug":"translation","name":"Translation","postCount":18182,"metadata":{"postCount":18182,"coverImage":{"id":"0*oOBughXOiCVYwE27","originalWidth":5184,"originalHeight":3888,"isFeatured":true,"unsplashPhotoId":"ssmsoRCLE2U"}},"type":"Tag"},{"slug":"ux","name":"UX","postCount":210240,"metadata":{"postCount":210240,"coverImage":{"id":"1*37Eigq3JKbx0gOkjwjctUg.png","originalWidth":4000,"originalHeight":2660,"isFeatured":true,"alt":"Interface -\x3e semanctic token of the toggle switch element -\x3e color themes in light and dark modes"}},"type":"Tag"},{"slug":"front-end-development","name":"Front End Development","postCount":50252,"metadata":{"postCount":50252,"coverImage":{"id":"0*BTaIEoMZlgOipidp","originalWidth":6016,"originalHeight":4016,"isFeatured":true,"unsplashPhotoId":"qDY9ahp0Mto"}},"type":"Tag"},{"slug":"web-develop-and-design","name":"Web Develop And Design","postCount":314,"metadata":{"postCount":314,"coverImage":{"id":"1*QZjVQussVgU11QL9Z74EvA.jpeg","originalWidth":1200,"originalHeight":1200,"isFeatured":true}},"type":"Tag"},{"slug":"localization","name":"Localization","postCount":5508,"metadata":{"postCount":5508,"coverImage":{"id":"1*qObq13v0LN_RHFb-1lz7yw.gif","originalWidth":1152,"originalHeight":648,"isFeatured":true}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":0,"links":{"entries":[{"url":"https://polaris.shopify.com/foundations/internationalization#plan-for-text-expansion","alts":[],"httpStatus":200},{"url":"https://en.wikipedia.org/wiki/WYSIWYG","alts":[],"httpStatus":200},{"url":"https://en.wikipedia.org/wiki/Polysemy","alts":[],"httpStatus":200},{"url":"https://en.wikipedia.org/wiki/Optical_character_recognition","alts":[],"httpStatus":200},{"url":"https://en.wikipedia.org/wiki/A_picture_is_worth_a_thousand_words","alts":[],"httpStatus":200},{"url":"https://ux.shopify.com/how-to-concatenate-localized-strings-mindfully-bcc7b6d4961a","alts":[{"type":2,"url":"medium://p/bcc7b6d4961a"},{"type":3,"url":"medium://p/bcc7b6d4961a"}],"httpStatus":200}],"version":"0.3","generatedAt":1683051568292},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":86,"sectionCount":1,"readingList":0,"topics":[{"topicId":"55321ac40456","slug":"design","createdAt":1536181929758,"deletedAt":0,"image":{"id":"1*1aLu20aptPeUTDg_E8KtmA@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Design","description":"Below the surface.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Design Articles and News — Medium","type":"Topic"}]},"coverless":true,"slug":"getting-the-point-across-adding-context-for-translation-quality","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"getting-the-point-across-adding-context-for-translation-quality-75c62303d3aa","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*eg_5oMF9I8h2jEf3xJoTkw.png","originalWidth":2944,"originalHeight":1464,"isFeatured":true}},{"name":"4eb6","type":3,"text":"Getting the point across: adding context for translation quality","markups":[],"alignment":1},{"name":"7350","type":13,"text":"Techniques you can use to help…","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Techniques you can use to help translators deliver high-quality translations"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"bbc664515c9e","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":0,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"4eb6","type":3,"text":"Getting the point across: adding context for translation quality","markups":[]},{"name":"7350","type":13,"text":"Techniques you can use to help translators deliver high-quality translations","markups":[]},{"name":"8490","type":4,"text":"Illustration by Alek Mackie.","markups":[],"layout":1,"metadata":{"id":"1*eg_5oMF9I8h2jEf3xJoTkw.png","originalWidth":2944,"originalHeight":1464,"isFeatured":true}},{"name":"b54b","type":3,"text":"Providing context to translators","markups":[]},{"name":"0f2b","type":1,"text":"Producing quality translations is tricky. Beyond knowing the source and target languages intimately, translators also need to understand the context of where and how the strings they are translating are going to be used.","markups":[]},{"name":"9446","type":1,"text":"Without this information, translators are left to guess the meaning of strings, leading to reduced translation…","markups":[]}],"sections":[{"name":"3ca5","startIndex":0}]},"isFullContent":false,"subtitle":"Techniques you can use to help translators deliver high-quality translations"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"dc9e62a04977":{"id":"dc9e62a04977","versionId":"428f827fb4","creatorId":"88b6382ceeeb","homeCollectionId":"bbc664515c9e","title":"The UX design story behind Shopify’s Flex Comp tool","detectedLanguage":"en","latestVersion":"428f827fb4","latestPublishedVersion":"428f827fb4","hasUnpublishedEdits":false,"latestRev":651,"createdAt":1669657114482,"updatedAt":1670421033749,"acceptedAt":0,"firstPublishedAt":1670011765508,"latestPublishedAt":1670421029127,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"How we used an adaptive design mindset to build a complex internal tool","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*JuUD96DBIboP2rMxTeyJBw.png","filter":"","backgroundSize":"","originalWidth":1403,"originalHeight":825,"strategy":"resample","height":0,"width":0},"wordCount":2187,"imageCount":8,"readingTime":9.386163522012579,"subtitle":"How we used an adaptive design mindset to build a complex internal tool","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":37,"isBookmarked":false,"tags":[{"slug":"ux","name":"UX","postCount":210240,"metadata":{"postCount":210240,"coverImage":{"id":"1*37Eigq3JKbx0gOkjwjctUg.png","originalWidth":4000,"originalHeight":2660,"isFeatured":true,"alt":"Interface -\x3e semanctic token of the toggle switch element -\x3e color themes in light and dark modes"}},"type":"Tag"},{"slug":"design","name":"Design","postCount":399436,"metadata":{"postCount":399436,"coverImage":{"id":"1*9HBxmCTAsK0_WHSzx6zZvw.jpeg"}},"type":"Tag"},{"slug":"design-process","name":"Design Process","postCount":25192,"metadata":{"postCount":25192,"coverImage":{"id":"1*fO3cuvXj0hahTXpcKS6wTA.jpeg","originalWidth":2880,"originalHeight":1440,"isFeatured":true}},"type":"Tag"},{"slug":"shopify","name":"Shopify","postCount":22004,"metadata":{"postCount":22004,"coverImage":{"id":"1*JcwG6XTn_p-BmsHyjlpzaw.png","originalWidth":1400,"originalHeight":1000}},"type":"Tag"},{"slug":"hr-software","name":"Hr Software","postCount":4240,"metadata":{"postCount":4240,"coverImage":{"id":"1*hBV4CpNsSyOPWemAXf2BPQ.png","originalWidth":1920,"originalHeight":1080,"isFeatured":true}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":2,"links":{"entries":[{"url":"https://www.linkedin.com/in/maude-trudeau-70847172/","alts":[],"httpStatus":999},{"url":"https://shopify.engineering/building-flex-comp","alts":[],"httpStatus":200},{"url":"https://news.shopify.com/rewriting-the-story-of-compensation","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1670421029547},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":259,"sectionCount":2,"readingList":0,"topics":[{"topicId":"55321ac40456","slug":"design","createdAt":1536181929758,"deletedAt":0,"image":{"id":"1*1aLu20aptPeUTDg_E8KtmA@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Design","description":"Below the surface.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Design Articles and News — Medium","type":"Topic"},{"topicId":"617a1adb36d5","slug":"ux","createdAt":1540922382587,"deletedAt":0,"image":{"id":"1*X6jzEGtbMtOW4eoQJcDImQ@2x.jpeg","originalWidth":1920,"originalHeight":1275},"name":"UX","description":"All about that user.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"UX Articles and News — Medium","type":"Topic"}]},"coverless":true,"slug":"the-ux-design-story-behind-shopifys-flex-comp-tool","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"the-ux-design-story-behind-shopifys-flex-comp-tool-dc9e62a04977","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*JuUD96DBIboP2rMxTeyJBw.png","originalWidth":1403,"originalHeight":825,"isFeatured":true,"alt":"An illustration of an astronaut in space with a green background who is drawing constellations among planets."}},{"name":"a220","type":3,"text":"The UX design story behind Shopify’s Flex Comp tool","markups":[{"type":1,"start":0,"end":51}],"alignment":1},{"name":"7605","type":13,"text":"How we used an adaptive design mindset to build a…","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"How we used an adaptive design mindset to build a complex internal tool"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"bbc664515c9e","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":1,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"primaryTopicId":"617a1adb36d5","isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"a220","type":3,"text":"The UX design story behind Shopify’s Flex Comp tool","markups":[{"type":1,"start":0,"end":51}]},{"name":"7605","type":13,"text":"How we used an adaptive design mindset to build a complex internal tool","markups":[]},{"name":"d98a","type":4,"text":"Illustrations by Maude Trudeau.","markups":[],"layout":1,"metadata":{"id":"1*JuUD96DBIboP2rMxTeyJBw.png","originalWidth":1403,"originalHeight":825,"isFeatured":true,"alt":"An illustration of an astronaut in space with a green background who is drawing constellations among planets."}},{"name":"5f17","type":1,"text":"In August 2022, Shopify launched Shopify Flex Comp, our new approach totf compensation that puts product thinking at the forefront of how Shopify employees (a.k.a Shopifolk) get paid. It’s a bold and ambitious project that has the potential to rewrite the story of compensation in our industry.","markups":[{"type":3,"start":33,"end":50,"href":"https://news.shopify.com/rewriting-the-story-of-compensation","title":"","rel":"noopener","anchorType":0}]},{"name":"f93d","type":1,"text":"Flex Comp gives…","markups":[]}],"sections":[{"name":"ab8d","startIndex":0}]},"isFullContent":false,"subtitle":"How we used an adaptive design mindset to build a complex internal tool"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"d5ecd1412f1e":{"id":"d5ecd1412f1e","versionId":"955123bdd545","creatorId":"e4a1805ac3bc","homeCollectionId":"bbc664515c9e","title":"Unlocking the power of data using Metafields","detectedLanguage":"en","latestVersion":"955123bdd545","latestPublishedVersion":"955123bdd545","hasUnpublishedEdits":false,"latestRev":183,"createdAt":1663769659071,"updatedAt":1667218110851,"acceptedAt":0,"firstPublishedAt":1667218103777,"latestPublishedAt":1667218103777,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"How content design helps democratize a complex developer feature for less technical merchants","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*4boxJ6A2kDmKthPM8Knl7A.jpeg","filter":"","backgroundSize":"","originalWidth":3960,"originalHeight":2640,"strategy":"resample","height":0,"width":0},"wordCount":1521,"imageCount":3,"readingTime":6.289622641509434,"subtitle":"How content design helps democratize a complex developer feature for less technical merchants","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":5,"isBookmarked":false,"tags":[{"slug":"content-design","name":"Content Design","postCount":2824,"metadata":{"postCount":2824,"coverImage":{"id":"1*mDSolOak6Z-4u-NSiwOdow.png","originalWidth":1247,"originalHeight":767,"isFeatured":true,"alt":"A black and white still from the 1944 film Gaslight. Paula, played by Ingrid Bergman, stares up with a haunted expression at a flickering gaslight chandelier in her home. Just one of its light is on."}},"type":"Tag"},{"slug":"metadata-management","name":"Metadata Management","postCount":328,"metadata":{"postCount":328,"coverImage":{"id":"0*h2NYEnvLIJEHroXN","originalWidth":1080,"originalHeight":1620,"isFeatured":true}},"type":"Tag"},{"slug":"shopify-ux","name":"Shopify Ux","postCount":3,"metadata":{"postCount":3,"coverImage":{"id":"1*4boxJ6A2kDmKthPM8Knl7A.jpeg","originalWidth":3960,"originalHeight":2640,"isFeatured":true}},"type":"Tag"},{"slug":"meta-fields","name":"Meta Fields","postCount":13,"metadata":{"postCount":13,"coverImage":{"id":"1*4boxJ6A2kDmKthPM8Knl7A.jpeg","originalWidth":3960,"originalHeight":2640,"isFeatured":true}},"type":"Tag"},{"slug":"data-standardization","name":"Data Standardization","postCount":56,"metadata":{"postCount":56,"coverImage":{"id":"1*5hQirIUBkM_iXqGZNLDyRw.png","originalWidth":750,"originalHeight":461,"isFeatured":true}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":0,"links":{"entries":[{"url":"https://unite.shopify.com/","alts":[],"httpStatus":200},{"url":"https://shopify.dev/apps/metafields","alts":[],"httpStatus":200},{"url":"https://www.shopify.ca/blog/why-brands-use-metafields","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1667218105579},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":26,"sectionCount":1,"readingList":0,"topics":[{"topicId":"55321ac40456","slug":"design","createdAt":1536181929758,"deletedAt":0,"image":{"id":"1*1aLu20aptPeUTDg_E8KtmA@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Design","description":"Below the surface.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Design Articles and News — Medium","type":"Topic"},{"topicId":"617a1adb36d5","slug":"ux","createdAt":1540922382587,"deletedAt":0,"image":{"id":"1*X6jzEGtbMtOW4eoQJcDImQ@2x.jpeg","originalWidth":1920,"originalHeight":1275},"name":"UX","description":"All about that user.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"UX Articles and News — Medium","type":"Topic"}]},"coverless":true,"slug":"unlocking-the-power-of-data-using-metafields","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"unlocking-the-power-of-data-using-metafields-d5ecd1412f1e","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*4boxJ6A2kDmKthPM8Knl7A.jpeg","originalWidth":3960,"originalHeight":2640,"isFeatured":true}},{"name":"200a","type":3,"text":"Unlocking the power of data using Metafields","markups":[{"type":1,"start":0,"end":44}],"alignment":1},{"name":"1342","type":13,"text":"How content design helps democratize a complex developer…","markups":[{"type":1,"start":0,"end":56}],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"How content design helps democratize a complex developer feature for less technical merchants"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"bbc664515c9e","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":3,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"primaryTopicId":"617a1adb36d5","isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"2428","type":4,"text":"","markups":[],"layout":1,"metadata":{"id":"1*4boxJ6A2kDmKthPM8Knl7A.jpeg","originalWidth":3960,"originalHeight":2640,"isFeatured":true}},{"name":"200a","type":3,"text":"Unlocking the power of data using Metafields","markups":[{"type":1,"start":0,"end":44}]},{"name":"1342","type":13,"text":"How content design helps democratize a complex developer feature for less technical merchants","markups":[{"type":1,"start":0,"end":93}]},{"name":"7e87","type":1,"text":"The power of data is at the heart of so much potential for our users. There are many amazing business values to centralizing and syndicating data, but, essentially, they add up to one invaluable benefit for brands: an unforgettable customer experience.","markups":[]},{"name":"c6a0","type":1,"text":"But accessing data is often restricted by technical skill…","markups":[{"type":3,"start":163,"end":173,"href":"https://shopify.dev/apps/metafields","title":"","rel":"","anchorType":0}]}],"sections":[{"name":"a4d1","startIndex":0}]},"isFullContent":false,"subtitle":"How content design helps democratize a complex developer feature for less technical merchants"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"d9b50d4f91f9":{"id":"d9b50d4f91f9","versionId":"802a3d6e751","creatorId":"220b60c1e0ac","homeCollectionId":"bbc664515c9e","title":"Spinning up a research plan for product designers","detectedLanguage":"en","latestVersion":"802a3d6e751","latestPublishedVersion":"802a3d6e751","hasUnpublishedEdits":false,"latestRev":218,"createdAt":1663074192121,"updatedAt":1673839134048,"acceptedAt":0,"firstPublishedAt":1663853410089,"latestPublishedAt":1663853410089,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"How to start facilitating research to validate your design decisions","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*ZkTk92XGqAk1DKIMkO3lgw.jpeg","filter":"","backgroundSize":"","originalWidth":4460,"originalHeight":2973,"strategy":"resample","height":0,"width":0},"wordCount":1239,"imageCount":1,"readingTime":4.875471698113207,"subtitle":"How to start facilitating research to validate your design decisions","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":10,"isBookmarked":false,"tags":[{"slug":"user-experience","name":"User Experience","postCount":71474,"metadata":{"postCount":71474,"coverImage":{"id":"1*bAGe6RSF-UgyR7q06Fl53g.png","originalWidth":3369,"originalHeight":2381,"isFeatured":true}},"type":"Tag"},{"slug":"user-research","name":"User Research","postCount":18945,"metadata":{"postCount":18945,"coverImage":{"id":"1*Udo6sB9ihkl6bBIZO5359w.jpeg","originalWidth":2200,"originalHeight":1294,"isFeatured":true}},"type":"Tag"},{"slug":"shopify","name":"Shopify","postCount":22004,"metadata":{"postCount":22004,"coverImage":{"id":"1*JcwG6XTn_p-BmsHyjlpzaw.png","originalWidth":1400,"originalHeight":1000}},"type":"Tag"},{"slug":"user-testing","name":"User Testing","postCount":3475,"metadata":{"postCount":3475,"coverImage":{"id":"1*Udo6sB9ihkl6bBIZO5359w.jpeg","originalWidth":2200,"originalHeight":1294,"isFeatured":true}},"type":"Tag"},{"slug":"product-design","name":"Product Design","postCount":66001,"metadata":{"postCount":66001,"coverImage":{"id":"1*nBHTtiF40iOi4FckMkckXw.jpeg","originalWidth":1200,"originalHeight":549,"isFeatured":true,"alt":"A sketch in blue ink of a robotic finger touching a human finger"}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":0,"links":{"entries":[{"url":"https://burst.shopify.com/photos/pencil-and-grid-paper?q=grid","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1663853411798},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":47,"sectionCount":1,"readingList":0,"topics":[{"topicId":"55321ac40456","slug":"design","createdAt":1536181929758,"deletedAt":0,"image":{"id":"1*1aLu20aptPeUTDg_E8KtmA@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Design","description":"Below the surface.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Design Articles and News — Medium","type":"Topic"},{"topicId":"617a1adb36d5","slug":"ux","createdAt":1540922382587,"deletedAt":0,"image":{"id":"1*X6jzEGtbMtOW4eoQJcDImQ@2x.jpeg","originalWidth":1920,"originalHeight":1275},"name":"UX","description":"All about that user.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"UX Articles and News — Medium","type":"Topic"}]},"coverless":true,"slug":"spinning-up-a-research-plan-for-product-designers","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"spinning-up-a-research-plan-for-product-designers-d9b50d4f91f9","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*ZkTk92XGqAk1DKIMkO3lgw.jpeg","originalWidth":4460,"originalHeight":2973,"isFeatured":true,"alt":"A blank grid notebook laying open on a paint-splattered desk with a pencil next to it."}},{"name":"4c4b","type":3,"text":"Spinning up a research plan for product designers","markups":[],"alignment":1},{"name":"42af","type":13,"text":"How to start facilitating research to validate your…","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"How to start facilitating research to validate your design decisions"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"bbc664515c9e","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":3,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"primaryTopicId":"617a1adb36d5","isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"7003","type":4,"text":"","markups":[],"layout":1,"metadata":{"id":"1*ZkTk92XGqAk1DKIMkO3lgw.jpeg","originalWidth":4460,"originalHeight":2973,"isFeatured":true,"alt":"A blank grid notebook laying open on a paint-splattered desk with a pencil next to it."}},{"name":"4c4b","type":3,"text":"Spinning up a research plan for product designers","markups":[]},{"name":"42af","type":13,"text":"How to start facilitating research to validate your design decisions","markups":[]},{"name":"12c8","type":1,"text":"Early in 2021, product designers at Shopify were asked to take on a new craft skill — research. User research has always been a pillar of UX here at Shopify and leaped forward by getting more folks involved in the process.","markups":[]},{"name":"16d5","type":1,"text":"The shift meant designers working on new and exciting…","markups":[]}],"sections":[{"name":"1e2c","startIndex":0}]},"isFullContent":false,"subtitle":"How to start facilitating research to validate your design decisions"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"b44fac420be":{"id":"b44fac420be","versionId":"6b08e97d6a58","creatorId":"463659dc147f","homeCollectionId":"bbc664515c9e","title":"How to push the limits of a design system","detectedLanguage":"en","latestVersion":"6b08e97d6a58","latestPublishedVersion":"6b08e97d6a58","hasUnpublishedEdits":false,"latestRev":853,"createdAt":1657194816849,"updatedAt":1709733597307,"acceptedAt":0,"firstPublishedAt":1658244510129,"latestPublishedAt":1658244510129,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Partnering with product teams to evolve Polaris","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*r-24HYrEN2I1qu1xkqdf6Q.png","filter":"","backgroundSize":"","originalWidth":2732,"originalHeight":1604,"strategy":"resample","height":0,"width":0},"wordCount":2335,"imageCount":15,"readingTime":10.31132075471698,"subtitle":"Partnering with product teams to evolve Polaris","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":71,"isBookmarked":false,"tags":[{"slug":"design","name":"Design","postCount":399436,"metadata":{"postCount":399436,"coverImage":{"id":"1*9HBxmCTAsK0_WHSzx6zZvw.jpeg"}},"type":"Tag"},{"slug":"ux","name":"UX","postCount":210240,"metadata":{"postCount":210240,"coverImage":{"id":"1*37Eigq3JKbx0gOkjwjctUg.png","originalWidth":4000,"originalHeight":2660,"isFeatured":true,"alt":"Interface -\x3e semanctic token of the toggle switch element -\x3e color themes in light and dark modes"}},"type":"Tag"},{"slug":"product-design","name":"Product Design","postCount":66001,"metadata":{"postCount":66001,"coverImage":{"id":"1*nBHTtiF40iOi4FckMkckXw.jpeg","originalWidth":1200,"originalHeight":549,"isFeatured":true,"alt":"A sketch in blue ink of a robotic finger touching a human finger"}},"type":"Tag"},{"slug":"shopify","name":"Shopify","postCount":22004,"metadata":{"postCount":22004,"coverImage":{"id":"1*JcwG6XTn_p-BmsHyjlpzaw.png","originalWidth":1400,"originalHeight":1000}},"type":"Tag"},{"slug":"design-systems","name":"Design Systems","postCount":9210,"metadata":{"postCount":9210,"coverImage":{"id":"1*37Eigq3JKbx0gOkjwjctUg.png","originalWidth":4000,"originalHeight":2660,"isFeatured":true,"alt":"Interface -\x3e semanctic token of the toggle switch element -\x3e color themes in light and dark modes"}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":3,"links":{"entries":[{"url":"https://www.linkedin.com/in/jos%C3%A9-torre-3979b821/","alts":[],"httpStatus":999},{"url":"https://twitter.com/halfool_draws","alts":[],"httpStatus":404},{"url":"https://polaris.shopify.com/components/layout","alts":[],"httpStatus":200},{"url":"https://www.shopify.ca/editions/summer2022?utm_content=editions_merchants_en&utm_medium=admin-modal&utm_source=admin&utm_campaign=2022-06-22-editions_s22#b2b","alts":[],"httpStatus":200},{"url":"https://www.youtube.com/channel/UCGZ5n2wlUy_KZqdt-c85fdg","alts":[],"httpStatus":200},{"url":"https://polaris.shopify.com/components/grid","alts":[],"httpStatus":200},{"url":"https://www.instagram.com/halfool_draws/","alts":[],"httpStatus":200},{"url":"https://www.figma.com/community/file/1131223084768788228","alts":[],"httpStatus":200},{"url":"https://ux.shopify.com/design-systems-are-flawed-eecb60610efa","alts":[{"type":3,"url":"medium://p/eecb60610efa"},{"type":2,"url":"medium://p/eecb60610efa"}],"httpStatus":200}],"version":"0.3","generatedAt":1658244511789},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":656,"sectionCount":2,"readingList":0,"topics":[{"topicId":"55321ac40456","slug":"design","createdAt":1536181929758,"deletedAt":0,"image":{"id":"1*1aLu20aptPeUTDg_E8KtmA@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Design","description":"Below the surface.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Design Articles and News — Medium","type":"Topic"},{"topicId":"617a1adb36d5","slug":"ux","createdAt":1540922382587,"deletedAt":0,"image":{"id":"1*X6jzEGtbMtOW4eoQJcDImQ@2x.jpeg","originalWidth":1920,"originalHeight":1275},"name":"UX","description":"All about that user.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"UX Articles and News — Medium","type":"Topic"}]},"coverless":true,"slug":"how-to-push-the-limits-of-a-design-system","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"how-to-push-the-limits-of-a-design-system-b44fac420be","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*r-24HYrEN2I1qu1xkqdf6Q.png","originalWidth":2732,"originalHeight":1604,"isFeatured":true,"alt":"José pulls a lego out of a lightbulb"}},{"name":"5cc3","type":3,"text":"How to push the limits of a design system","markups":[],"alignment":1},{"name":"1aa2","type":13,"text":"Partnering with product teams to evolve Polaris","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Partnering with product teams to evolve Polaris"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"bbc664515c9e","isNewsletter":false,"newsletterId":"8f2569f257ba","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":3,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"primaryTopicId":"617a1adb36d5","isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"5cc3","type":3,"text":"How to push the limits of a design system","markups":[]},{"name":"1aa2","type":13,"text":"Partnering with product teams to evolve Polaris","markups":[]},{"name":"e5d4","type":4,"text":"","markups":[],"layout":1,"metadata":{"id":"1*r-24HYrEN2I1qu1xkqdf6Q.png","originalWidth":2732,"originalHeight":1604,"isFeatured":true,"alt":"José pulls a lego out of a lightbulb"}},{"name":"e05f","type":1,"text":"To keep up with the demand, a design system needs to evolve continuously. Ironically, the evolution of design systems seems to be a bit of a chicken and egg problem.","markups":[{"type":3,"start":90,"end":117,"href":"https://ux.shopify.com/design-systems-are-flawed-eecb60610efa","title":"","rel":"","anchorType":0}]},{"name":"87e9","type":1,"text":"The team working on the system can’t evolve without knowing what product teams need. On the other hand, most teams…","markups":[]}],"sections":[{"name":"3004","startIndex":0}]},"isFullContent":false,"subtitle":"Partnering with product teams to evolve Polaris"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":true,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"41c94aa00581":{"id":"41c94aa00581","versionId":"9fd967e87d19","creatorId":"4d46a6732579","homeCollectionId":"bbc664515c9e","title":"Deeper design for next-level products","detectedLanguage":"en","latestVersion":"9fd967e87d19","latestPublishedVersion":"9fd967e87d19","hasUnpublishedEdits":false,"latestRev":461,"createdAt":1656110915527,"updatedAt":1657113076152,"acceptedAt":0,"firstPublishedAt":1657046377262,"latestPublishedAt":1657113069315,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Using audits, workshops, and feedback sessions to design better products by thinking deeply","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*YZDFiKVd9xHsz4L_EZSvsQ.jpeg","filter":"","backgroundSize":"","originalWidth":3000,"originalHeight":1500,"strategy":"resample","height":0,"width":0},"wordCount":1659,"imageCount":5,"readingTime":7.093710691823899,"subtitle":"Using audits, workshops, and feedback sessions to design better products by thinking deeply","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":17,"isBookmarked":false,"tags":[{"slug":"design","name":"Design","postCount":399436,"metadata":{"postCount":399436,"coverImage":{"id":"1*9HBxmCTAsK0_WHSzx6zZvw.jpeg"}},"type":"Tag"},{"slug":"ux-design","name":"UX Design","postCount":112871,"metadata":{"postCount":112871,"coverImage":{"id":"1*iTg8C5kdi2glqnZe8pIHSw.png","originalWidth":1024,"originalHeight":768,"isFeatured":true}},"type":"Tag"},{"slug":"ux-strategy","name":"Ux Strategy","postCount":8070,"metadata":{"postCount":8070,"coverImage":{"id":"1*SLOAqe23Azs4M6ygogqQ8g.jpeg","originalWidth":1200,"originalHeight":644,"isFeatured":true}},"type":"Tag"},{"slug":"design-thinking","name":"Design Thinking","postCount":71615,"metadata":{"postCount":71615,"coverImage":{"id":"1*nBHTtiF40iOi4FckMkckXw.jpeg","originalWidth":1200,"originalHeight":549,"isFeatured":true,"alt":"A sketch in blue ink of a robotic finger touching a human finger"}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":0,"links":{"entries":[{"url":"https://www.nngroup.com/articles/principles-visual-design/","alts":[],"httpStatus":200},{"url":"https://www.nngroup.com/articles/ten-usability-heuristics/","alts":[],"httpStatus":200},{"url":"https://designsprintkit.withgoogle.com/resources/tools","alts":[],"httpStatus":200},{"url":"https://themes.shopify.com/","alts":[],"httpStatus":200},{"url":"https://hbr.org/2016/09/know-your-customers-jobs-to-be-done","alts":[],"httpStatus":200},{"url":"https://ux.shopify.com/8-principles-for-sharing-work-better-69d35587b25d","alts":[{"type":3,"url":"medium://p/69d35587b25d"},{"type":2,"url":"medium://p/69d35587b25d"}],"httpStatus":200},{"url":"https://www.shopify.com/enterprise/mobile-commerce-future-trends","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1657113070441},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":150,"sectionCount":1,"readingList":0,"topics":[{"topicId":"55321ac40456","slug":"design","createdAt":1536181929758,"deletedAt":0,"image":{"id":"1*1aLu20aptPeUTDg_E8KtmA@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Design","description":"Below the surface.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Design Articles and News — Medium","type":"Topic"},{"topicId":"617a1adb36d5","slug":"ux","createdAt":1540922382587,"deletedAt":0,"image":{"id":"1*X6jzEGtbMtOW4eoQJcDImQ@2x.jpeg","originalWidth":1920,"originalHeight":1275},"name":"UX","description":"All about that user.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"UX Articles and News — Medium","type":"Topic"}]},"coverless":true,"slug":"deeper-design-for-next-level-products","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"deeper-design-for-next-level-products-41c94aa00581","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*YZDFiKVd9xHsz4L_EZSvsQ.jpeg","originalWidth":3000,"originalHeight":1500,"isFeatured":true,"alt":"Editorial illustration of the evolution of chairs. The chairs are shades of purple and the background is yellow. The first chair is a tree stump. The second chair is a curule chair. The third chair is a centripetal chair. The fourth chair is a modern office chair."}},{"name":"4344","type":3,"text":"Deeper design for next-level products","markups":[],"alignment":1},{"name":"389b","type":13,"text":"Using audits, workshops, and feedback sessions to design better…","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Using audits, workshops, and feedback sessions to design better products by thinking deeply"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"bbc664515c9e","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":3,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"primaryTopicId":"617a1adb36d5","isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"4344","type":3,"text":"Deeper design for next-level products","markups":[]},{"name":"389b","type":13,"text":"Using audits, workshops, and feedback sessions to design better products by thinking deeply","markups":[]},{"name":"31fd","type":4,"text":"Illustration by Alisha Giroux.","markups":[],"layout":1,"metadata":{"id":"1*YZDFiKVd9xHsz4L_EZSvsQ.jpeg","originalWidth":3000,"originalHeight":1500,"isFeatured":true,"alt":"Editorial illustration of the evolution of chairs. The chairs are shades of purple and the background is yellow. The first chair is a tree stump. The second chair is a curule chair. The third chair is a centripetal chair. The fourth chair is a modern office chair."}},{"name":"301e","type":1,"text":"As a designer, solving problems is part of your job. The typical product designer is tasked with crafting solutions for product opportunities and user challenges. Creating two-dimensional work that represents a single point of view is straightforward. Yet designing truly great products requires a deeper understanding beyond following a set…","markups":[]}],"sections":[{"name":"00bc","startIndex":0}]},"isFullContent":false,"subtitle":"Using audits, workshops, and feedback sessions to design better products by thinking deeply"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"b2c55a392dea":{"id":"b2c55a392dea","versionId":"1ad3069eaf92","creatorId":"63d5d1ccbf22","homeCollectionId":"bbc664515c9e","title":"Putting the system back in our design system","detectedLanguage":"en","latestVersion":"1ad3069eaf92","latestPublishedVersion":"1ad3069eaf92","hasUnpublishedEdits":false,"latestRev":436,"createdAt":1648577270725,"updatedAt":1648865687289,"acceptedAt":0,"firstPublishedAt":1648743051236,"latestPublishedAt":1648743051236,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Evolving Polaris tokens to build products at scale and speed","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*H9sq1SPB7DDDZTYPs0QDdg.png","filter":"","backgroundSize":"","originalWidth":3000,"originalHeight":1500,"strategy":"resample","height":0,"width":0},"wordCount":853,"imageCount":5,"readingTime":4.052201257861635,"subtitle":"Evolving Polaris tokens to build products at scale and speed","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":40,"isBookmarked":false,"tags":[{"slug":"design-systems","name":"Design System","postCount":0,"metadata":{"postCount":0,"coverImage":{"id":"1*p2bGSlCbB-tSwMqPje6W3A.jpeg","originalWidth":2627,"originalHeight":989}},"type":"Tag"},{"slug":"polaris","name":"Polaris","postCount":152,"metadata":{"postCount":152,"coverImage":{"id":"0*IGy--uEVgi3F4CUS","originalWidth":3000,"originalHeight":2000,"isFeatured":true,"unsplashPhotoId":"pnPS3Ox_2vE"}},"type":"Tag"},{"slug":"token-design","name":"Design Tokens","postCount":0,"metadata":{"postCount":0,"coverImage":{"id":"0*LhTWY3sGWUtRd63n.jpg","originalWidth":1024,"originalHeight":768,"externalSrc":"https://www.jamesstone.com/wp-content/uploads/2016/12/plangrid-1024x768.jpg","alt":"plangrid"}},"type":"Tag"},{"slug":"user-experience","name":"User Experience","postCount":71474,"metadata":{"postCount":71474,"coverImage":{"id":"1*bAGe6RSF-UgyR7q06Fl53g.png","originalWidth":3369,"originalHeight":2381,"isFeatured":true}},"type":"Tag"},{"slug":"ux","name":"UX","postCount":210240,"metadata":{"postCount":210240,"coverImage":{"id":"1*37Eigq3JKbx0gOkjwjctUg.png","originalWidth":4000,"originalHeight":2660,"isFeatured":true,"alt":"Interface -\x3e semanctic token of the toggle switch element -\x3e color themes in light and dark modes"}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":3,"links":{"entries":[{"url":"https://polaris.shopify.com/tokens/all-tokens#navigation","alts":[],"httpStatus":200},{"url":"https://polaris.shopify.com/tokens/getting-started-with-tokens","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1648743051714},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":321,"sectionCount":3,"readingList":0,"topics":[{"topicId":"55321ac40456","slug":"design","createdAt":1536181929758,"deletedAt":0,"image":{"id":"1*1aLu20aptPeUTDg_E8KtmA@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Design","description":"Below the surface.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Design Articles and News — Medium","type":"Topic"},{"topicId":"617a1adb36d5","slug":"ux","createdAt":1540922382587,"deletedAt":0,"image":{"id":"1*X6jzEGtbMtOW4eoQJcDImQ@2x.jpeg","originalWidth":1920,"originalHeight":1275},"name":"UX","description":"All about that user.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"UX Articles and News — Medium","type":"Topic"}]},"coverless":true,"slug":"putting-the-system-back-in-our-design-system","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"putting-the-system-back-in-our-design-system-b2c55a392dea","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*H9sq1SPB7DDDZTYPs0QDdg.png","originalWidth":3000,"originalHeight":1500,"isFeatured":true,"alt":"An illustration of a night sky with star constellation in the shape of a number 9. The Polaris logo is at the center of the number."}},{"name":"b666","type":3,"text":"Putting the system back in our design system","markups":[],"alignment":1},{"name":"a2e3","type":13,"text":"Evolving Polaris tokens to build products at scale and…","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Evolving Polaris tokens to build products at scale and speed"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"bbc664515c9e","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":3,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"primaryTopicId":"617a1adb36d5","isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"1086","type":4,"text":"Illustration by Alisha Giroux.","markups":[],"layout":1,"metadata":{"id":"1*H9sq1SPB7DDDZTYPs0QDdg.png","originalWidth":3000,"originalHeight":1500,"isFeatured":true,"alt":"An illustration of a night sky with star constellation in the shape of a number 9. The Polaris logo is at the center of the number."}},{"name":"b666","type":3,"text":"Putting the system back in our design system","markups":[]},{"name":"a2e3","type":13,"text":"Evolving Polaris tokens to build products at scale and speed","markups":[]},{"name":"0861","type":1,"text":"At Shopify we’re designing at scale. There’s currently 2.5 million lines of code in Typescript just for UX within Shopify’s software. That’s not without its challenges.","markups":[]},{"name":"f55c","type":1,"text":"We’ve been finding our design system, Polaris, lacks the coverage and foundations needed to help our product teams make significant and sweeping changes quickly…","markups":[]}],"sections":[{"name":"71fc","startIndex":0}]},"isFullContent":false,"subtitle":"Evolving Polaris tokens to build products at scale and speed"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"e2299ef95c88":{"id":"e2299ef95c88","versionId":"d50b52144ec2","creatorId":"c8287ed39c35","homeCollectionId":"bbc664515c9e","title":"How to create accessible and inclusive product content guidelines","detectedLanguage":"en","latestVersion":"d50b52144ec2","latestPublishedVersion":"d50b52144ec2","hasUnpublishedEdits":false,"latestRev":1024,"createdAt":1635955943558,"updatedAt":1641310391014,"acceptedAt":0,"firstPublishedAt":1636140249680,"latestPublishedAt":1636372498520,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"4 takeaways for starting small to effect change through language","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*eyY7T-Wdqcusf9W3TL5e1Q@2x.png","filter":"","backgroundSize":"","originalWidth":4000,"originalHeight":2000,"strategy":"resample","height":0,"width":0},"wordCount":1969,"imageCount":1,"readingTime":7.6301886792452835,"subtitle":"4 takeaways for starting small to effect change through language","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":28,"isBookmarked":false,"tags":[{"slug":"accessibility","name":"Accessibility","postCount":19458,"metadata":{"postCount":19458,"coverImage":{"id":"1*LKXwiNzwmHawDl0mCZsImQ.jpeg","originalWidth":2560,"originalHeight":1440,"isFeatured":true}},"type":"Tag"},{"slug":"content-design","name":"Content Design","postCount":2824,"metadata":{"postCount":2824,"coverImage":{"id":"1*mDSolOak6Z-4u-NSiwOdow.png","originalWidth":1247,"originalHeight":767,"isFeatured":true,"alt":"A black and white still from the 1944 film Gaslight. Paula, played by Ingrid Bergman, stares up with a haunted expression at a flickering gaslight chandelier in her home. Just one of its light is on."}},"type":"Tag"},{"slug":"design-systems","name":"Design Systems","postCount":9210,"metadata":{"postCount":9210,"coverImage":{"id":"1*37Eigq3JKbx0gOkjwjctUg.png","originalWidth":4000,"originalHeight":2660,"isFeatured":true,"alt":"Interface -\x3e semanctic token of the toggle switch element -\x3e color themes in light and dark modes"}},"type":"Tag"},{"slug":"inclusive-design","name":"Inclusive Design","postCount":3150,"metadata":{"postCount":3150,"coverImage":{"id":"1*3fyPUwDMKL_DwkCHEAiUVg.jpeg","originalWidth":1024,"originalHeight":1024,"isFeatured":true,"alt":"Accessible design benefits everyone graphic to drive home the point of universal design."}},"type":"Tag"},{"slug":"content-strategy","name":"Content Strategy","postCount":27935,"metadata":{"postCount":27935,"coverImage":{"id":"1*h9uNdUTbF6DIRQk_qTAxdA.png","originalWidth":1500,"originalHeight":700,"alt":"varias botas Big Red Boots caindo em contraste a um fundo branco"}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":0,"links":{"entries":[{"url":"https://www.linkedin.com/in/shayperez/","alts":[],"httpStatus":999},{"url":"https://www.buttonconf.com/","alts":[],"httpStatus":200},{"url":"https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-pull-requests","alts":[],"httpStatus":200},{"url":"https://polaris.shopify.com/","alts":[],"httpStatus":200},{"url":"https://polaris.shopify.com/content/accessible-and-inclusive-language","alts":[],"httpStatus":200},{"url":"https://polaris.shopify.com/content/accessible-and-inclusive-language#navigation","alts":[],"httpStatus":200},{"url":"https://polaris.shopify.com/content/product-content","alts":[],"httpStatus":200},{"url":"https://ux.shopify.com/designing-for-cognitive-disabilities-b2933d58c278","alts":[{"type":3,"url":"medium://p/b2933d58c278"},{"type":2,"url":"medium://p/b2933d58c278"}],"httpStatus":200}],"version":"0.3","generatedAt":1636372499898},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":132,"sectionCount":4,"readingList":0,"topics":[{"topicId":"55321ac40456","slug":"design","createdAt":1536181929758,"deletedAt":0,"image":{"id":"1*1aLu20aptPeUTDg_E8KtmA@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Design","description":"Below the surface.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Design Articles and News — Medium","type":"Topic"},{"topicId":"617a1adb36d5","slug":"ux","createdAt":1540922382587,"deletedAt":0,"image":{"id":"1*X6jzEGtbMtOW4eoQJcDImQ@2x.jpeg","originalWidth":1920,"originalHeight":1275},"name":"UX","description":"All about that user.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"UX Articles and News — Medium","type":"Topic"}]},"coverless":true,"slug":"how-to-create-accessible-and-inclusive-product-content-guidelines","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"how-to-create-accessible-and-inclusive-product-content-guidelines-e2299ef95c88","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*eyY7T-Wdqcusf9W3TL5e1Q@2x.png","originalWidth":4000,"originalHeight":2000,"isFeatured":true,"alt":"Side profiles of a diverse group of people against a graphic background in pink and blue with a star shape in the middle."}},{"name":"db70","type":3,"text":"How to create accessible and inclusive product content guidelines","markups":[],"alignment":1},{"name":"35da","type":13,"text":"4 takeaways for starting small to…","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"4 takeaways for starting small to effect change through language"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"bbc664515c9e","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":3,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"primaryTopicId":"617a1adb36d5","isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"ac78","type":4,"text":"Illustration by Alek Mackie.","markups":[],"layout":3,"metadata":{"id":"1*eyY7T-Wdqcusf9W3TL5e1Q@2x.png","originalWidth":4000,"originalHeight":2000,"isFeatured":true,"alt":"Side profiles of a diverse group of people against a graphic background in pink and blue with a star shape in the middle."}},{"name":"db70","type":3,"text":"How to create accessible and inclusive product content guidelines","markups":[]},{"name":"35da","type":13,"text":"4 takeaways for starting small to effect change through language","markups":[]},{"name":"5afc","type":1,"text":"At this year’s Button conference, we announced the launch of accessible and inclusive content guidelines in Polaris. Since launching two weeks ago, the guidelines have amassed over 1200 views, and are one of the top-viewed Polaris pages.","markups":[{"type":3,"start":15,"end":21,"href":"https://www.buttonconf.com/","title":"","rel":"","anchorType":0},{"type":3,"start":61,"end":104,"href":"https://polaris.shopify.com/content/product-content","title":"","rel":"","anchorType":0}]},{"name":"4e1a","type":1,"text":"This has been an important project. We want to better represent and design…","markups":[{"type":3,"start":185,"end":232,"href":"https://polaris.shopify.com/","title":"","rel":"","anchorType":0}]}],"sections":[{"name":"1dda","startIndex":0}]},"isFullContent":false,"subtitle":"4 takeaways for starting small to effect change through language"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"c5a6967fc4e7":{"id":"c5a6967fc4e7","versionId":"5c943840d327","creatorId":"9ecc710eb365","homeCollectionId":"bbc664515c9e","title":"Why design systems need experience foundations","detectedLanguage":"en","latestVersion":"5c943840d327","latestPublishedVersion":"5c943840d327","hasUnpublishedEdits":false,"latestRev":458,"createdAt":1605554416390,"updatedAt":1639669883079,"acceptedAt":0,"firstPublishedAt":1605715759269,"latestPublishedAt":1605715759269,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"How we’re making Polaris more cohesive by emphasizing user insights","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*VE8D2O-KRP_rqzxkHsMi5A.png","filter":"","backgroundSize":"","originalWidth":9576,"originalHeight":5684,"strategy":"resample","height":0,"width":0},"wordCount":1317,"imageCount":4,"readingTime":5.669811320754717,"subtitle":"How we’re making Polaris more cohesive by emphasizing user insights","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":205,"isBookmarked":false,"tags":[{"slug":"design-systems","name":"Design Systems","postCount":9210,"metadata":{"postCount":9210,"coverImage":{"id":"1*37Eigq3JKbx0gOkjwjctUg.png","originalWidth":4000,"originalHeight":2660,"isFeatured":true,"alt":"Interface -\x3e semanctic token of the toggle switch element -\x3e color themes in light and dark modes"}},"type":"Tag"},{"slug":"design-process","name":"Design Process","postCount":25192,"metadata":{"postCount":25192,"coverImage":{"id":"1*fO3cuvXj0hahTXpcKS6wTA.jpeg","originalWidth":2880,"originalHeight":1440,"isFeatured":true}},"type":"Tag"},{"slug":"ux","name":"UX","postCount":210240,"metadata":{"postCount":210240,"coverImage":{"id":"1*37Eigq3JKbx0gOkjwjctUg.png","originalWidth":4000,"originalHeight":2660,"isFeatured":true,"alt":"Interface -\x3e semanctic token of the toggle switch element -\x3e color themes in light and dark modes"}},"type":"Tag"},{"slug":"design","name":"Design","postCount":399436,"metadata":{"postCount":399436,"coverImage":{"id":"1*9HBxmCTAsK0_WHSzx6zZvw.jpeg"}},"type":"Tag"},{"slug":"design-thinking","name":"Design Thinking","postCount":71615,"metadata":{"postCount":71615,"coverImage":{"id":"1*nBHTtiF40iOi4FckMkckXw.jpeg","originalWidth":1200,"originalHeight":549,"isFeatured":true,"alt":"A sketch in blue ink of a robotic finger touching a human finger"}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":5,"links":{"entries":[{"url":"https://designsystemssurvey.seesparkbox.com/2020/","alts":[],"httpStatus":200},{"url":"http://polaris.shopify.com","alts":[],"httpStatus":200},{"url":"https://polaris.shopify.com/design/polaris-is-changing","alts":[],"httpStatus":200},{"url":"https://ux.shopify.com/the-journey-behind-creating-a-local-design-system-for-billing-ccd020312f50","alts":[{"type":2,"url":"medium://p/ccd020312f50"},{"type":3,"url":"medium://p/ccd020312f50"}],"httpStatus":200},{"url":"https://www.wired.com/2016/07/cash-strapped-towns-un-paving-roads-cant-afford-fix/","alts":[{"type":1,"url":"https://cdn.ampproject.org/c/s/www.wired.com/2016/07/cash-strapped-towns-un-paving-roads-cant-afford-fix/amp"}],"httpStatus":200},{"url":"https://ux.shopify.com/building-a-local-design-system-b2810c6e01f2","alts":[{"type":3,"url":"medium://p/b2810c6e01f2"},{"type":2,"url":"medium://p/b2810c6e01f2"}],"httpStatus":200},{"url":"https://medium.com/@hayleyhughes","alts":[{"type":2,"url":"medium://@hayleyhughes"},{"type":3,"url":"medium://@hayleyhughes"}],"httpStatus":200},{"url":"https://ux.shopify.com/the-system-always-kicks-back-d94b945407f2","alts":[{"type":3,"url":"medium://p/d94b945407f2"},{"type":2,"url":"medium://p/d94b945407f2"}],"httpStatus":200}],"version":"0.3","generatedAt":1605715760436},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":1504,"sectionCount":1,"readingList":0,"topics":[{"topicId":"55321ac40456","slug":"design","createdAt":1536181929758,"deletedAt":0,"image":{"id":"1*1aLu20aptPeUTDg_E8KtmA@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Design","description":"Below the surface.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Design Articles and News — Medium","type":"Topic"}]},"coverless":true,"slug":"why-design-systems-need-experience-foundations","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"why-design-systems-need-experience-foundations-c5a6967fc4e7","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*VE8D2O-KRP_rqzxkHsMi5A.png","originalWidth":9576,"originalHeight":5684,"isFeatured":true,"alt":"An illustration showing people moving boxes on the left side and components on the right side."}},{"name":"d75b","type":3,"text":"Design systems need experience foundations","markups":[],"alignment":1},{"name":"462c","type":13,"text":"How we’re making Polaris more cohesive by emphasizing user…","markups":[{"type":2,"start":0,"end":58}],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"How we’re making Polaris more cohesive by emphasizing user insights"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"bbc664515c9e","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":4,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"717e","type":4,"text":"Illustration by Sara Hill.","markups":[],"layout":3,"metadata":{"id":"1*VE8D2O-KRP_rqzxkHsMi5A.png","originalWidth":9576,"originalHeight":5684,"isFeatured":true,"alt":"An illustration showing people moving boxes on the left side and components on the right side."}},{"name":"d75b","type":3,"text":"Design systems need experience foundations","markups":[]},{"name":"462c","type":13,"text":"How we’re making Polaris more cohesive by emphasizing user insights","markups":[{"type":2,"start":0,"end":67}]},{"name":"fc48","type":1,"text":"A lesson that we’ve learned at Shopify from building Polaris is that maintaining a system takes more effort than building it. That’s because design systems inevitably create debt. Components will be used and forked in unpredictable ways. Dependencies can make it difficult to predictably make a change. We ran into…","markups":[{"type":3,"start":69,"end":124,"href":"https://ux.shopify.com/the-system-always-kicks-back-d94b945407f2","title":"","rel":"","anchorType":0}]}],"sections":[{"name":"045c","startIndex":0}]},"isFullContent":false,"subtitle":"How we’re making Polaris more cohesive by emphasizing user insights"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"}}},"paging":{"path":"/_/api/collections/bbc664515c9e/stream","next":{"to":"1657046377262","ignoredIds":[],"page":5}},"collection":{"id":"bbc664515c9e","name":"Shopify UX","slug":"shopify-ux","tags":[],"creatorId":"98e946043b16","description":"The latest thinking on commerce, craft, and culture from the Shopify UX team.","shortDescription":"The latest thinking on commerce, craft, and culture from…","image":{"imageId":"1*7uZW5TYHanffvCImGRBkZw.jpeg","filter":"","backgroundSize":"","originalWidth":1080,"originalHeight":1080,"strategy":"resample","height":0,"width":0},"metadata":{"followerCount":70129,"activeAt":1690312966363},"virtuals":{"permissions":{"canPublish":false,"canPublishAll":false,"canRepublish":false,"canRemove":false,"canManageAll":false,"canSubmit":false,"canEditPosts":false,"canAddWriters":false,"canViewStats":false,"canSendNewsletter":false,"canViewLockedPosts":false,"canViewCloaked":false,"canEditOwnPosts":false,"canBeAssignedAuthor":false,"canEnrollInHightower":false,"canLockPostsForMediumMembers":false,"canLockOwnPostsForMediumMembers":false,"canViewNewsletterV2Stats":false,"canCreateNewsletterV3":false},"isSubscribed":false,"isEnrolledInHightower":false,"isEligibleForHightower":false,"isSubscribedToCollectionEmails":false,"isMuted":false,"canToggleEmail":false,"isWriter":false},"logo":{"imageId":"1*7uZW5TYHanffvCImGRBkZw.jpeg","filter":"","backgroundSize":"","originalWidth":1080,"originalHeight":1080,"strategy":"resample","height":0,"width":0},"sections":[{"type":2,"collectionHeaderMetadata":{"title":"Shopify UX","description":"The latest thinking on commerce, craft, and culture from the Shopify UX team.","backgroundImage":{"id":"1*3SjVdVXS4cA9jCCgXDbEsw.png","originalWidth":2700,"originalHeight":334},"logoImage":{"id":"1*vRNB7Td3ZnutdrwoDJK0NA@2x.png","originalWidth":213,"originalHeight":240,"alt":"Shopify UX"},"alignment":2,"layout":5}},{"type":1,"postListMetadata":{"source":3,"layout":4,"number":1,"postIds":["7c54fc6564d9"],"sectionHeader":"Featured Story"}},{"type":1,"postListMetadata":{"source":1,"layout":4,"number":6,"postIds":["75c62303d3aa","dc9e62a04977","d5ecd1412f1e","d9b50d4f91f9","b44fac420be","41c94aa00581"],"sectionHeader":"Fresh reads"}},{"type":3,"promoMetadata":{"sectionHeader":"","promoId":"7668f4722faf"}},{"type":1,"postListMetadata":{"source":3,"layout":4,"number":3,"postIds":["b2c55a392dea","e2299ef95c88","c5a6967fc4e7"],"sectionHeader":"Polaris"}},{"type":1,"postListMetadata":{"source":3,"layout":4,"number":3,"postIds":["e4e24c761895","ab12e299b90","d6f35b5dee9d"],"sectionHeader":"Case studies"}},{"type":1,"postListMetadata":{"source":3,"layout":4,"number":3,"postIds":["b0cba16a3fda","7725f46ad79e","9a8af0d85934"],"sectionHeader":"Culture"}},{"type":3,"promoMetadata":{"sectionHeader":"","promoId":"c6a925053dbf"}},{"type":1,"postListMetadata":{"source":3,"layout":4,"number":3,"postIds":["2668e20451d1","9f918764b2a3","704264f21cde"],"sectionHeader":"Leadership"}},{"type":1,"postListMetadata":{"source":2,"layout":4,"number":6,"postIds":[],"sectionHeader":"Popular posts"}}],"favicon":{"imageId":"1*7uZW5TYHanffvCImGRBkZw.jpeg","filter":"","backgroundSize":"","originalWidth":1080,"originalHeight":1080,"strategy":"resample","height":0,"width":0},"colorPalette":{"defaultBackgroundSpectrum":{"colorPoints":[{"color":"#FF1A8917","point":0},{"color":"#FF11800E","point":0.1},{"color":"#FF0F730C","point":0.2},{"color":"#FF095407","point":1}],"backgroundColor":"#FFFFFFFF"},"highlightSpectrum":{"colorPoints":[{"color":"#FFFFFFFF","point":0},{"color":"#FFE8F3E8","point":0.1},{"color":"#FFE8F3E8","point":0.2},{"color":"#FFD1E7D1","point":0.6},{"color":"#FFA3D0A2","point":1}],"backgroundColor":"#FFFFFFFF"},"darkBackgroundSpectrum":{"colorPoints":[{"color":"#FF095407","point":0},{"color":"#FF0F730C","point":0.1},{"color":"#FF11800E","point":0.2},{"color":"#FF1A8917","point":1}],"backgroundColor":"#FF000000"}},"navItems":[{"type":1,"title":"Design","tagSlug":"design","url":"https://medium.com/shopify-ux/tagged/design","source":"tagSlug"},{"type":1,"title":"Content Design","tagSlug":"content-strategy","url":"https://medium.com/shopify-ux/tagged/content-strategy","source":"tagSlug"},{"type":1,"title":"Research","tagSlug":"ux-research","url":"https://medium.com/shopify-ux/tagged/ux-research","source":"tagSlug"},{"type":4,"title":"Polaris","url":"https://medium.com/shopify-ux/polaris/home","topicId":"e6feb4c884dc","source":"topicId"},{"type":4,"title":"Case studies","url":"https://medium.com/shopify-ux/casestudies/home","topicId":"de774a6d6c44","source":"topicId"},{"type":4,"title":"Culture","url":"https://medium.com/shopify-ux/culture/home","topicId":"adac7c56c8ae","source":"topicId"},{"type":4,"title":"Podcast","url":"https://medium.com/shopify-ux/podcast/home","topicId":"af2e8e486267","source":"topicId"},{"type":3,"title":"Careers","url":"https://www.shopify.com/careers/teams/ux"}],"colorBehavior":1,"googleAnalyticsId":"UA-49178120-14","collectionFeatures":[30,25],"ampLogo":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"header":{"title":"Shopify UX","description":"The latest thinking on commerce, craft, and culture from the Shopify UX team.","backgroundImage":{"id":"1*3SjVdVXS4cA9jCCgXDbEsw.png","originalWidth":2700,"originalHeight":334},"logoImage":{"id":"1*vRNB7Td3ZnutdrwoDJK0NA@2x.png","originalWidth":213,"originalHeight":240,"alt":"Shopify UX"},"alignment":2,"layout":5},"paidForDomainAt":1492094849915,"subscriberCount":70129,"tagline":"The latest thinking on commerce, craft, and culture from the Shopify UX team.","isOptedIntoAurora":false,"newsletterV3":{"newsletterV3Id":"48197802978","type":1,"name":"Inside Shopify UX","description":"The latest blog posts, jobs, and news from Shopify's UX team.","collectionId":"bbc664515c9e","newsletterSlug":"inside-shopify-ux","isSubscribed":false,"showPromo":false,"avatarImageId":"1*7uZW5TYHanffvCImGRBkZw.jpeg","creatorId":"98e946043b16","showNewsletterPostsInCollectionHome":false,"exportableSubscribersCount":2037,"subscribersCount":10351,"promoHeadline":"","promoBody":"","replyToEmail":""},"isCurationAllowedByDefault":false,"polarisCoverImage":{"imageId":"1*-8mqgDwriZNBxKAazV-rjg.png","filter":"","backgroundSize":"","originalWidth":600,"originalHeight":683,"strategy":"resample","height":0,"width":0},"ptsQualifiedAt":1616092834809,"type":"Collection"},"header":{"title":"Shopify UX","description":"The latest thinking on commerce, craft, and culture from the Shopify UX team.","backgroundImage":{"id":"1*3SjVdVXS4cA9jCCgXDbEsw.png","originalWidth":2700,"originalHeight":334},"logoImage":{"id":"1*vRNB7Td3ZnutdrwoDJK0NA@2x.png","originalWidth":213,"originalHeight":240,"alt":"Shopify UX"},"alignment":2,"layout":5},"streamItems":[{"createdAt":1732704913477,"randomId":"0009d9752727","section":{"items":[{"post":{"postId":"7c54fc6564d9"},"itemType":"post"}],"layout":4,"heading":{"fallbackTitle":"Featured Story","headingBasic":{"title":"Featured Story"},"headingType":"headingBasic"}},"itemType":"section","type":"StreamItem"},{"createdAt":1732704913478,"randomId":"77ac08a73ed0","section":{"items":[{"post":{"postId":"75c62303d3aa"},"itemType":"post"},{"post":{"postId":"dc9e62a04977"},"itemType":"post"},{"post":{"postId":"d5ecd1412f1e"},"itemType":"post"},{"post":{"postId":"d9b50d4f91f9"},"itemType":"post"},{"post":{"postId":"b44fac420be"},"itemType":"post"},{"post":{"postId":"41c94aa00581"},"itemType":"post"}],"layout":4,"heading":{"fallbackTitle":"Fresh reads","headingBasic":{"title":"Fresh reads"},"headingType":"headingBasic"}},"itemType":"section","type":"StreamItem"},{"createdAt":1732704913478,"randomId":"baf0086e6770","section":{"items":[{"promo":{"promoId":"7668f4722faf"},"itemType":"promo"}],"layout":2},"itemType":"section","type":"StreamItem"},{"createdAt":1732704913478,"randomId":"95d6a2677dea","section":{"items":[{"post":{"postId":"b2c55a392dea"},"itemType":"post"},{"post":{"postId":"e2299ef95c88"},"itemType":"post"},{"post":{"postId":"c5a6967fc4e7"},"itemType":"post"}],"layout":4,"heading":{"fallbackTitle":"Polaris","headingBasic":{"title":"Polaris"},"headingType":"headingBasic"}},"itemType":"section","type":"StreamItem"}]}) // ]]></script><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8e9195ab7cc55f51',t:'MTczMjcwNDkxMy4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body></html>