ShopTalk: Brad Frost on a Global Design System

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>ShopTalk: Brad Frost on a Global Design System | Big Medium</title> <meta name="description" content="On the TalkShop podcast, Big Medium’s Brad Frost answers questions like: What is a global design system? Are two design systems ever the same? How would this slot inside atomic design? What has been the response from the web community to global design system as an idea? And what’s Frostapalooza?" /> <meta name="copyright" content="Copyright Big Medium, 2024" /> <link rel="canonical" href="https://bigmedium.com/speaking/brad-frost-shoptalk-global-design-system.html" /> <meta name="robots" content="index,follow" /> <link rel="icon" href="https://bigmedium.com/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="https://bigmedium.com/favicon.ico" type="image/x-icon" /> <link rel="alternate" type="application/rss+xml" href="https://bigmedium.com/bm.feed.xml" title="Big Medium - Full Feed" /> <link rel="stylesheet" href="https://bigmedium.com/bm.styles.css" type="text/css" /> <style type="text/css"> div.bma_page1624 { display: none } </style> <link rel="home" title="Home" href="https://bigmedium.com/" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@bigmediumjosh" /> <meta name="twitter:url" property="og:url" content="https://bigmedium.com/speaking/brad-frost-shoptalk-global-design-system.html" /> <meta name="twitter:title" property="og:title" content="ShopTalk: Brad Frost on a Global Design System | Big Medium" /> <meta name="twitter:description" property="og:description" content="On the TalkShop podcast, Big Medium’s Brad Frost answers questions like: What is a global design system? Are two design systems ever the same? How would this slot inside atomic design? What has been the response from the web community to global design system as an idea? And what’s Frostapalooza?" /> <meta name="twitter:image" property="og:image" content="https://bigmedium.com/bm.pix/bradtalkshop.orig-1000.png" /> <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/favicon-194x194.png" sizes="194x194"> <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="/manifest.json"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/mstile-144x144.png"> <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="/styles.css?cache" type="text/css" /> <meta property="og:site_name" content="Big Medium" /> <script> /*! grunt-grunticon Stylesheet Loader - v2.1.2 | https://github.com/filamentgroup/grunticon | (c) 2015 Scott Jehl, Filament Group, Inc. | MIT license. */ (function(e){function t(t,n,r,o){"use strict";function a(){for(var e,n=0;u.length>n;n++)u[n].href&&u[n].href.indexOf(t)>-1&&(e=!0);e?i.media=r||"all":setTimeout(a)}var i=e.document.createElement("link"),l=n||e.document.getElementsByTagName("script")[0],u=e.document.styleSheets;return i.rel="stylesheet",i.href=t,i.media="only x",i.onload=o||null,l.parentNode.insertBefore(i,l),a(),i}var n=function(r,o){"use strict";if(r&&3===r.length){var a=e.navigator,i=e.Image,l=!(!document.createElementNS||!document.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect||!document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image","1.1")||e.opera&&-1===a.userAgent.indexOf("Chrome")||-1!==a.userAgent.indexOf("Series40")),u=new i;u.onerror=function(){n.method="png",n.href=r[2],t(r[2])},u.onload=function(){var e=1===u.width&&1===u.height,a=r[e&&l?0:e?1:2];n.method=e&&l?"svg":e?"datapng":"png",n.href=a,t(a,null,null,o)},u.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",document.documentElement.className+=" grunticon"}};n.loadCSS=t,e.grunticon=n})(this);(function(e,t){"use strict";var n=t.document,r="grunticon:",o=function(e){if(n.attachEvent?"complete"===n.readyState:"loading"!==n.readyState)e();else{var t=!1;n.addEventListener("readystatechange",function(){t||(t=!0,e())},!1)}},a=function(e){return t.document.querySelector('link[href$="'+e+'"]')},c=function(e){var t,n,o,a,c,i,u={};if(t=e.sheet,!t)return u;n=t.cssRules?t.cssRules:t.rules;for(var l=0;n.length>l;l++)o=n[l].cssText,a=r+n[l].selectorText,c=o.split(");")[0].match(/US\-ASCII\,([^"']+)/),c&&c[1]&&(i=decodeURIComponent(c[1]),u[a]=i);return u},i=function(e){var t,o,a;o="data-grunticon-embed";for(var c in e)if(a=c.slice(r.length),t=n.querySelectorAll(a+"["+o+"]"),t.length)for(var i=0;t.length>i;i++)t[i].innerHTML=e[c],t[i].style.backgroundImage="none",t[i].removeAttribute(o);return t},u=function(t){"svg"===e.method&&o(function(){i(c(a(e.href))),"function"==typeof t&&t()})};e.embedIcons=i,e.getCSS=a,e.getIcons=c,e.ready=o,e.svgLoadedCallback=u,e.embedSVG=u})(grunticon,this); grunticon(["/grunticon-v2/icons.data.svg.css", "/grunticon-v2/icons.data.png.css", "/grunticon-v2/icons.fallback.css"]); </script> <noscript><link href="/grunticon-v2/icons.fallback.css" rel="stylesheet"></noscript> <script src="/js/picturefill-min.js" async></script>  <script type="text/javascript"> var _paq = _paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//bigmedium.com/bigstats/"; _paq.push(['setTrackerUrl', u+'piwik.php']); _paq.push(['setSiteId', '1']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); })(); </script>  </head>  <body id="Page-brad-frost-shoptalk-global-design-system" class="bmt_page bmt_page-speaking bmslug-speaking"> <header id="bm-top" class="header toolbar"> <div class="lc"> <a href="https://bigmedium.com/" class="logo"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 830 147" role="img" aria-label="Big Medium" preserveAspectRatio="xMaxYMax meet"><title>Big Medium</title><desc>Big Medium logo</desc><defs><symbol id="bmlogo"><g fill="#000" fill-rule="evenodd"><path id="bmlogo-arrow" d="M56 9.94V0h32v30h-9.94V17.394L62.456 33 55 25.545 70.606 9.94"/><path class="bmlogo" d="M0 0v116h88V40H46V0H0zm36 10H10v96h68V50H36V10zM144 0h-10v95l-1 21h8l2-10c3.874 6.617 10.956 12 23 12 20.618 0 29-17.023 29-38v-4c0-21.292-8.382-38.316-29-38-11.033-.316-17.97 4.34-22 10V0zm0 59c3.064-5.16 9.046-12 20-12 14.142 0 21 11.352 21 29v4c0 17.648-6.858 29-21 29-10.954 0-16.936-6.84-20-12V59zm69 57h10V39h-10v77zM224 8h-13v13h13V8zm68 109c.016 13.62-5.33 21.158-20 21-14.38.158-19.872-7.09-20-22h-10v2c.445 16.1 7.96 29 30 29 21.895 0 30.133-12.61 30-30V61l1-21h-8l-2 10c-3.874-6.637-10.956-12-23-12-20.473 0-29 16.38-29 36v3c0 19.414 8.527 35.503 29 36 11.033-.497 17.825-4.846 22-11v15zm0-58v32c-3.2 5.216-9.014 12-20 12-14.02 0-21-10.392-21-26v-4c0-15.32 6.98-26 21-26 10.986 0 16.8 6.784 20 12zm156 58V61c0-14.677-7.67-23-21-23-12.868 0-20.54 5.84-25 13-2.487-8.473-9.29-13-19-13-12.434 0-19.96 5.55-24 12l-2-10h-8l1 22v55h10V59c3.184-5.083 8.395-11.8 19-12 8.79.2 14.868 3.558 15 15v55h10V59c3.184-5.083 8.395-11.8 19-12 8.79.2 14.868 3.558 15 15v55h10zm81-35v-6c0-20.9-9.765-38-32-38-22.944 0-33 17.1-33 38v4c0 20.9 10.056 38 33 38 22.09 0 32-13.768 32-26h-10c.235 8.03-6.177 17.45-22 17-15.074.45-22.215-9.986-23-27h55zm-33-36c14.618 0 21.42 10.484 22 27h-44c.434-16.516 7.526-27 22-27zm76-8c-20.618-.316-29 16.708-29 38v4c0 20.977 8.382 38 29 38 11.9 0 19.126-5.383 23-12l1 10h9l-1-21V0h-10v48c-4.175-5.66-10.967-10.316-22-10zm3 71c-14.167 0-21-11.352-21-29v-4c0-17.648 6.833-29 21-29 10.84 0 16.8 6.84 20 12v38c-3.2 5.16-9.16 12-20 12zm50 7h10V39h-10v77zM636 8h-13v13h13V8zm18 31v54c0 14.632 7.973 25 23 25 13.386 0 21.65-5.55 26-12l2 10h8l-1-22V39h-10v58c-3.206 4.937-9.15 11.8-21 12-10.474-.2-16.998-5.603-17-17V39h-10zm176 78V61c0-14.677-7.67-23-21-23-12.868 0-20.54 5.84-25 13-2.487-8.473-9.29-13-19-13-12.434 0-19.96 5.55-24 12l-2-10h-8l1 22v55h10V59c3.184-5.083 8.395-11.8 19-12 8.79.2 14.868 3.558 15 15v55h10V59c3.184-5.083 8.395-11.8 19-12 8.79.2 14.868 3.558 15 15v55h10z"/></g></symbol></defs><use xlink:href="#bmlogo"></use></svg> </a> <nav class="bmw_navigation bmn_hnav" role="navigation"> <div class="bmn_skipnav"><a href="#bm-skipnavtop">Skip Navigation</a></div> <ul> <li class="bmn_sec-ideas"><a title="" href="https://bigmedium.com/ideas/">Ideas</a></li> <li class="bmn_sec-projects"><a title="" href="https://bigmedium.com/projects/">Projects</a></li> <li class="bmn_sec-speaking bmn_active"><a title="" href="https://bigmedium.com/speaking/">Talks</a></li> <li class="bmn_sec-about"><a title="" href="https://bigmedium.com/about/">About</a></li> <li class="bmn_sec-hire"><a title="" href="https://bigmedium.com/hire/">Hire Us</a></li> </ul> <span class="bmn_clearNav" id="bm-skipnavtop"> </span> </nav> <div class="powertools"> <a href="#" class="icon icon-microphone icon-utility" title="speech commands" id="toggleSpeech">Speak</a> <a href="#" id="toggleSearch" class="icon icon-search icon-utility" title="search">Search</a> <a href="#nav" id="toggleMenu" class="icon icon-menu icon-utility" title="menu">Menu</a>  <form action="https://bigmedium.com/cgi-bin/moxiebin/bm-search.cgi/q/3" method="get" class="bmw_search" enctype="multipart/form-data" accept-charset="utf-8"><div> <input type="search" name="bmq" placeholder="Search" value="" /> <button type="submit" class="icon icon-search icon-utility">Search</button> <input type="hidden" name="bms" value="3" /> </div></form>  </div> </div> </header> <main role="main"> <article class="article"> <header class="page-header"> <div class="page-icon"> <div class="lc"> <svg width="265" height="187" viewBox="0 0 265 187" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMaxYMax meet" role="img" aria-label="Podcast"><title>Podcast</title><g fill="#FFF" fill-rule="evenodd"><path d="M243.442 18.256c0 9.05-7.41 16.395-16.545 16.395-9.14 0-16.545-7.343-16.545-16.394 0-9.057 7.405-16.394 16.545-16.394 9.134 0 16.545 7.337 16.545 16.394M149.533 79.247h15.128c.01-.367.11-.82.35-1.368-.014-1.57 1.2-2.88 2.77-3.01l11.69-.958V48.236c-2.42-.043-4.62-.115-5.55-.15-.997-.037-.713-3.925 0-3.947.137 0 .493-.008 1-.008-.02-.454-.057-1.11-.086-1.9l12.563-.008c-.03.807-.065 1.462-.094 1.923.465 0 .777 0 .886-.008.806-.015.8 3.815 0 3.945-.952.158-3.25.194-5.763.187v25.394l19.117-1.57s16.43-20.218 16.923-21.427c3.364-8.166 10.202-11.312 13.39-12.37 1.18-.39 2.42-.54 3.656-.454 3.53.252 10.754 1.77 12.062 10 1.032 6.502-6.997 31.018-6.932 35.88.102 8.257 4.796 24.5-1.192 27.387 3.424.202 6.243.46 7.958.648 1.19.138 1.322 5.373.42 6.82 1.767-.267 2.21-.857 2.675-1.13 2.565-1.52 3.328-10.62 3.48-12.097.182-1.742.647-9 1.01-14.357-2.368.065-4.664-.612-6.096-2.36-3.83-4.703-4.563-12.263 4.658-41.862 1.155-3.7 11.77-2.6 11.016 1.202-6.096 30.6-2.245 40.75-4.657 41.86-.596.275-1.242.512-1.896.692-.4 5.674-.996 14.17-1.09 15.113-.11 1.08-1.076 10.016-3.09 12.48-.362.438-1.837 2.634-5.39 3.232-2.732.453-10.216-.094-10.776-.16-.377-.078-1.016-.3-1.198-1.057-.05-.216-.065-.41-.043-.583-1.026 0-2.094 0-3.184-.008.044 3.37.095 9.52-.036 13.695-.015.41-1.817.654-4.04.733v33.208c3.422-1 9.025-2.577 10.463-2.628 1.054-.036.32 2.362-.48 2.974-1.053.8-3.865 2.153-6.713 3.42 6.445 3.715 18.078 10.448 20.963 12.355.98.65-1.882 3.213-2.986 2.817-3.808-1.36-18.224-9.188-22.97-11.78-4.38 1.145-16.806 4.335-20.083 4.558-.966.065-4.897-1.83-2.354-3.334 2.594-1.54 14.212-4.527 19.78-5.91v-35.682c-2.232-.1-4.034-.353-4.04-.713v-.087c-.09-3.448-.052-9.972-.023-13.543-6.118.15-11.844.583-15.52 1.786-2 .656-2.173-1.346-1.73-3.405-10.042 1.965-18.035 3.564-18.035 3.564s-2.55 8.322-4.22 12.78c-3.707 9.856-14.512 34.596-18.98 45.266-.734 1.75-3.786 2.326-5.02 1.894-1.237-.432-2.937-2.592-2.377-4.47 4.062-13.696 11.45-47.226 19.05-64.29 3.475-7.79 21.233-8.64 37.807-13.09-.865-1.65-.836-2.945.087-5.516 1.518-4.22 3.53-10.7 4.453-13.493.305-.913.13-7.235.095-10.49l-8.45 9.073h1.307v3.672h-59.647v-3.672l-.015.014zm37.98-40.997l-12.802.008.044 1.98 12.71-.015c.013-.626.035-1.29.042-1.98l.008.007zm.015-3.938l-12.84.007c-.006.388-.006 1.735-.006 2.015l12.846-.007v-2.016zm-.036-1.922c-.036-1.246-.11-2.405-.218-3.392-.385-3.376-3.284-5.09-6.17-5.076-2.884-.014-5.783 1.7-6.168 5.076-.11.987-.182 2.153-.218 3.406l12.774-.007v-.007z"/><path d="M208.565 94.468c-.095.324-.69 3.147-.69 3.147-1.788.432-20.577 4.392-26.413 6.185-3.073.943-5.754 2.678-6.706 3.413-.487-1.937-.095-4.313 2.5-6.862 3.858-3.794 17.533-5.442 31.317-5.89l-.008.008zM200.274 121.64l.138.267s15.194 46.96 15.216 47.096c-2.093.57-7.194 2.095-7.666 2.247l-21.574-42.862s.93-2.91 1.36-4.277c0 0 9.517-1.885 12.518-2.476l.008.007z"/><g><path d="M59.454 16.393c0 9.054-7.33 16.393-16.378 16.393-9.046 0-16.378-7.34-16.378-16.393C26.698 7.338 34.03 0 43.076 0c9.047 0 16.378 7.338 16.378 16.393M56.498 79.25l-6.263-5.905c-.218 5.062-.763 8.27-.683 8.706.458 2.27 1.395 6.975 2.21 11.026.21 1.04 22.146 4.61 30.32 5.258 4.332.342 10.4 2.78 6.46 13.164-4.65 12.29-17.692 49.666-22.48 63.112-.662 1.848-2.697 2.91-4.535 2.233-2.13-.785-3.35-2.61-2.907-4.458 2.682-11.237 11.372-47.672 11.372-47.672l5.64-13.324s-9.76.9-20.593 1.475c1.292.393 2.447.85 3.436 1.382 1.19.648 3.626 8.37 0 7.18-3.64-1.2-9.308-1.638-15.368-1.783.03 3.578.065 10.094-.022 13.542 0 .03 0 .058-.007.087-.008.364-1.796.61-3.998.713v35.687c5.515 1.382 17.018 4.37 19.582 5.913 2.514 1.505-1.373 3.404-2.332 3.338-3.24-.225-15.55-3.41-19.88-4.56-4.695 2.597-18.966 10.422-22.738 11.782-1.097.393-3.93-2.167-2.957-2.814 2.863-1.906 14.372-8.64 20.752-12.35-2.813-1.265-5.604-2.618-6.65-3.418-.792-.61-1.52-3.01-.472-2.974 1.43.05 6.968 1.63 10.36 2.632v-33.207c-2.208-.08-3.988-.32-3.995-.735-.13-4.182-.08-10.32-.036-13.694h-2.1c.02.18.014.385-.044.618-.182.75-.814.974-1.184 1.047-.56.06-7.965.612-10.668.154-3.524-.597-4.985-2.786-5.34-3.23-2-2.458-2.958-11.396-3.067-12.472-.094-.946-.683-9.44-1.075-15.113-.654-.183-1.286-.416-1.875-.692C2.982 88.793 6.79 78.64.75 48.044c-.747-3.803 9.767-4.902 10.907-1.2 9.127 29.6 8.407 37.157 4.607 41.854-1.417 1.753-3.69 2.43-6.03 2.364.363 5.36.828 12.61 1.002 14.356.145 1.476.9 10.575 3.444 12.095.335.196.654.56 1.468.85-.748-1.716-.574-6.443.545-6.567 1.896-.218 5.16-.51 9.097-.72-3.713-3.89-3.052-13.62-2.863-14.77.72-4.393 2.07-11.2 2.275-14 .777-10.852-5.312-26.837-2.58-36.437 2.195-7.695 7.964-10.153 11.3-9.186 5.114 1.476 13.086 7.367 14.61 14.822.496 2.407.866 4.734 1.128 6.96l9.845 10.822L75.1 43.345c.26-.43.61-.77 1.016-1.018v-.08h.138c.836-.45 1.86-.488 2.76-.037l.074.037 9.468.007c-.03.793-.066 1.447-.088 1.898.502 0 .858.007.996.007.697.02.988 3.912 0 3.95-.923.035-3.103.108-5.493.144v31.003h32.21v3.68H54.55v-3.68h1.946M79.253 48.29L62.52 79.256h18.513V48.29c-.61.007-1.206.007-1.773 0M76.015 32.392c.036-1.244.11-2.407.218-3.396.378-3.375 3.248-5.09 6.103-5.077 2.856-.015 5.726 1.7 6.104 5.076.11.99.182 2.152.218 3.403l-12.65-.008M75.978 34.32l12.716.008v2.015l-12.716-.008V34.32M76 38.255l12.68.007c-.015.684-.03 1.353-.05 1.978l-12.58-.014-.043-1.978"/></g></g></svg> </div> </div> <div class="lc">  <a href="https://bigmedium.com/bm.tags/podcast/" class="kicker" rel="tag">podcast</a>   <h1 class="bmw_headline">ShopTalk: Brad Frost on a Global Design System</h1>   <span class="bmw_pubdate">Published Feb 6, 2024</span>  </div> </header> <div class="lc maincontent"> <section class="bodycontent">  <div class="bmw_pageContent"> <figure class="media-right bmc_image"> <a href="https://bigmedium.com/bm.pix/bradtalkshop.png" rel="bm_lightbox" title="" target="_blank"><img src="https://bigmedium.com/bm.pix/bradtalkshop.orig-250.png" alt="Brad Frost on the TalkShop Podcast" srcset="https://bigmedium.com/bm.pix/bradtalkshop.orig-2000.png 500w, https://bigmedium.com/bm.pix/bradtalkshop.orig-250.png 250w" sizes="(min-width: 1100px) 690px, (min-width: 830px) 501px, (min-width: 640px) 380px, 100vw" title="Click to enlarge" /></a> </figure> <p>Big Medium’s Brad Frost joined the ShopTalk podcast for <a href="https://shoptalkshow.com/601/">a conversation with Chris Coyier and Dave Rupert</a>. The big topic: Brad’s call to action to create <a href="https://bigmedium.com/ideas/a-global-design-system.html">a global design system</a>. (And okay, a little bit about what he’s planning for his 40th birthday, too.)</p> <blockquote> <p>Brad Frost has got design systems on his mind—at a global scale. What is a global design system? Are two design systems ever the same? How would this slot inside atomic design? What has been the response from the web community to global design system as an idea? And what’s Frostapalooza? </p> </blockquote> <p><a href="https://shoptalkshow.com/601/">Listen to the podcast here.</a></p> </div>   </section> <section class="moreinfo">  <h3>Related links</h3> <ul class="bmw_related"> <li><a href="https://bigmedium.com/ideas/a-global-design-system.html">A Global Design System</a></li> <li><a href="https://bigmedium.com/ideas/whats-next-for-a-global-design-system.html">What's Next for a Global Design System</a></li> <li><a href="https://bigmedium.com/ideas/links/thoughts-on-a-global-design-system-chris-coyier.html">Thoughts on a Global Design System</a></li> <li><a href="https://bigmedium.com/speaking/is-atomic-design-dead.html">Is Atomic Design Dead?</a></li> </ul>   <h3>Read more about...</h3> <ul class="bmw_tags"> <li><a href="https://bigmedium.com/bm.tags/podcast/" rel="tag">podcast</a></li> <li><a href="https://bigmedium.com/bm.tags/brad-frost/">brad frost</a></li> <li><a href="https://bigmedium.com/bm.tags/business/" rel="tag">business</a></li> <li><a href="https://bigmedium.com/bm.tags/design-system/">design system</a></li> <li><a href="https://bigmedium.com/bm.tags/global-design-system/">global design system</a></li> <li><a href="https://bigmedium.com/bm.tags/interview/" rel="tag">interview</a></li> </ul>  </section> </div> </article> </main> <section class="touts"> <div class="lc u--zero-pad"> <div class="standard-margin touts-3up"> <h2><a href="https://bigmedium.com/speaking/" class="kicker kicker--invert">Talks</a></h2>  <div class="tout-links tout-links--latest tout-links--sec-speaking"> <div class="bmw_link bma_page1654"> <div class="bma_mediatop"> <a href="https://bigmedium.com/speaking/sentient-design-josh-clark-talk.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/josh-clark-casual-intelligence.4x3-250.jpg" class="bma_thumb" alt="Photo of Josh Clark speaking in front of a screen with the text, "Get cozy with casual intelligence"" srcset="https://bigmedium.com/bm.pix/josh-clark-casual-intelligence.4x3-2000.jpg 960w, https://bigmedium.com/bm.pix/josh-clark-casual-intelligence.4x3-500.jpg 500w, https://bigmedium.com/bm.pix/josh-clark-casual-intelligence.4x3-250.jpg 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/sentient-design/" class="kicker kicker--tout kicker--invert">sentient design</a> <h3 class="bma_head"><a href="https://bigmedium.com/speaking/sentient-design-josh-clark-talk.html" title="Sentient Design: AI and the Next Chapter of UX" rel="bookmark">Sentient Design: AI and the Next Chapter of UX</a></h3> <div class="bma_desc">Josh Clark introduces Sentient Design, the already-here future of intelligent interfaces and AI-mediated experiences. Learn to design radically adaptive experiences that feel almost self-aware in their response to user needs.</div> </div> </div> </div> <div class="bmw_link bma_page1695"> <div class="bma_mediatop"> <a href="https://bigmedium.com/speaking/design-of-ai-sentient-design.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/design-of-ai-promo.4x3-250.jpg" class="bma_thumb" alt="Headshots of Josh Clark and Veronika Kindred promoting the Design of AI podcast and talking about Sentient Design" srcset="https://bigmedium.com/bm.pix/design-of-ai-promo.4x3-2000.jpg 840w, https://bigmedium.com/bm.pix/design-of-ai-promo.4x3-500.jpg 500w, https://bigmedium.com/bm.pix/design-of-ai-promo.4x3-250.jpg 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/podcast/" class="kicker kicker--tout kicker--invert">podcast</a> <h3 class="bma_head"><a href="https://bigmedium.com/speaking/design-of-ai-sentient-design.html" title="Design of AI: Sentient Design" rel="bookmark">Design of AI: Sentient Design</a></h3> <div class="bma_desc">Josh Clark and Veronika Kindred share the importance of design in shaping AI-powered experiences in this podcast conversation about Sentient Design, their new book, moving beyond the chatbot, generational views of technology, and much more.</div> </div> </div> </div> <div class="bmw_link bma_page1604"> <div class="bma_mediatop"> <a href="https://bigmedium.com/speaking/is-atomic-design-dead.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/brad-atomic-design-dead.4x3-250.jpg" class="bma_thumb" alt="Brad Frost at Front Conference 2023: "Is Atomic Design Dead?"" srcset="https://bigmedium.com/bm.pix/brad-atomic-design-dead.4x3-2000.jpg 1200w, https://bigmedium.com/bm.pix/brad-atomic-design-dead.4x3-1000.jpg 1000w, https://bigmedium.com/bm.pix/brad-atomic-design-dead.4x3-500.jpg 500w, https://bigmedium.com/bm.pix/brad-atomic-design-dead.4x3-250.jpg 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/design-system/" class="kicker kicker--tout kicker--invert">design system</a> <h3 class="bma_head"><a href="https://bigmedium.com/speaking/is-atomic-design-dead.html" title="Is Atomic Design Dead?" rel="bookmark">Is Atomic Design Dead?</a></h3> <div class="bma_desc">Brad Frost explores today’s design system ecosystem and peeks into the exciting future of design systems. (Spoiler: Atomic Design is going stronger than ever, thank you very much.)</div> </div> </div> </div> <div class="bmw_link bma_page1650"> <div class="bma_mediatop"> <a href="https://bigmedium.com/speaking/ai-and-design-systems-virtual-event.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/friends-with-robots.4x3-250.png" class="bma_thumb" alt="Making friends with the robots" srcset="https://bigmedium.com/bm.pix/friends-with-robots.4x3-2000.png 2000w, https://bigmedium.com/bm.pix/friends-with-robots.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/friends-with-robots.4x3-500.png 500w, https://bigmedium.com/bm.pix/friends-with-robots.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/ai/" class="kicker kicker--tout kicker--invert">ai</a> <h3 class="bma_head"><a href="https://bigmedium.com/speaking/ai-and-design-systems-virtual-event.html" title="Online Event: AI and Design Systems" rel="bookmark">Online Event: AI and Design Systems</a></h3> <div class="bma_desc">The Big Medium team shares the many ways that we use AI to build and maintain design systems. (You can totally do it, too.)</div> </div> </div> </div> <div class="bmw_link bma_page1636"> <div class="bma_mediatop"> <a href="https://bigmedium.com/speaking/when-and-how-will-ai-replace-us.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/smashingconf_kevin.4x3-250.png" class="bma_thumb" alt="Kevin Coyle at Smashing Meet 2024: "The Future of Design Systems"" srcset="https://bigmedium.com/bm.pix/smashingconf_kevin.4x3-2000.png 346w, https://bigmedium.com/bm.pix/smashingconf_kevin.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/ai/" class="kicker kicker--tout kicker--invert">ai</a> <h3 class="bma_head"><a href="https://bigmedium.com/speaking/when-and-how-will-ai-replace-us.html" title="When will AI Replace Us?" rel="bookmark">When will AI Replace Us?</a></h3> <div class="bma_desc">Kevin Coyle addresses and subdues fears about AI taking out jobs. (Spoiler: This isn’t a new problem.) Instead, he shows how your new robot colleagues can help you do your job even better—right now, today.</div> </div> </div> </div> <div class="bmw_link bma_page1624"> <div class="bma_mediatop"> <a href="https://bigmedium.com/speaking/brad-frost-shoptalk-global-design-system.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/bradtalkshop.4x3-250.png" class="bma_thumb" alt="Brad Frost on the TalkShop Podcast" srcset="https://bigmedium.com/bm.pix/bradtalkshop.4x3-2000.png 346w, https://bigmedium.com/bm.pix/bradtalkshop.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/podcast/" class="kicker kicker--tout kicker--invert">podcast</a> <h3 class="bma_head"><a href="https://bigmedium.com/speaking/brad-frost-shoptalk-global-design-system.html" title="ShopTalk: Brad Frost on a Global Design System" rel="bookmark">ShopTalk: Brad Frost on a Global Design System</a></h3> <div class="bma_desc">On the TalkShop podcast, Big Medium’s Brad Frost answers questions like: What is a global design system? Are two design systems ever the same? How would this slot inside atomic design? What has been the response from the web community to global design system as an idea? And what’s Frostapalooza?</div> </div> </div> </div> </div>  <div class="continue"> <a href="https://bigmedium.com/speaking/" class="btn btn--next"> <span class="btn-arrow-text--right">More Talks</span> </a> </div> </div> </div> </section> <section id="nav" class="prefooter"> <div class="toolbar"> <div class="lc"> <a href="https://bigmedium.com/" class="logo"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 830 147" role="img" aria-label="Big Medium" preserveAspectRatio="xMaxYMax meet"><title>Big Medium</title><desc>Big Medium logo</desc><use xlink:href="#bmlogo" id="footerLogo" /></svg> </a> <a href="#bm-top" id="BackToTop" class="icon icon-menu-up icon-utility">Back to top</a> </div> </div> <div class="lc">  <form action="https://bigmedium.com/cgi-bin/moxiebin/bm-search.cgi/q/3" method="get" class="bmw_search" enctype="multipart/form-data" accept-charset="utf-8"><div> <input type="search" name="bmq" placeholder="Search" value="" /> <button type="submit" class="icon icon-search icon-utility">Search</button> <input type="hidden" name="bms" value="3" /> </div></form>  <nav class="bmw_navigation bmn_hnav" role="navigation"> <div class="bmn_skipnav"><a href="#bm-skipnavbottom">Skip Navigation</a></div> <ul> <li class="bmn_sec-ideas"><a title="" href="https://bigmedium.com/ideas/">Ideas</a></li> <li class="bmn_sec-projects"><a title="" href="https://bigmedium.com/projects/">Projects</a></li> <li class="bmn_sec-speaking bmn_active"><a title="" href="https://bigmedium.com/speaking/">Talks</a></li> <li class="bmn_sec-about"><a title="" href="https://bigmedium.com/about/">About</a></li> <li class="bmn_sec-hire"><a title="" href="https://bigmedium.com/hire/">Hire Us</a></li> </ul> <span class="bmn_clearNav" id="bm-skipnavbottom"> </span> </nav> </div> </section>  <div class="bmw_footer"> <footer class="footer"> <div class="lc"> <div class="read-us"> <h3>Read us</h3> <ul> <li class="book-atomic"> <a href="https://atomicdesign.bradfrost.com"> <img src="/pix/atomic-design.png" alt="Atomic Design, by Brad Frost" /> </a> </li> <li class="book-touch"> <a href="http://abookapart.com/products/designing-for-touch"> <img src="/pix/designing-for-touch.png" alt="Designing for Touch, by Josh Clark" /> </a> </li> </ul> </div> <div class="hire-us"> <h3>Work with us</h3> <ul> <li><a href="/hire/#design-systems">Design systems</a></li> <li><a href="/hire/#ui-ux-design">Interface and experience design</a></li> <li><a href="/hire/#product-strategy-process">Digital strategy and process</a></li> <li><a href="/hire/#production">Production and co-creation</a></li> <li><a href="/hire/#action-plan">Action plan</a></li> <li><a href="/hire/#coaching">Coaching and hands-on advice</a></li> <li><a href="/hire/#workshops-talks">Workshops and talks</a></li> </ul> </div> <div class="follow-us"> <h3>Follow us</h3> <h4>Get the <a href="/ideas/big-medium-newsletter.html">newsletter</a></h4> <div id="mc_embed_shell_bmfooter" class="bmc_mailchimp"> <div id="mc_embed_signup_bmfooter"> <form action="https://bigmedium.us5.list-manage.com/subscribe/post?u=6c0c3f4dcd40d88bc1cedb3fa&id=7540015453&f_id=00d6c4eaf0" method="post" id="mc-embedded-subscribe-form_bmfooter" name="mc-embedded-subscribe-form" class="validate" target="_self" novalidate=""> <div id="mc_embed_signup_scroll_bmfooter"> <div class="mc-field-group"><label for="mce-EMAIL_bmfooter">Email Address</label><input type="email" name="EMAIL" class="required email" id="mce-EMAIL_bmfooter" required="" value=""></div> <div id="mce-responses_bmfooter" class="clear"> <div class="response" id="mce-error-response_bmfooter" style="display: none;"></div> <div class="response" id="mce-success-response_bmfooter" style="display: none;"></div> </div><div class="clear"><input type="submit" class="btn" name="subscribe" id="mc-embedded-subscribe_bmfooter" class="button" value="Subscribe"></div> </div> </form> </div> </div> <ul class="social"> <li><a href="https://twitter.com/bigmediumjosh" class="icon icon-twitter">Twitter</a></li> <li><a href="/bm.feed.xml" class="icon icon-rss">RSS</a></li> <li><a href="https://instagram.com/joshclark/" class="icon icon-instagram">Instagram</a></li> <li><a href="https://github.com/bigmedium" class="icon icon-github">Github</a></li> </ul> </div> <div class="contact-us"> <h3>Contact us</h3> <div itemscope itemtype="http://schema.org/Organization"> <div> <h4>Start with Josh Clark</h4> <meta itemprop="name" content="Big Medium" /> <meta itemprop="sameAs" content="https://bigmedium.com/" /> </div> <p > <a itemprop="email" href="mailto:josh@bigmedium.com">josh@bigmedium.com</a><br /> <a itemprop="telephone" href="tel:+14013393381" class="p-tel">(401) 339-3381</a> </p> </div> </div> <p class="copyright"> Big Medium is a Global Moxie company.<br /> Copyright 2003–2024 Global Moxie, LLC. All rights reserved. </p> </div> </footer> </div>  <script src="/js/bigmed-min.js" type="text/javascript"></script> <script type="text/javascript"> BigM.initPage(); </script> </body> </html>

CINXE.COM

ShopTalk: Brad Frost on a Global Design System | Big Medium