Big Medium | This Is Big Design

<!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>Big Medium | This Is Big Design</title> <meta name="description" content="Big Medium is a digital agency that helps complex organizations build design systems, craft exceptional online experiences, and transform digital operations." /> <meta name="keywords" content="josh clark, brad frost, design systems, big medium, bigmedium, global moxie, globalmoxie, atomic design" /> <meta name="copyright" content="Copyright Big Medium, 2024" /> <link rel="canonical" href="https://bigmedium.com/" /> <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_page89 { display: none } </style> <link rel="home" title="Home" href="https://bigmedium.com/" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@bigmediumjosh" /> <meta name="twitter:url" property="og:url" content="https://bigmedium.com/" /> <meta name="twitter:title" property="og:title" content="Big Medium | This Is Big Design" /> <meta name="twitter:description" property="og:description" content="Big Medium is a digital agency that helps complex organizations build design systems, craft exceptional online experiences, and transform digital operations." /> <meta name="twitter:image" property="og:image" content="https://bigmedium.com/apple-touch-icon-144x144.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="Homepage" class="bmt_home"> <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"><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">  <header class="page-header nokicker"> <div class="page-icon">  <div class="carousel"> <ul class="carousel-list carousel-list-4up"> <li class="carousel-panel"> <div class="lc"> <svg width="290" height="187" viewBox="0 0 290 187" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMaxYMax meet" role="img" aria-label="Cloud computing"><title>Cloud computing</title><g fill="#FFF" fill-rule="evenodd"><path d="M76.325 95.65V84.17c8.606 0 15.607-7.002 15.607-15.603 0-8.59-7-15.577-15.607-15.577-1.162 0-2.367.147-3.58.438l-4.103.984-2.168-3.617c-4.05-6.762-11.137-10.798-18.952-10.798-12.19 0-22.106 9.908-22.106 22.088v5.74H19.67c-4.51 0-8.178 3.666-8.178 8.173 0 4.505 3.67 8.17 8.178 8.17h7.427v11.48H19.67C8.824 95.65 0 86.834 0 75.998c0-8.974 6.054-16.563 14.295-18.905 2.422-16.15 16.4-28.573 33.227-28.573 10.387 0 20.24 4.93 26.56 13.09.753-.065 1.502-.1 2.243-.1 14.943 0 27.1 12.138 27.1 27.057 0 14.934-12.157 27.083-27.1 27.083z"/><path d="M63.435 87.765L57.458 93.3V73.38H45.966V93.3l-5.978-5.535-7.81 8.422 19.534 18.08 19.534-18.08M152.846 59.422V49.357c7.53 0 13.655-6.138 13.655-13.68 0-7.53-6.124-13.658-13.654-13.658-1.018 0-2.072.128-3.134.384l-3.59.862-1.897-3.17c-3.545-5.93-9.744-9.468-16.583-9.468-10.665 0-19.342 8.687-19.342 19.366v5.032h-5.028c-3.946 0-7.156 3.214-7.156 7.166 0 3.95 3.21 7.164 7.156 7.164h6.5V59.42h-6.5c-9.49.002-17.21-7.727-17.21-17.227 0-7.87 5.296-14.523 12.507-16.576C100.687 11.457 112.92.565 127.64.565c9.088 0 17.71 4.324 23.242 11.477.657-.058 1.312-.087 1.962-.087 13.074 0 23.71 10.64 23.71 23.722 0 13.093-10.636 23.745-23.71 23.745z"/><path d="M121.05 63.132l5.23-4.85v17.464h10.056V58.28l5.23 4.852 6.835-7.384-17.09-15.85-17.094 15.85"/><g><path d="M200.33 140.726v41.738c0 .762.305 1.513.846 2.05.54.538 1.29.845 2.057.845h23.384v-30.65c0-.763.303-1.515.846-2.05.54-.542 1.29-.85 2.05-.85h19.972c.767 0 1.51.31 2.054.85.54.535.845 1.285.845 2.05v30.65h23.388c.77 0 1.504-.297 2.052-.845.542-.547.846-1.278.846-2.05V140.67l-39.592-30.718-38.75 30.772z"/><path d="M287.455 127.798l-44.415-34.09c-2.082-1.6-4.998-1.6-7.084 0l-23.79 18.262v-9.22h-11.618v18.133l-9 6.912c-2.54 1.952-3.017 5.592-1.06 8.125 1.14 1.483 2.864 2.26 4.602 2.26.636 0 1.275-.105 1.89-.316l40.732-32.338c.784-.625 1.887-.63 2.673-.02l41.726 32.37c2.277.737 4.862.047 6.407-1.956 1.957-2.533 1.48-6.172-1.062-8.122z"/></g><g><path d="M174.124 132.002c0-7.38-6.647-13.373-14.868-13.46-4.373-6.166-12.07-10.334-20.903-10.334-11.895 0-21.778 7.555-24.052 17.542-5.684 2.952-9.445 8.336-9.445 14.59 0 7.554 5.598 13.893 13.207 16.064 3.236 4.17 9.096 6.948 15.918 6.948 1.66 0 3.323-.174 4.81-.52.175 13.285-1.225 20.84-1.225 20.84 0 2.345 2.362 2.345 3.936 2.345h3.675c1.574 0 3.935 0 3.935-2.345 0 0-2.274-8.944-2.71-19.105-.088-1.302-.088-2.518-.088-3.647 1.924.782 4.023 1.216 6.21 1.216 8.308 0 15.043-5.992 15.043-13.46 0-1.737-.35-3.387-1.05-4.95 4.548-2.345 7.61-6.687 7.61-11.724z"/></g></g></svg> </div> </li> <li class="carousel-panel"> <div class="lc"> <svg width="348" height="237" viewBox="0 -50 348 237" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMaxYMax meet" role="img" aria-label="Virtual reality"><title>Virtual reality</title><g fill="#FFF" fill-rule="evenodd"><path d="M235.32.46c-4.79.058-9.918.493-15.212 1.61-8.236 1.742-16.253 6.075-22.73 11.632-5.727 4.914-10.2 10.742-12.528 16.82h-8.412c-3.908 0-7.125 2.394-9.486 5.01-2.36 2.615-4.18 5.612-5.37 8.41-3.118 7.34-3.553 16.55.18 23.977 3.208 6.377 9.556 12.882 17.54 12.882h11.275c.052.122.11.24.18.355.102.27.04.52.178.895.52 1.39 1.232 3.386 2.148 5.904 1.83 5.037 4.386 11.944 6.98 19.146 1.623 4.506 5.288 7.924 9.486 9.663 2.155.893 4.413 1.244 6.62 1.252-5.328 11.573-13.655 18.012-26.13 20.04h-.18l-.178.178c-12.265 3.56-19.22 10.248-22.55 18.43-3.33 8.182-3.222 17.502-3.222 27.02 0 2.896-.016 2.862 2.863 2.862h178.262c2.81 0 2.863 0 2.863-2.862 0-17.448-6.357-30.62-15.93-39.724-9.394-8.932-21.89-13.895-34.72-16.282v-.178c-.713-.286-1.295-.605-1.97-.895-1.253-28.034 5.923-60.384 6.98-84.1.546-12.206-.276-22.423-6.084-28.807-2.905-3.19-7.1-5.027-12.17-5.368-4.768-.32-10.44.63-17.183 2.863-3.04-2.52-6.402-4.785-10.02-6.44-5.086-2.33-10.717-3.834-16.825-4.296-1.527-.114-3.056 0-4.654 0V.46zm-.178 5.727c1.437 0 2.923-.104 4.296 0 5.49.412 10.418 1.726 14.855 3.757 5.472 2.505 10.287 6.147 14.318 10.915.303.36.61.712.896 1.073.567.71 1.074 1.567 1.61 2.326.755 1.065 1.453 2.06 2.15 3.22.354.59.733 1.172 1.073 1.79l-33.112 9.84c-.97-1.59-2.037-3.19-3.4-4.473-2.527-2.378-5.86-4.115-9.666-4.115h-35.974c2.053-4.273 4.514-8.72 8.95-12.526C206.96 13 214.307 9.11 221.36 7.618c4.954-1.048 9.474-1.414 13.782-1.43zm43.85 44.912c-.74 7.983-3.927 15.73-8.95 22.008-.197.212-.334.515-.536.716-.246.297-.64.43-.894.715-1.087.995-2.235 1.788-3.4 2.504l-4.475-3.578c3.243-5.687 7.53-11.195 8.233-18.967l10.022-3.4zM261.99 57.36c-1.55 5.008-4.516 9.66-7.518 15.567-.65 1.21-.35 2.71.716 3.577l7.696 5.905c.01.058-.01.132 0 .178.125 16.46 3.625 26.766 8.95 33.82.914 1.21 1.875 2.372 2.862 3.398 1.822 2.27 3.878 4.472 6.444 6.62l-.716 11.274c-.56 7.648-4.268 13.37-10.023 17.893-5.754 4.522-13.645 7.66-21.655 9.126-8.01 1.467-16.187 1.326-22.73-.177-6.544-1.505-11.122-4.38-12.708-7.693-5.4-11.282-3.458-16.967 0-22.725 3.05-5.08 7.887-9.97 9.844-17 .127-.056.235-.142.36-.176 6.24-1.74 13.625-6.27 19.686-10.38 6.062-4.11 10.74-7.873 10.74-7.873.81-.635 1.215-1.657 1.063-2.675-.153-1.018-.84-1.876-1.8-2.248-.96-.372-2.046-.2-2.844.45 0 0-4.52 3.542-10.38 7.516-5.863 3.974-13.135 8.336-17.9 9.662-3.535.983-7.596 1.333-10.38.178-2.756-1.143-5.335-3.686-6.264-6.263-2.594-7.2-5.144-14.095-6.98-19.146-.813-2.237-1.463-3.966-1.97-5.367h32.933c6.263 0 11.43-4.66 13.78-9.84 1.033-2.274 1.75-4.774 2.15-7.516l16.644-6.084zM209.37 89.57c-1.582.247-2.664 1.73-2.416 3.31.247 1.58 1.73 2.663 3.31 2.416h12.53c1.032.014 1.992-.528 2.513-1.42.52-.892.52-1.995 0-2.887-.52-.892-1.48-1.435-2.514-1.42h-12.528c-.297-.047-.6-.047-.895 0z"/><path d="M76.32.46C71.53.52 66.403.954 61.11 2.07c-8.236 1.742-16.253 6.075-22.73 11.632-5.727 4.914-10.2 10.742-12.528 16.82h-8.412c-3.908 0-7.125 2.394-9.486 5.01-2.36 2.615-4.18 5.612-5.37 8.41-3.118 7.34-3.553 16.55.18 23.977C5.97 74.296 12.318 80.8 20.302 80.8h11.275c.052.122.11.24.18.355.102.27.04.52.178.895.52 1.39 1.232 3.386 2.148 5.904 1.83 5.037 4.386 11.944 6.98 19.146 1.623 4.506 5.288 7.924 9.486 9.663 2.155.893 4.413 1.244 6.62 1.252-5.328 11.573-13.655 18.012-26.13 20.04h-.18l-.178.178c-12.265 3.56-19.22 10.248-22.55 18.43-3.33 8.182-3.222 17.502-3.222 27.02 0 2.896-.016 2.862 2.863 2.862h178.262c2.81 0 2.863 0 2.863-2.862 0-17.448-6.357-30.62-15.93-39.724-9.394-8.932-21.89-13.895-34.72-16.282v-.178c-.713-.286-1.295-.605-1.97-.895-1.253-28.034 5.923-60.384 6.98-84.1.546-12.206-.276-22.423-6.084-28.807-2.905-3.19-7.1-5.027-12.17-5.368-4.768-.32-10.44.63-17.183 2.863-3.04-2.52-6.402-4.785-10.02-6.44C92.713 2.422 87.082.918 80.974.456c-1.527-.114-3.056 0-4.654 0V.46zm-.178 5.727c1.437 0 2.923-.104 4.296 0 5.49.412 10.418 1.726 14.855 3.757 5.472 2.505 10.287 6.147 14.318 10.915.303.36.61.712.896 1.073.567.71 1.074 1.567 1.61 2.326.755 1.065 1.453 2.06 2.15 3.22.354.59.733 1.172 1.073 1.79l-33.112 9.84c-.97-1.59-2.037-3.19-3.4-4.473-2.527-2.378-5.86-4.115-9.666-4.115H33.188c2.053-4.273 4.514-8.72 8.95-12.526C47.96 13 55.307 9.11 62.36 7.618c4.954-1.048 9.474-1.414 13.782-1.43zm43.85 44.912c-.74 7.983-3.927 15.73-8.95 22.008-.197.212-.334.515-.536.716-.246.297-.64.43-.894.715-1.087.995-2.235 1.788-3.4 2.504l-4.475-3.578c3.243-5.687 7.53-11.195 8.233-18.967l10.022-3.4zM102.99 57.36c-1.55 5.008-4.516 9.66-7.518 15.567-.65 1.21-.35 2.71.716 3.577l7.696 5.905c.01.058-.01.132 0 .178.125 16.46 3.625 26.766 8.95 33.82.914 1.21 1.875 2.372 2.862 3.398 1.822 2.27 3.878 4.472 6.444 6.62l-.716 11.274c-.56 7.648-4.268 13.37-10.023 17.893-5.754 4.522-13.645 7.66-21.655 9.126-8.01 1.467-16.187 1.326-22.73-.177-6.544-1.505-11.122-4.38-12.708-7.693-5.4-11.282-3.458-16.967 0-22.725 3.05-5.08 7.887-9.97 9.844-17 .127-.056.235-.142.36-.176 6.24-1.74 13.625-6.27 19.686-10.38 6.062-4.11 10.74-7.873 10.74-7.873.81-.635 1.215-1.657 1.063-2.675-.153-1.018-.84-1.876-1.8-2.248-.96-.372-2.046-.2-2.844.45 0 0-4.52 3.542-10.38 7.516-5.863 3.974-13.135 8.336-17.9 9.662-3.535.983-7.596 1.333-10.38.178-2.756-1.143-5.335-3.686-6.264-6.263-2.594-7.2-5.144-14.095-6.98-19.146-.813-2.237-1.463-3.966-1.97-5.367h32.933c6.263 0 11.43-4.66 13.78-9.84 1.033-2.274 1.75-4.774 2.15-7.516l16.644-6.084zM50.37 89.57c-1.582.247-2.664 1.73-2.416 3.31.247 1.58 1.73 2.663 3.31 2.416h12.53c1.032.014 1.992-.528 2.513-1.42.52-.892.52-1.995 0-2.887-.52-.892-1.48-1.435-2.514-1.42H51.265c-.297-.047-.6-.047-.895 0z"/></g></svg> </div> </li> <li class="carousel-panel"> <div class="lc"> <svg width="459" height="238" viewBox="0 -50 459 238" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMaxYMax meet" role="img" aria-label="Robots"><title>Robots</title><g fill="#FFF" fill-rule="evenodd"><path d="M109.144 17.82H62.49V61.77h46.654V17.82zm-34.65 29.898c-4.247 0-7.696-3.45-7.696-7.706 0-4.258 3.45-7.7 7.697-7.7 4.254 0 7.705 3.452 7.705 7.7-.01 4.264-3.45 7.706-7.705 7.706zm22.653 0c-4.254 0-7.696-3.45-7.696-7.706 0-4.258 3.443-7.7 7.697-7.7 4.257 0 7.706 3.452 7.706 7.7-.01 4.264-3.45 7.706-7.706 7.706zm64.805 67.076c-.69-14.914-7.08-25.322-14.958-31.49-6.506-5.116-13.65-7.565-19.558-8.433v-5.364h-83.23v5.365c-5.91.87-13.06 3.327-19.567 8.443-7.888 6.16-14.27 16.576-14.95 31.48C4.05 116.77 0 122.08 0 128.384c0 7.974 6.454 14.44 14.44 14.45v-6.42c-4.437-.01-8.01-3.594-8.03-8.04.02-4.433 3.593-8.03 8.03-8.038 4.44.01 8.015 3.596 8.024 8.04h6.42c-.01-6.447-4.255-11.85-10.093-13.707.752-12.223 5.615-19.51 11.488-24.24 4.444-3.558 9.673-5.497 13.928-6.34v50.214h7.422v33.01c-8.404 2.97-14.43 10.96-14.43 20.375h43.277c0-9.414-6.035-17.406-14.43-20.375v-33.01h39.542v33.01c-8.394 2.97-14.43 10.96-14.43 20.375h43.277c0-9.414-6.034-17.406-14.427-20.375v-33.01h7.42V84.09c4.254.84 9.474 2.77 13.91 6.34 5.88 4.728 10.744 12.015 11.495 24.238-5.838 1.858-10.092 7.25-10.102 13.706h6.42c0-4.434 3.593-8.03 8.037-8.04 4.424.01 8.01 3.606 8.026 8.04-.016 4.426-3.602 8.03-8.026 8.03v6.42c7.974-.01 14.436-6.474 14.436-14.45.02-6.313-4.048-11.614-9.67-13.58zm-82.335-1.94H71.34v-8.28h8.277v8.28zm0-10.086H71.34v-8.272h8.277v8.272zm10.335 10.085h-8.27v-8.28h8.27v8.28zm0-10.085h-8.27v-8.272h8.27v8.272zm10.35 10.085h-8.277v-8.28h8.278v8.28zm0-10.085h-8.277v-8.272h8.278v8.272zm26.713-68.96c0-6.493-5.266-11.76-11.756-11.76v23.514c6.49 0 11.755-5.264 11.755-11.755zM56.375 45.56V22.05c-6.49 0-11.748 5.265-11.748 11.757 0 6.49 5.257 11.755 11.747 11.755zM263.616 31.624c0 3.76 3.05 6.81 6.808 6.81 3.77 0 6.82-3.05 6.82-6.81 0-3.77-3.05-6.82-6.82-6.82-3.748 0-6.808 3.06-6.808 6.82zm-19.938 15.92c0 2.503 2.137 4.52 4.762 4.52h21.803c2.632 0 4.762-2.027 4.762-4.52 0-2.503-2.138-4.52-4.762-4.52H248.44c-2.635 0-4.762 2.017-4.762 4.52zm-2.158-15.92c0 3.76 3.048 6.81 6.82 6.81 3.767 0 6.815-3.05 6.815-6.81 0-3.77-3.048-6.82-6.816-6.82-3.762 0-6.82 3.06-6.82 6.82zm-.03 36.773v12.696c0 1.318 1.062 2.38 2.38 2.38h9.412c.293-3.03 2.846-5.4 5.958-5.4.82 0 1.6.164 2.32.467l6.1-7.022c1.042-1.196 2.845.366 1.802 1.562l-5.916 6.807c.92.954 1.53 2.2 1.67 3.587h9.555c1.32 0 2.382-1.063 2.382-2.38V68.396c0-1.317-1.063-2.38-2.38-2.38H243.87c-1.318 0-2.38 1.063-2.38 2.38zM254.952 6.98c0 1.988 1.297 3.68 3.09 4.268v-.234c0-.832.65-1.258 1.257-1.258.607 0 1.255.426 1.255 1.258v.314c1.938-.498 3.375-2.26 3.375-4.347 0-2.482-2.005-4.487-4.488-4.487-2.47 0-4.49 2.015-4.49 4.488zm-36.16 104.746l-2.188.467-2.43-11.45c-.537-2.545-3.04-4.166-5.574-3.63l-.84.182c-2.54.537-4.162 3.04-3.618 5.575l2.433 11.45-2.19.467-4.932-5.474-4.926-5.47 2.28-7.012 2.28-7 1.49-.317c-.445-2.218-.426-4.366-.183-6.363 1.562-12.737 13.558-20.478 26.505-22.14.87-1.144 2.248-1.884 3.8-1.884h18.51v-2.37h-7.46c-2.44 0-4.427-1.988-4.427-4.43v-7.51h-2.643c-1.317 0-2.38-1.062-2.38-2.38V32.8c0-1.32 1.063-2.382 2.38-2.382h2.636v-9.453c0-2.443 1.984-4.428 4.427-4.428h16.322v-2.695c-3.193-.65-5.605-3.466-5.605-6.85 0-3.86 3.13-6.992 6.993-6.992 3.86 0 6.99 3.13 6.99 6.99 0 3.487-2.552 6.375-5.877 6.912v2.653h16.363c2.44 0 4.427 1.987 4.427 4.428v9.456h2.593c1.318 0 2.392 1.062 2.392 2.38v9.637c0 1.318-1.064 2.38-2.392 2.38h-2.593v7.508c0 2.444-1.987 4.428-4.428 4.428h-7.398v2.37h18.5c1.684 0 3.162.873 4.003 2.19 9.9-1.164 15.604-6.687 16.23-11.794.123-.953.102-1.745-.02-2.432l-1.265.272-4.926-5.47-4.923-5.502 2.27-7.002 2.28-7.004 2.19-.464 2.43 11.45c.537 2.542 3.04 4.164 5.574 3.616l.84-.17c2.542-.538 4.163-3.04 3.616-5.576l-2.43-11.45 2.19-.464 4.922 5.47 4.933 5.472-4.557 14.005-1.492.315c.446 2.218.426 4.368.185 6.363-1.592 12.99-14.052 20.784-27.296 22.23V115.9c0 2.635-2.137 4.762-4.762 4.762h-.92v49.695h2.29v12.322h2.604v4.232h-30.964v-4.233h2.726v-12.323h2.96v-49.695h-14.875v49.695h2.29v12.322h2.604v4.232h-30.982v-4.233h2.724v-12.323h2.958v-49.695h-.76c-2.635 0-4.762-2.127-4.762-4.762V73.21c-8.338 1.732-13.14 6.728-13.707 11.39-.123.952-.103 1.743.02 2.43l1.265-.26 4.923 5.47 4.936 5.473-2.27 7.012-2.29 7zM403.644 54.11c-18.908 0-34.22 13.563-34.22 30.292 0 16.73 4.103 74.782 34.9 74.782 30.117 0 33.532-58.052 33.532-74.782 0-16.73-15.322-30.29-34.212-30.29zm-.224 41.798c-14.857 0-26.9-7.992-26.9-17.846 0-9.85 12.043-17.844 26.9-17.844 14.86 0 26.91 7.993 26.91 17.844 0 9.854-12.05 17.846-26.91 17.846z"/><path d="M383.62 60.387h2.386v-11.82h-2.387"/><path d="M388.295 46.993c0 1.932-1.565 3.497-3.504 3.497-1.94 0-3.505-1.565-3.505-3.497.01-1.94 1.575-3.504 3.506-3.504 1.94 0 3.505 1.564 3.505 3.503zM373.017 87.943c-4.676 0-8.502 3.495-9.118 8.002-.573.5-1.127 1.037-1.656 1.627-5.595 6.276-8.02 16.666-6.91 29.38-4.533 1.976-8.206 11.248-.383 16.702-.636-2.86.706-8.736 4.846-9.37 2.87-.797 7.48 1.59 7.48 7.322 3.434-3.443 4.507-15.173-2.42-15.36-.815-9.102.464-16.604 3.565-21.084 1.36.778 2.908 1.26 4.587 1.26 5.097 0 9.235-4.13 9.235-9.234 0-5.107-4.13-9.245-9.225-9.245zM454.805 129.43c-.23-18.804-5.783-29.676-12.443-34.7-1.082-3.898-4.614-6.787-8.85-6.787-5.115 0-9.243 4.138-9.243 9.236 0 5.096 4.127 9.234 9.242 9.234 2.02 0 3.88-.67 5.4-1.778 3.118 3.86 5.972 11.087 6.32 23.424-8.35-.348-9.745 12.053-1.735 16.388-.67-5.632 1.467-9.226 4.81-9.7 4.612.16 4.443 7.753 4.138 10.193 8.198-4.907 8.02-13.15 2.36-15.51zM382.25 79.378c3.578-2.387 10.988-3.246 15.128-1.387.868.386 1.403.118 1.188-.802-2.42-10.596-17.11-8.648-17.647 1.6-.045.947.546 1.117 1.33.59zM408.56 78.17c3.916-1.788 11.363-1.447 15.155 1.055.794.52 1.366.34 1.304-.598-.7-10.847-15.51-11.265-17.675-1.243-.197.92.357 1.18 1.215.786zM427.96 183.396c0 2.37-10.754 4.292-24.03 4.292-13.276 0-24.03-1.923-24.03-4.292 0-2.37 10.754-4.292 24.03-4.292 13.276 0 24.03 1.923 24.03 4.292"/></g></svg> </div> </li> <li class="carousel-panel"> <div class="lc"> <svg width="353" height="185" viewBox="0 0 353 185" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMaxYMax meet" role="img" aria-label="Jetpacks"><title>Jetpacks</title><g fill="#FFF" fill-rule="evenodd"><path d="M3.286 63.852c-5.197 7.41-3.41 17.636 4.006 22.837 7.415 5.2 17.638 3.405 22.842-4.012 5.204-7.417 3.41-17.64-4.006-22.84-7.417-5.2-17.638-3.403-22.842 4.014M37.63 150.953l8.805-18.672c1.095-2.32 1.08-5.012-.055-7.31L33.14 98.194C26.5 87.22 39.41 74.888 50.066 82.022l.25.343c.346.24.686.503 1 .777l40.64 30.77c4.296 3.023 6.16 8.46 4.606 13.477L89.916 154.1l30.16 21.3c5.202 3.877-.328 11.773-5.75 8.2l-37.823-21.237.075-.054c-3.1-1.485-4.867-4.83-4.335-8.223l.8-29.03-14.064-9 2.92 9.058c.083.223.16.453.22.694l.137.423c.32 1.41.192 2.883-.37 4.214l-13.465 25.91c-.097.196-.202.398-.317.584-3.993 6.984-14.46 1.002-10.475-5.987zM56.824 69.476c3.075-3.99 14.348-.43 18.344 2.65l26.654 20.6-11.156 14.43L64.02 86.462c-3.992-3-10.273-12.995-7.196-16.984zM97.536 101.503c2.27-2.983 6.518-3.55 9.495-1.28 2.94 2.243 10.905 16.846 10.905 16.846s-16.152-3.824-19.13-6.084c-2.968-2.264-3.535-6.515-1.27-9.483z"/><g><path d="M149.695 33.163C144.5 40.573 146.285 50.8 153.7 56c7.417 5.202 17.64 3.406 22.844-4.01 5.204-7.417 3.41-17.64-4.006-22.84-7.418-5.2-17.64-3.404-22.843 4.013M184.04 120.265l8.804-18.673c1.095-2.32 1.08-5.013-.054-7.31l-13.24-26.777c-6.64-10.974 6.27-23.306 16.926-16.172l.25.344c.345.24.686.502 1 .777l40.64 30.768c4.296 3.024 6.16 8.463 4.606 13.48l-6.646 26.712 30.16 21.3c5.202 3.876-.33 11.772-5.75 8.198l-37.823-21.235.074-.055c-3.1-1.485-4.866-4.83-4.335-8.224l.8-29.03-14.064-9 2.922 9.058c.083.223.16.453.22.695l.137.424c.32 1.41.192 2.884-.37 4.215l-13.465 25.91c-.097.195-.202.396-.318.582-3.992 6.983-14.46 1.002-10.474-5.987zM203.233 38.787c3.076-3.99 14.35-.43 18.345 2.65l26.653 20.6-11.154 14.43-26.645-20.695c-3.993-3-10.273-12.996-7.197-16.985zM243.946 70.814c2.27-2.982 6.518-3.55 9.495-1.278 2.94 2.24 10.905 16.845 10.905 16.845s-16.152-3.823-19.13-6.082c-2.968-2.265-3.535-6.516-1.27-9.484z"/></g><g><path d="M285.867 4.4c-2.932 4.182-1.924 9.95 2.26 12.886 4.185 2.935 9.953 1.922 12.89-2.263 2.935-4.185 1.923-9.953-2.26-12.888C294.57-.8 288.802.215 285.866 4.4M305.246 53.547l4.968-10.536c.617-1.31.61-2.828-.03-4.124l-7.472-15.108c-3.746-6.192 3.538-13.15 9.55-9.125l.142.194c.195.134.387.283.563.438l22.932 17.36c2.423 1.707 3.475 4.776 2.598 7.606l-3.75 15.074 17.017 12.017c2.935 2.19-.185 6.644-3.244 4.628l-21.34-11.982.042-.03c-1.75-.84-2.746-2.726-2.446-4.64l.45-16.382-7.935-5.078 1.65 5.112c.047.125.09.255.125.39l.076.24c.18.797.11 1.627-.208 2.378l-7.597 14.62c-.055.11-.114.224-.18.33-2.252 3.94-8.158.564-5.91-3.38zM316.076 7.574c1.735-2.252 8.096-.244 10.35 1.495l15.04 11.622-6.295 8.143-15.033-11.678c-2.254-1.693-5.797-7.333-4.06-9.583zM339.047 25.645c1.28-1.683 3.678-2.004 5.358-.722 1.658 1.265 6.152 9.505 6.152 9.505s-9.113-2.157-10.794-3.432c-1.674-1.278-1.994-3.677-.716-5.35z"/></g></g></svg> </div> </li> </ul> </div>  </div> <div class="lc"> <h1 class="bmw_headline">This Is Big Design</h1> <p class="tagline"> <strong>Big Medium helps complex organizations design for what’s next—and do it at scale.</strong><br /> We build design systems, craft exceptional online experiences, and transform digital organizations. </p> <p class="tagline"> <strong><a href="hire/">Learn how we can help your team.</a></strong> </p> </div> </header>  <section class="touts"> <div class="lc u--zero-pad"> <div class="standard-margin touts-3up"> <h2><a href="projects/" class="kicker kicker--invert">Big Clients</a></h2>  <section> <div class="lc u--zero-pad"> <div class="standard-margin">  <div class="g g-2-3-4up bmw_logos">  <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/caterpillar.svg" alt="Caterpillar logo" class="bma_thumb" /> </div> </div>   <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/united-airlines.svg" alt="United Airlines logo" class="bma_thumb" /> </div> </div>   <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/cigna.svg" alt="Cigna logo" class="bma_thumb" /> </div> </div>   <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/ups.svg" alt="UPS logo" class="bma_thumb" /> </div> </div>   <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/dotdash-meredith.svg" alt="Dotdash Meredith logo" class="bma_thumb" /> </div> </div>   <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/principal.svg" alt="Principal logo" class="bma_thumb" /> </div> </div>   <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/nasdaq.svg" alt="Nasdaq logo" class="bma_thumb" /> </div> </div>   <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/pfizer.svg" alt="Pfizer logo" class="bma_thumb" /> </div> </div>   <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/comcast.svg" alt="Comcast logo" class="bma_thumb" /> </div> </div>   <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/target.svg" alt="Target logo" class="bma_thumb" /> </div> </div>   <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/marriott.svg" alt="Marriott logo" class="bma_thumb" /> </div> </div>   <div class="gi"> <div class="bmw_logo"> <img src="/pix/logos/petsmart.svg" alt="Petsmart logo" class="bma_thumb" /> </div> </div>  </div>  </div> </div> </section>  <div class="continue"> <a href="projects/" class="btn btn--next"> <span class="btn-arrow-text--right">More Big Clients</span> </a> </div> </div> </div> </section> <section class="touts"> <div class="lc u--zero-pad"> <div class="standard-margin"> <h2><a href="ideas/" class="kicker kicker--invert">Big Ideas</a></h2> </div> </div> <div class="featured-links">  <div class="tout-links tout-links--spotlight tout-links--sec-index"> <div class="bmw_link bma_page1685"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/workshop-sentient-design-ai-experiences.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/sentient-design-hello-spotlight.16x9-250.png" class="bma_thumb" alt="Illustration of many, many computers and devices lighting up with Sentient Design awareness" srcset="https://bigmedium.com/bm.pix/sentient-design-hello-spotlight.16x9-2000.png 2000w, https://bigmedium.com/bm.pix/sentient-design-hello-spotlight.16x9-1000.png 1000w, https://bigmedium.com/bm.pix/sentient-design-hello-spotlight.16x9-500.png 500w, https://bigmedium.com/bm.pix/sentient-design-hello-spotlight.16x9-250.png 250w" sizes="(min-width: 1050px) 1050px, 100vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/events-workshops/" class="kicker kicker--tout kicker--invert">events & workshops</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/workshop-sentient-design-ai-experiences.html" title="Workshop: Craft AI-Powered Experiences with Sentient Design" rel="bookmark">Workshop: Craft AI-Powered Experiences with Sentient Design</a></h3><div class="bma_desc">Reserve a private workshop to teach your product and design teams to imagine, design, and deliver AI-powered features and products.</div> </div> </div> </div> </div>  </div> <div class="lc u--zero-pad"> <div class="standard-margin touts-1-2-4up touts--show-desc">  <div class="tout-links tout-links--quicktease tout-links--sec-ideas"> <div class="bmw_link bma_page1698"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/design-system-governance-bugs-design-discrepancies.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/governance.4x3-250.png" class="bma_thumb" alt="Point" srcset="https://bigmedium.com/bm.pix/governance.4x3-2000.png 1066w, https://bigmedium.com/bm.pix/governance.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/governance.4x3-500.png 500w, https://bigmedium.com/bm.pix/governance.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/design-system/" class="kicker kicker--tout kicker--invert">design system</a> <h3 class="bma_head"><a href="https://bigmedium.com/ideas/design-system-governance-bugs-design-discrepancies.html" title="“The Design System Isn't Working for Me!”" rel="bookmark">“The Design System Isn't Working for Me!”</a></h3> <div class="bma_desc">What’s going on when a design system’s can’t get it to do what they need? How to manage bugs, missing features, intentional design deviations, new patterns, and more.</div> </div> </div> </div> <div class="bmw_link bma_page1687"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/your-sparkles-are-fizzling.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/sparkles-wilting.4x3-250.png" class="bma_thumb" alt="Illustration of sparkles wilting on the vine" srcset="https://bigmedium.com/bm.pix/sparkles-wilting.4x3-2000.png 1200w, https://bigmedium.com/bm.pix/sparkles-wilting.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/sparkles-wilting.4x3-500.png 500w, https://bigmedium.com/bm.pix/sparkles-wilting.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/icons/" class="kicker kicker--tout kicker--invert">icons</a> <h3 class="bma_head"><a href="https://bigmedium.com/ideas/your-sparkles-are-fizzling.html" title="Your Sparkles Are Fizzling" rel="bookmark">Your Sparkles Are Fizzling</a></h3> <div class="bma_desc">Let’s retire the sparkle emoji, purple hues, and rainbow gradients for AI-powered features.</div> </div> </div> </div> <div class="bmw_link bma_page1686"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/data-whisperer-pinocchio-sentient-design.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/pinocchio-2.4x3-250.png" class="bma_thumb" alt="Illustration of Pinocchio with AI sparkles-2" srcset="https://bigmedium.com/bm.pix/pinocchio-2.4x3-2000.png 1200w, https://bigmedium.com/bm.pix/pinocchio-2.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/pinocchio-2.4x3-500.png 500w, https://bigmedium.com/bm.pix/pinocchio-2.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/sentient-design/" class="kicker kicker--tout kicker--invert">sentient design</a> <h3 class="bma_head"><a href="https://bigmedium.com/ideas/data-whisperer-pinocchio-sentient-design.html" title="Data Whisperers, Pinocchios, and Sentient Design" rel="bookmark">Data Whisperers, Pinocchios, and Sentient Design</a></h3> <div class="bma_desc">Podcasts from PDFs! Working code from pen-and-paper sketches! Discover the new AI-powered design patterns that liberate content from frozen formats—and create new experience paradigms.</div> </div> </div> </div> <div class="bmw_link bma_page1684"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/the-already-here-future-of-prototyping.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/lightbulb.4x3-250.png" class="bma_thumb" alt="A lightbulb with a right-facing arrow pointing towards three cogs" srcset="https://bigmedium.com/bm.pix/lightbulb.4x3-2000.png 1066w, https://bigmedium.com/bm.pix/lightbulb.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/lightbulb.4x3-500.png 500w, https://bigmedium.com/bm.pix/lightbulb.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/ideas/the-already-here-future-of-prototyping.html" title="The Already-Here Future of Prototyping" rel="bookmark">The Already-Here Future of Prototyping</a></h3> <div class="bma_desc">With LLM tools like ChatGPT and Claude, it’s easier than ever for anyone — including and perhaps especially non-developers — to develop ideas in code.</div> </div> </div> </div> </div>  </div> </div> <div class="lc u--zero-left-pad u--zero-right-pad u--triple-top-margin"> <div class="standard-margin touts-simple"> <h2><a href="https://bigmedium.com/ideas/links/" class="kicker kicker--invert">What we’re reading</a></h2>  <div class="tout-links tout-links--latest tout-links--sec-links"> <div class="bmw_link bma_page1699 bmw_link--noimage"> <div class="bma_body"> <div class="bma_body-wrap"> <h3 class="bma_head"><a href="https://bigmedium.com/ideas/links/when-combinations-of-humans-and-ai-are-useful.html" title="When Combinations of Humans and A.I. are Useful" rel="bookmark">When Combinations of Humans and A.I. are Useful</a></h3> <div class="bma_desc">A research study raises challenging questions about collaborative AI interfaces, including the value of “human in the loop” interfaces and explanations of AI logic and confidence scores.</div> </div> </div> </div> <div class="bmw_link bma_page1694 bmw_link--noimage"> <div class="bma_body"> <div class="bma_body-wrap"> <h3 class="bma_head"><a href="https://bigmedium.com/ideas/links/ai-pioneer-thinks-ai-is-dumber-than-a-cat.html" title="This AI Pioneer Thinks AI Is Dumber Than a Cat" rel="bookmark">This AI Pioneer Thinks AI Is Dumber Than a Cat</a></h3> <div class="bma_desc">AI pioneer Yann LeCun reminds us that just because LLMs are good at language doesn’t mean that they’re smart.</div> </div> </div> </div> <div class="bmw_link bma_page1693 bmw_link--noimage"> <div class="bma_body"> <div class="bma_body-wrap"> <h3 class="bma_head"><a href="https://bigmedium.com/ideas/links/beware-of-botshit.html" title="Beware of Botshit" rel="bookmark">Beware of Botshit</a></h3> <div class="bma_desc">Botshit is hallucinated content that makes its way into human communications or screws up decision making.</div> </div> </div> </div> <div class="bmw_link bma_page1692 bmw_link--noimage"> <div class="bma_body"> <div class="bma_body-wrap"> <h3 class="bma_head"><a href="https://bigmedium.com/ideas/links/radically-adaptive-world-model-ethan-mollick.html" title="A Radically Adaptive World Model" rel="bookmark">A Radically Adaptive World Model</a></h3> <div class="bma_desc">A research project generates a world based on Counter-Strike, frame by frame in response to your actions. What happens when you apply the same thinking to the design of websites, dashboards, or canvas apps?</div> </div> </div> </div> <div class="bmw_link bma_page1691 bmw_link--noimage"> <div class="bma_body"> <div class="bma_body-wrap"> <h3 class="bma_head"><a href="https://bigmedium.com/ideas/links/exploring-the-ai-solution-space-jorge-arango.html" title="Exploring the AI Solution Space" rel="bookmark">Exploring the AI Solution Space</a></h3> <div class="bma_desc">Jorge Arango explores what it means for machine intelligence to be “used well” and, in particular, questions the current fascination with general-purpose, open-ended chat interfaces.</div> </div> </div> </div> <div class="bmw_link bma_page1688 bmw_link--noimage"> <div class="bma_body"> <div class="bma_body-wrap"> <h3 class="bma_head"><a href="https://bigmedium.com/ideas/links/salesforce-generative-canvas.html" title="Introducing Generative Canvas" rel="bookmark">Introducing Generative Canvas</a></h3> <div class="bma_desc">Salesforce is piloting a radically adaptive, AI-mediated dashboard for CRM users. Look out, enterprise, here comes Sentient Design.</div> </div> </div> </div> </div>  <div class="continue"> <a href="https://bigmedium.com/ideas/" class="btn btn--next"> <span class="btn-arrow-text--right">More Big Ideas</span> </a> </div> </div> </div> </section> <section class="touts"> <div class="lc u--zero-pad"> <div class="standard-margin"> <h2><a href="ideas/big-medium-newsletter.html" class="kicker kicker--invert">Big News</a></h2> </div> </div> <div class="lc"> <div id="mc_embed_shell" class="bmc_mailchimp moreinfo"> <p>Sign up for <a href="/ideas/big-medium-newsletter.html">A Little Big Medium</a>, our occasional email newsletter. Lots of big ideas, with none of the marketing hoo-ha.</p> <div id="mc_embed_signup" class="bmc_external_link"> <form action="https://bigmedium.us5.list-manage.com/subscribe/post?u=6c0c3f4dcd40d88bc1cedb3fa&id=7540015453&f_id=00d6c4eaf0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank"> <div id="mc_embed_signup_scroll"> <div class="mc-field-group"><label for="mce-EMAIL">Email Address</label><input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value="" /></div> <div id="mce-responses" class="clear"> <div class="response" id="mce-error-response" style="display: none;"></div> <div class="response" id="mce-success-response" style="display: none;"></div> </div><div aria-hidden="true" style="position: absolute; left: -5000px;"><input type="text" name="b_6c0c3f4dcd40d88bc1cedb3fa_7540015453" tabindex="-1" value="" /></div><div class="clear"><input type="submit" class="btn" name="subscribe" id="mc-embedded-subscribe" class="button" value="Subscribe" /></div> </div> </form> </div> <script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script><script type="text/javascript">(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[4]='COMPANY';ftypes[4]='text';fnames[5]='PHONE';ftypes[5]='phone';}(jQuery));var $mcj = jQuery.noConflict(true);</script> </div> </div> <div class="lc u--zero-pad"> <div class="standard-margin"> <div class="continue"> <a href="ideas/big-medium-newsletter.html" class="btn btn--next"> <span class="btn-arrow-text--right">Learn more</span> </a> </div> </div> </div> </section> <section class="touts"> <div class="lc u--zero-pad"> <div class="standard-margin touts-3up"> <h2><a href="speaking/" class="kicker kicker--invert">Big Talk</a></h2>  <div class="tout-links tout-links--quicktease 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="speaking/" class="btn btn--next"> <span class="btn-arrow-text--right">More Big Talk</span> </a> </div> </div> </div> </section> <section class="touts"> <div class="lc u--zero-pad"> <div class="standard-margin"> <h2><a href="speaking/" class="kicker kicker--invert">About Us</a></h2> </div> </div> <div class="lc u--zero-pad u--double-top-pad">  <div class="bmw_pageContent"> <p><strong>Big Medium is a digital agency specializing in <mark>big design.</mark></strong> We help the world’s biggest companies level up their digital operations by building design systems, creating exceptional online experiences, and guiding the creative embrace of emerging technologies. Our team is led by digital luminaries <a href="/about/josh-clark.html">Josh Clark</a> and <a href="/about/brad-frost.html">Brad Frost</a>, who created the Atomic Design methodology.</p> <p>We love an audacious challenge. If you’ve got one, <a href="/hire/">let’s talk</a>.</p> </div>   </div> <div class="lc u--zero-pad"> <div class="standard-margin"> <div class="continue"> <a href="about/" class="btn btn--next"> <span class="btn-arrow-text--right">More About Us</span> </a> </div> </div> </div> </section> </main> <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"><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

Big Medium | This Is Big Design