CINXE.COM
Say Hello to Sentient Design | Big Medium
<!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>Say Hello to Sentient Design | Big Medium</title> <meta name="description" content="Sentient Design is the already-here future of intelligent interfaces and AI-mediated experiences. Discover this framework and philosophy for working with AI as a design material." /> <meta name="author" content="Josh Clark & Veronika Kindred" /> <meta name="copyright" content="Copyright Big Medium, 2024" /> <link rel="canonical" href="https://bigmedium.com/ideas/hello-sentient-design.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_page1665 { 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/ideas/hello-sentient-design.html" /> <meta name="twitter:title" property="og:title" content="Say Hello to Sentient Design | Big Medium" /> <meta name="twitter:description" property="og:description" content="Sentient Design is the already-here future of intelligent interfaces and AI-mediated experiences. Discover this framework and philosophy for working with AI as a design material." /> <meta name="twitter:image" property="og:image" content="https://bigmedium.com/bm.pix/sentient-design-hello.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> <!-- Piwik --> <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> <!-- End Piwik Code --> </head> <!-- end <%htmlhead%> --> <body id="Page-hello-sentient-design" class="bmt_page bmt_page-ideas bmslug-ideas"> <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 bmn_active"><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> <!-- START <%search%> --> <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> <!-- END <%search%> --> </div> </div> </header> <main role="main"> <article class="article"> <header class="page-header"> <div class="page-icon"> <div class="lc"> <svg xmlns="http://www.w3.org/2000/svg" width="591" height="188" viewBox="0 0 591 188" preserveAspectRatio="xMaxYMax meet" role="img" aria-label="Illustrations of devices lighting up with Sentient Design"><g fill="none" fill-rule="evenodd"><path fill="#FFF" d="M61.2 175.063c-1.324 5.445-1.313 5.325-6.94 5.493-2.612.079-5.357.364-7.747 1.322-1.114.446-2.513 1.004-2.513 2.968s2.901 2.965 4.226 2.968c17.396.039 34.793-.144 52.19-.146 10.587 0 21.175.218 31.762.332 2.225.023 6.822-1.1 6.822-3.154 0-2.055-3.69-4.016-5.755-4.262-2.065-.246-4.055.033-8.388.033s-4.333-1.32-5.953-5.781c-1.522-7.935-2.4-11.864-2.631-11.786-1.62.545-14.952 4.516-26.133 4.516-11.182 0-24.484-4.383-25.932-4.566-1.041 4.167-2.048 8.11-3.009 12.063Z"/><path fill="#CCD7E5" d="M59.604 179.432h61.602c-3.057-10.999-4.701-16.46-4.933-16.382-1.62.545-14.952 4.516-26.133 4.516-11.182 0-24.484-4.383-25.932-4.566-.694 2.778-2.229 8.255-4.604 16.432Z"/><path fill="#7188A5" d="M89.73 171.216c9.136 0 17.984-2.722 26.543-8.166L64.208 163c7.88 5.477 16.388 8.216 25.523 8.216Z"/><path fill="#FEFEFE" d="M90.467 140.457c4.04 0 7.316-3.27 7.316-7.303 0-4.034-3.276-7.304-7.316-7.304s-7.315 3.27-7.315 7.304c0 4.033 3.276 7.303 7.315 7.303Zm74.33-130.05c-.09 1.062-.256 2.095-.254 3.128.012 6.78.113 13.563.058 20.343-.013 1.64.093 3.899-.867 4.809-5.357 5.076-8.978 12.096-16.64 14.663-3.893 1.305-5.839 4.896-5.33 8.544.508 3.649 3.393 6.626 7.478 6.766 7.377.254 14.77.073 22.5.073 0-3.771-.007-7.258.001-10.744.03-12.734.101-25.47.082-38.206-.01-6.11-1.802-8.515-7.028-9.376ZM9.022 19.757c-.012 14.189.062 28.379.098 42.568.005 2.107.001 4.215.001 6.411 7.513 0 14.441.086 21.366-.03 4.673-.078 7.817-2.58 8.55-6.424.754-3.96-1.598-7.332-5.867-9.357-2.54-1.204-5.399-2.74-7.567-4.424-4.63-3.596-8.578-9.687-9.427-14.598-1.113-6.432.117-13.562.132-20.342.002-1.035-.157-2.07-.243-3.13-5.194.796-7.037 3.244-7.043 9.326Zm139.933 54.201c0 6.838-.104 13.256.089 19.666.038 1.266.916 2.877 1.927 3.673 2.902 2.286 4.48 4.832 3.888 8.71-.374 2.446-.07 4.996-.07 7.663h16.926V73.958h-22.76ZM9.4 74.025c-.14.451-.269.677-.271.905-.1 12.343-.212 24.687-.205 37.03 0 .597 1.047 1.695 1.63 1.71 5.094.137 10.194.079 15.49.079 0-2.018.114-3.583-.02-5.126-.428-4.912-.236-9.492 5.046-12.04.458-.221.79-1.173.796-1.79.055-6.785.035-13.57.035-20.768H9.4Zm105.424-63.743c-10.17.01-20.342-.035-30.511.118-1.075.016-2.929 1.05-3.077 1.859-1.66 9.059 5.177 14.82 13.747 11.916 1.16-.393 2.69.3 4.049.49-.795 1.293-1.28 3.165-2.437 3.78-5.674 3.012-12.16 1.494-16.528-3.285C77.1 21.912 76.728 18.063 76.9 14c.07-1.651.652-3.81-1.896-3.86-7.675-.145-15.354-.052-23.214-.052 0 7.165-.406 13.969.145 20.693.36 4.404 3.27 7.96 7.532 9.581 2.538.966 5.447.959 8.187 1.4 3.093.497 6.237.815 9.239 1.642.773.213 1.777 2.353 1.457 3.057-.4.882-2.086 1.721-3.163 1.657-3.609-.215-7.199-.801-10.786-1.318-7.714-1.112-13.889-4.508-16.47-12.286-.932-2.81-1.032-5.962-1.132-8.97-.173-5.17-.048-10.348-.048-15.442-7.866 0-15.18.167-22.478-.075-3.327-.11-4.156 1.06-3.928 4.158.229 3.098-.154 11.375 0 15.777.229 6.502 3.928 13.122 10.426 16.77 6.498 3.647 11.959 5.874 13.24 11.31 1.361 5.769-.876 10.584-5.432 14.084-1.668 1.28-2.292 2.425-2.268 4.4.076 6.193-.171 12.395.06 18.58.126 3.35-.873 5.563-3.97 6.946-.818.366-1.842 1.376-1.897 2.152-.217 3.1-.089 6.222-.089 9.361H150.46c0-2.73-.165-5.048.045-7.332.218-2.36-.443-3.905-2.772-4.728-2.538-.898-3.28-2.867-3.241-5.46.096-6.314-.012-12.631.032-18.947.015-2.117-.325-3.573-2.359-5.093-4.58-3.427-6.653-8.322-5.293-14.116 1.187-5.055 4.645-7.98 9.548-9.518 6.386-2.003 9.239-8.143 13.875-12.205.121-.106.021-.467.022-.709.03-7.751.113-15.503-.007-23.25-.01-.676-1.338-1.89-2.076-1.906-7.43-.17-14.864-.105-22.296-.194-2.221-.027-2.946.847-2.905 3.061.1 5.596-.04 11.195-.065 16.794-.025 5.708-2.815 9.937-7.277 13.122-6.49 4.632-14.353 3.787-21.674 5.036-.734.125-2.16-.888-2.408-1.65-.255-.782.263-2.39.939-2.781a14.125 14.125 0 0 1 5.06-1.738c2.401-.328 4.87-.128 7.299-.294 7.195-.49 13-4.993 13.402-11.144.433-6.633.098-13.317.098-20.232-4.885 0-9.234-.004-13.583 0ZM19.707 157.956C7.726 157.924.412 150.996.344 139.11.174 109.347.292 79.584.255 49.821.243 39.57.232 29.314.005 19.066-.228 8.475 7.752-.09 20.049.001 66.907.356 113.77.334 160.63.01c12.462-.086 20.41 7.791 20.369 20.32-.13 38.2-.211 76.4-.345 114.6-.01 2.79.042 5.645-.503 8.355-1.856 9.233-8.6 14.669-18.104 14.688-23.759.047-47.517.016-71.277.016l.001-.016c-23.688 0-47.376.045-71.065-.018Z"/><path fill="#FEFEFE" d="M50.566 77.004c-.443-.928-1.126-2.351.253-3.571 1.38-1.22 2.552.448 3.208 1.22 6.139 7.225 12.85 7.408 18.924.475.71-.809 1.249-1.905 3.028-1.608 1.78.298.772 2.843.388 4-1.375 4.15-7.332 8.18-14.306 7.377-4.376-.34-8.946-2.552-11.495-7.893ZM103.462 77.052c-.332-1.039-1.036-3.073.438-3.595 1.474-.522 2.201.794 2.86 1.577 5.945 7.072 13.261 6.978 19.06-.221.672-.834 1.304-2.373 3.082-1.604 1.779.77.989 3.193.444 4.208-2.8 5.224-7.57 7.24-13.154 7.582-5.322.072-11.314-3.52-12.73-7.947ZM77.939 99.091c-1.024-.887-2.748-2.906-1.507-4.384 1.242-1.478 2.965-.164 3.98.469 6.337 3.95 12.208 3.878 18.586-.27.848-.552 2.353-1.569 3.478-.284 1.124 1.284.196 2.973-.516 3.668-3.307 3.23-7.436 4.788-11.9 4.677-4.775.262-8.822-1.019-12.121-3.876Z"/><circle cx="29.5" cy="59.5" r="4.5" fill="#FFF"/><circle cx="149.5" cy="60.5" r="4.5" fill="#FFF"/><path fill="#CCD7E5" d="M158.876 124h13.122a445.391 445.391 0 0 0 0 14.267c.114 6.627-4.376 11.733-11.238 11.733H130c11.745-2.215 19.931-5.406 24.56-9.574 4.628-4.167 6.067-9.643 4.316-16.426ZM20.124 124H7.002c.076 5.093.076 9.848 0 14.267C6.888 144.894 11.378 150 18.24 150H49c-11.745-2.215-19.931-5.406-24.56-9.574-4.628-4.167-6.067-9.643-4.316-16.426Z"/><path fill="#FEFEFE" d="M574.452 45.024c9.651.011 16.565 7.907 16.548 18.657-.029 18.354-.136 36.706-.213 55.059-.009 2.151 0 4.304.013 6.456l.027 4.305c.033 5.74.033 11.478-.257 17.201-.467 9.245-7.427 15.25-16.635 15.246-20.95-.007-41.901-.002-62.851-.002v.051c-20.613 0-41.225-.005-61.837.003-10.946.004-18.128-6.863-18.171-17.91-.109-27.4-.097-54.8.01-82.199.036-9.225 7.654-16.801 16.775-16.817 42.197-.074 84.394-.096 126.591-.05Zm-69.03 96.862c-.042 3.408 2.495 6.13 5.713 6.13 3.102 0 6.072-2.967 6.016-6.008-.056-2.968-2.848-5.837-5.75-5.907-3.38-.082-5.938 2.393-5.979 5.785ZM493.55 53.039l-.104 5.218c-.207 2.624-1.013 3.936-2.416 3.936s-2.165-1.312-2.283-3.936V53.24c-6.587-.035-12.594-.054-18.022-.057h-3.038c-8.677.005-15.744.054-21.201.147-4.248.073-7.724 3.997-7.868 8.437-.238 7.317-.064 14.647-.064 22.15.995.07 1.803.175 2.611.174 5.515-.007 11.03-.06 16.543-.041 1.239.004 2.573-.01 3.68.44.815.33 1.33 1.405 1.98 2.148-.733.637-1.372 1.538-2.222 1.842-1.03.368-2.237.295-3.368.299-6.298.022-12.596.01-18.948.01v11.193c6.589 0 12.984-.037 19.377.023l.31.001h.321c1.735.007 3.785.097 3.827 2.243.049 2.462-2.538 2.33-4.366 2.347-6.432.062-12.866.024-19.684.024 0 6.63.195 12.804-.081 18.956-.14 3.09.988 3.633 3.723 3.63 41.913-.058 83.826-.024 125.74-.012h15.05V104.74l-3.834.002h-1.828c-.904 0-1.797-.001-2.69-.004-4.351-.014-8.71.098-13.046-.165-1.005-.06-1.932-1.42-2.893-2.183.956-.796 1.817-1.79 2.902-2.319.746-.362 1.803-.082 2.721-.083h18.581v-11.13c-3.793 0-7.31.018-10.826-.005-3.635-.024-7.28.047-10.898-.227-.935-.071-1.786-1.282-2.675-1.969.8-.824 1.471-1.905 2.438-2.396.848-.43 2.03-.25 3.063-.254 2.365-.006 4.73-.008 7.11-.01h4.786l7.316.002V63.383c-.004-6.56-3.663-10.268-10.252-10.288-10.518-.03-21.036-.006-31.553-.006h-8.392v5.23c-.275 2.583-1.071 3.904-2.389 3.963-1.317.059-2.033-1.262-2.146-3.962v-5.215l-34.992-.066Z"/><path fill="#CCD7E5" d="M571.75 134h11.248a406.621 406.621 0 0 0 0 12.62c.098 5.863-3.75 10.38-9.632 10.38H547c10.067-1.96 17.084-4.783 21.051-8.47 3.967-3.686 5.2-8.53 3.7-14.53ZM449.25 134h-11.248c.065 4.505.065 8.712 0 12.62-.098 5.863 3.75 10.38 9.632 10.38H474c-10.067-1.96-17.084-4.783-21.051-8.47-3.967-3.686-5.2-8.53-3.7-14.53Z"/><g fill="#FFF" transform="translate(473 76)"><ellipse cx="13.789" cy="13.689" rx="4.412" ry="4.35"/><path d="M13.866 0C21.523 0 27.73 6.122 27.73 13.673s-6.208 13.673-13.865 13.673C6.208 27.346 0 21.224 0 13.673S6.208 0 13.866 0Zm-.316 4.972c-4.699 0-8.508 3.756-8.508 8.39s3.81 8.39 8.508 8.39c4.7 0 8.509-3.756 8.509-8.39s-3.81-8.39-8.509-8.39Z"/></g><g fill="#FFF" transform="translate(520.269 76)"><ellipse cx="13.789" cy="13.689" rx="4.412" ry="4.35"/><path d="M13.866 0C21.523 0 27.73 6.122 27.73 13.673s-6.208 13.673-13.865 13.673C6.208 27.346 0 21.224 0 13.673S6.208 0 13.866 0Zm-.316 4.972c-4.699 0-8.508 3.756-8.508 8.39s3.81 8.39 8.508 8.39c4.7 0 8.509-3.756 8.509-8.39s-3.81-8.39-8.509-8.39Z"/></g><path fill="#FEFEFE" d="M500.13 115.374c-1.007-1.106-2.458-2.985-.957-4.402.986-.93 2.507-.291 4.564 1.918 1.847 1.656 4.307 2.484 7.379 2.484 3.072 0 5.497-.833 7.276-2.498 1.8-1.714 3.11-2.348 3.927-1.904 1.225.667 1.4 2.029 0 4.04S516.914 120 511.116 120c-4.06-.197-7.995-1.345-10.986-4.626ZM513.155 105.925c-.064 1.46-1.838 2.337-2.82 2.311-.923-.024-2.464-1.183-2.464-2.311 0-1.129 1.42-4.399 2.754-4.33 1.335.07 2.594 2.87 2.53 4.33Z"/><g transform="translate(445 61)"><path fill="#FEFEFE" d="M2.282 10.341C1.186 8.97.044 8.165.068 7.396c.025-.803 1.174-1.57 1.83-2.354.858.76 2.055 1.387 2.433 2.335.2.498-1.03 1.56-2.049 2.964M128.93 10.341c-1.096-1.372-2.239-2.176-2.214-2.945.024-.803 1.173-1.57 1.83-2.354.857.76 2.054 1.387 2.433 2.335.199.498-1.031 1.56-2.05 2.964M5.427 55.574c-1.468 1.131-2.396 2.353-3.038 2.22-.907-.189-1.603-1.38-2.389-2.141.734-.675 1.416-1.806 2.218-1.896.776-.088 1.677.892 3.209 1.817M130.82 55.574c-1.467 1.131-2.395 2.353-3.038 2.22-.907-.189-1.602-1.38-2.389-2.141.735-.675 1.417-1.806 2.218-1.896.777-.088 1.677.892 3.21 1.817"/><rect width="21.317" height="4.974" x="9.043" y="5.77" fill="#FFF" rx="2.487"/><rect width="21.317" height="4.974" x="99.953" y="5.77" fill="#FFF" rx="2.487"/><rect width="21.317" height="4.974" x="99.953" y="53.026" fill="#FFF" rx="2.487"/><rect width="21.317" height="4.974" x="9.043" y="53.026" fill="#FFF" rx="2.487"/><path fill="#FEFEFE" d="M65.193 0c3.483-.028 6.327 2.62 6.344 5.905.017 3.234-2.83 5.964-6.29 6.033-3.439.068-6.297-2.62-6.304-5.93-.005-3.3 2.784-5.98 6.25-6.008"/></g><path fill="#FFF" d="M484.846 177.133c-1.142 4.574-1.133 4.473-5.99 4.614-2.255.066-4.624.306-6.686 1.11-.962.376-2.17.844-2.17 2.493 0 1.65 2.504 2.491 3.647 2.494 15.016.032 30.033-.122 45.048-.123 9.14 0 18.278.183 27.417.279 1.92.02 5.888-.924 5.888-2.65s-3.185-3.373-4.967-3.58c-1.783-.206-3.5.028-7.24.028s-3.74-1.108-5.139-4.856c-1.314-6.665-2.071-9.965-2.271-9.9-1.399.458-12.906 3.794-22.557 3.794-9.651 0-21.134-3.682-22.383-3.836-.9 3.5-1.768 6.812-2.597 10.133Z"/><path fill="#CCD7E5" d="M483.47 180.803h53.171c-2.639-9.24-4.058-13.826-4.258-13.761-1.399.458-12.906 3.794-22.557 3.794-9.651 0-21.134-3.682-22.383-3.836-.6 2.333-1.924 6.934-3.974 13.803Z"/><path fill="#7188A5" d="M509.473 173.901c7.885 0 15.522-2.286 22.91-6.86l-44.94-.041c6.801 4.6 14.145 6.901 22.03 6.901Z"/><g fill="#FFF"><path d="M481.609 0c.326 1.319.786 2.413 1.38 3.283a6.027 6.027 0 0 0 2.227 1.995c-.877.574-1.62 1.362-2.226 2.367-.607 1.004-1.067 2.206-1.381 3.605-.437-1.443-.976-2.645-1.618-3.605-.642-.96-1.415-1.723-2.32-2.288.88-.477 1.654-1.168 2.32-2.074.666-.906 1.205-2 1.618-3.283ZM510.537 0c.326 1.319.786 2.413 1.38 3.283a6.027 6.027 0 0 0 2.227 1.995c-.877.574-1.62 1.362-2.226 2.367-.607 1.004-1.068 2.206-1.381 3.605-.437-1.443-.977-2.645-1.618-3.605-.642-.96-1.416-1.723-2.321-2.288.881-.477 1.655-1.168 2.32-2.074.667-.906 1.206-2 1.619-3.283ZM533.176 15.625c.326 1.319.786 2.413 1.38 3.283a6.027 6.027 0 0 0 2.228 1.995c-.878.574-1.62 1.362-2.227 2.367-.607 1.004-1.067 2.206-1.381 3.605-.437-1.443-.976-2.645-1.618-3.605-.642-.96-1.415-1.723-2.32-2.288.88-.477 1.654-1.168 2.32-2.074.666-.906 1.205-2 1.618-3.283ZM455.252 15.625c.434 1.905 1.048 3.486 1.84 4.742.793 1.256 1.783 2.217 2.97 2.882-1.17.828-2.16 1.968-2.97 3.418-.808 1.451-1.422 3.187-1.84 5.208-.583-2.085-1.302-3.82-2.158-5.208-.855-1.387-1.887-2.488-3.094-3.304 1.175-.69 2.207-1.688 3.094-2.996.888-1.308 1.607-2.889 2.158-4.742ZM496.128 18.75c.435 1.905 1.048 3.486 1.841 4.742.793 1.256 1.782 2.217 2.97 2.882-1.171.828-2.161 1.968-2.97 3.418-.809 1.451-1.423 3.187-1.841 5.208-.583-2.085-1.302-3.82-2.157-5.208-.856-1.387-1.887-2.488-3.095-3.304 1.175-.69 2.207-1.688 3.095-2.996.887-1.308 1.607-2.889 2.157-4.742ZM567.19 8.75c.435 1.905 1.048 3.486 1.84 4.742.794 1.256 1.783 2.217 2.97 2.882-1.17.828-2.16 1.968-2.97 3.418-.808 1.451-1.422 3.187-1.84 5.208-.583-2.085-1.302-3.82-2.158-5.208-.855-1.387-1.887-2.488-3.094-3.304 1.175-.69 2.207-1.688 3.094-2.996.888-1.308 1.607-2.889 2.158-4.742Z"/></g><path fill="#FFF" d="M281.408 175.58c-1.128 5.227-2.032 5.227-6.66 5.273-2.24.022-3.192.084-5.119.52-1.926.434-3.629 1.1-3.629 3.598 0 2.498 2.474 2.846 3.603 2.85 14.833.037 29.666-.14 44.498-.14 9.028-.002 18.056.208 27.083.317 1.897.023 5.816-.166 5.816-3.027s-3.146-3.855-4.907-4.091c-1.76-.236-4.33-.38-7.226-.38-2.898 0-3.62-.856-5.001-5.138-1.298-7.617-2.046-11.388-2.244-11.314-1.382.523-12.487 5.085-22.282 5.085s-20.133-4.957-21.367-5.133c-.888 4-1.746 7.785-2.565 11.58Z"/><path fill="#CCD7E5" d="M279.376 180.5h53.505c-3.077-11.045-4.714-16.528-4.91-16.45-1.368.547-12.625 5.285-22.067 5.285s-20.675-5.151-21.897-5.335c-.587 2.79-2.13 8.289-4.63 16.5Z"/><path fill="#7188A5" d="M304.95 175.25c7.822 0 15.4-3.728 22.729-11.182-9.306 3.205-16.861 4.807-22.665 4.807-5.804 0-12.864-1.625-21.18-4.875 6.254 7.5 13.292 11.25 21.115 11.25Z"/><path fill="#FEFEFE" d="M304.758 0c30.927 0 57.216 27.568 57.216 72.853 1.348 88.127-50.067 91.097-56.576 91.146h-.35c-.145 0-.242-.003-.29-.004-1.59-.032-58.934-1.53-54.515-93.385C250.243 31.263 273.83 0 304.758 0Zm1.036 11.08c-19.607 0-38.94 17.757-38.94 56.538 0 36.81 17.025 62.396 38.94 62.396 21.916 0 38.628-27.284 38.628-62.82 0-38.357-19.02-56.113-38.628-56.113Z"/><path fill="#CCD6E9" d="M257.437 72.524c3.102 21.277 8.437 37.348 16.005 48.214 11.353 16.299 26.01 17.457 30.59 17.356 4.581-.102 19.074 1.054 33.583-18.781 9.672-13.224 14.884-29.393 15.636-48.508 2.77 29.883-1.89 51.96-13.984 66.232-12.478 16.49-30.526 19.502-35.234 19.502-4.709 0-19.882-2.765-32.797-19.502-11.213-13.492-15.813-34.997-13.8-64.513Z"/><path fill="#FEFEFE" d="M317.546 80.064c-1.159-1.218-1.159-3.52-.572-4.634 2.23-4.233 6.889-5.976 11.355-4.056 3.411 1.467 6.467 3.76 9.927 5.832-4.932 6.85-15.608 8.216-20.71 2.858ZM292.663 80.064c1.159-1.218 1.159-3.52.573-4.634-2.23-4.233-6.89-5.976-11.356-4.056-3.41 1.467-6.467 3.76-9.927 5.832 4.932 6.85 15.609 8.216 20.71 2.858ZM297.317 107.972c-1.64-.949-2.41-2.461-2.315-4.537 1.86-.27 3.124-.227 3.79.13 4.287 2.303 8.376 1.899 12.674.052.78-.336 2.18-.304 4.198.095.21 1.875-.64 3.295-2.553 4.26-2.869 1.448-5.628 3.028-8.248 3.028-2.62 0-5.086-1.605-7.546-3.028Z"/><path fill="#FFF" d="M273.009 63.724C277.462 61.24 281.318 60 284.577 60c2.567 0 4.793.278 6.676.833a2.102 2.102 0 0 1 1.259 3.009 3.342 3.342 0 0 1-3.342 1.741c-3.391-.404-6.467-.293-9.228.332-1.907.431-3.364.876-4.373 1.334a2.627 2.627 0 0 1-3.044-.641 1.873 1.873 0 0 1 .484-2.884ZM336.991 63.724C332.538 61.24 328.682 60 325.423 60c-2.567 0-4.793.278-6.676.833a2.102 2.102 0 0 0-1.259 3.009 3.342 3.342 0 0 0 3.342 1.741c3.391-.404 6.467-.293 9.228.332 1.907.431 3.364.876 4.373 1.334a2.627 2.627 0 0 0 3.044-.641 1.873 1.873 0 0 0-.484-2.884Z"/><g fill="#FFF"><path d="M290.241 21.4c2.198-1.544 3.195-2.514 4.736-2.75 1.54-.238 2.366.075 3.114 1.543.747 1.467-.072 3.25-.812 3.824-.74.573-1.634.792-3.366 1.952a21.026 21.026 0 0 0-3.178 2.604c-1.734.362-2.951.166-3.65-.589-.699-.754-.782-1.961-.249-3.62.805-.948 1.94-1.936 3.405-2.965ZM319.469 26.906c-2.293-2.026-4.721-2.787-5.267-3.43-.545-.643-.926-2.467-.243-3.497.786-1.184 2.761-1.666 3.451-1.335.69.33 3.384 1.754 6.137 4.122 2.752 2.37 3.864 3.756 4.528 5.39.663 1.634.014 2.787-.87 3.623-.883.836-2.433.444-3.402-.181-.968-.626-2.042-2.667-4.334-4.692ZM336.11 42.643a44.678 44.678 0 0 1 1.652 7.11c-.373 1.22-1.134 1.933-2.283 2.141-1.724.313-3.346-.77-3.624-1.892-.278-1.123-.633-3.3-1.48-5.672-.847-2.37-2.289-4.56-2.272-5.549.017-.988.58-2.247 2.09-2.767 1.509-.52 2.48.044 2.874.417.394.372 1.946 2.811 3.043 6.212Z"/><path fill-rule="nonzero" d="M308.403 10v14.716c2.091 1.684 3.958 4.68 3.958 7.318 0 3.927-3.13 7.11-6.994 7.11-3.862 0-6.994-3.183-6.994-7.11 0-2.713 1.977-5.807 4.14-7.46V10h5.89Z"/></g><g fill="#FFF"><path d="M369.59 14c1.228 0 2.223.995 2.223 2.223v2.97h2.961a2.226 2.226 0 0 1 0 4.452h-2.96v2.97a2.223 2.223 0 0 1-4.446 0v-2.97h-2.96a2.226 2.226 0 1 1 0-4.451l2.96-.001v-2.97c0-1.228.995-2.223 2.223-2.223ZM369.59 137.161c1.228 0 2.223.995 2.223 2.223v2.97h2.961a2.226 2.226 0 1 1 0 4.452h-2.96v2.971a2.223 2.223 0 0 1-4.446 0v-2.97h-2.96a2.226 2.226 0 0 1 0-4.452h2.96v-2.97c0-1.229.995-2.224 2.223-2.224ZM241.41 137.161c1.227 0 2.222.995 2.222 2.223v2.97h2.96a2.226 2.226 0 1 1 0 4.452h-2.96v2.971a2.223 2.223 0 0 1-4.445 0l-.001-2.97h-2.96a2.226 2.226 0 0 1 0-4.452h2.96v-2.97c0-1.229.996-2.224 2.223-2.224ZM241.41 14c1.227 0 2.222.995 2.222 2.223v2.97h2.96a2.226 2.226 0 1 1 0 4.452h-2.96v2.97a2.223 2.223 0 1 1-4.445 0l-.001-2.97h-2.96a2.226 2.226 0 1 1 0-4.451l2.96-.001v-2.97c0-1.228.996-2.223 2.223-2.223Z"/></g></g></svg> </div> </div> <div class="lc"> <!-- START <%kicker%> --> <a href="https://bigmedium.com/bm.tags/sentient-design/" class="kicker">sentient design</a> <!-- END <%kicker%> --> <!-- start <%headline%> --> <h1 class="bmw_headline">Say Hello to Sentient Design</h1> <!-- end <%headline%> --> <!-- start <%byline%> --> <h2 class="bmw_byline">By <a href="https://bigmedium.com/about/josh-clark.html" class="bmc_byline">Josh Clark</a> <br /> <span class="bmc_bylineTitle">Principal, Big Medium</span> <br /><br /> <a href="https://bigmedium.com/about/veronika-kindred.html" class="bmc_byline">Veronika Kindred</a> <br /> <span class="bmc_bylineTitle">Associate Producer, Big Medium</span> </h2> <!-- end <%byline%> --> <!-- start <%pubdate%> --> <span class="bmw_pubdate">Published Jun 12, 2024</span> <!-- end <%pubdate%> --> </div> </header> <div class="lc maincontent"> <section class="bodycontent"> <!-- start <%content%> --> <div class="bmw_pageContent"> <aside class="aside media-right"> <p>This essay is part of <a href="/bm.tags/sentient-design/">a series about Sentient Design</a>, the already-here future of intelligent interfaces and AI-mediated experiences.</p> <h3 class="u--zero-bottom-margin">The book</h3> <p><cite>Sentient Design</cite> by Josh Clark with Veronika Kindred will be published by <a href="https://rosenfeldmedia.com/books/sentient-design/">Rosenfeld Media</a>.</p> <h3 class="u--zero-bottom-margin">The talk</h3> <p class="u--zero-bottom-margin"><a href="/speaking/sentient-design-josh-clark-talk.html"><img src="/bm.pix/josh-clark-casual-intelligence.4x3-500.jpg" width="600" height="375" alt="Photo of Josh Clark speaking in front of a screen that says, "Get cozy with casual intelligence"" style="width:100%; max-width:324px;" /></a></p> <p class="bm-caption"><a href="/speaking/sentient-design-josh-clark-talk.html">Watch Josh Clark's talk “Sentient Design”</a></p> <h3 class="u--zero-bottom-margin">The workshop</h3> <p><p>Book a <a href="/ideas/workshop-sentient-design-ai-experiences.html">workshop for designing AI-powered experiences</a>.</p> <h3 class="u--zero-bottom-margin">Need help?</h3> <p>If you’re working on strategy, design, or development of AI-powered products, we do that! <a href="/hire/">Get in touch.</a></p> </aside> <p>What does it mean to weave intelligence into an interface? How do we add AI to digital products in ways that are at once meaningful and responsible? What is the grain of this new design material, and what are its strengths and weaknesses? What are the opportunities and the risks, and how do we balance them?</p> <p>Hey, those are hard questions! We’re finding ways to answer them with a practice we call Sentient Design.</p> <p><strong>Sentient Design is the already-here future of intelligent interfaces: experiences that feel almost self-aware in their response to user needs.</strong> Sentient Design moves past static info and presentation to embrace UX as a radically adaptive story. These experiences are conceived and compiled in real time based on your intent in the moment—AI-mediated experiences that adapt to people, instead of forcing the reverse.</p> <p>Sentient Design describes not only the form of this new user experience but also a framework and a philosophy for working with machine intelligence as design material. As our interfaces become more mindful, so must designers.</p> <p><strong>And! Sentient Design is also a book </strong>—or will be soon. Rosenfeld Media will publish <a href="https://rosenfeldmedia.com/books/sentient-design/">Sentient Design: AI and the New Digital Experience</a> by <a href="https://bigmedium.com/about/josh-clark.html">Josh Clark</a> with <a href="https://bigmedium.com/about/veronika-kindred.html">Veronika Kindred</a>. Look out for it late this year or early 2025. We’ll get it into your hands as soon as we can!</p> <p>This is so much more (and in exciting ways, so much less) than chatbots, text prompts, and systems that can write, speak, or draw. In a nutshell, Sentient Design is all about the new opportunities to add intelligence to our interfaces (sometimes just a dash, other times a heaping spoonful). Some of this is so familiar that you might consider it nothing special (content recommendation or prediction), but there are lots of surprising new possibilities here, too. It’s all part of our kit as designers now—and especially powerful in combination. Sentient Design explores all of it.</p> <p>This essay is a high-level introduction to Sentient Design’s core concepts. To dive straight into the details, check out Josh’s lively <a href="https://bigmedium.com/speaking/sentient-design-josh-clark-talk.html">Sentient Design talk</a>, which introduces lots of examples and design principles. The talk is available in video, audio, slides, and prose.</p> <p>You can also keep an eye on our series of <a href="https://bigmedium.com/bm.tags/sentient-design/">Sentient Design articles and talks</a> for detailed examples, design patterns, and strategies. Sign up for our newsletter <a href="https://bigmedium.com/ideas/big-medium-newsletter.html">A Little Big Medium</a> to keep up with all of it, including news about the book.</p> <h3 id="whysentientdesignmatters">Why Sentient Design Matters</h3> <p>All around us, there’s something that you <em>feel</em> more than see, an undercurrent that swirls through your everyday. It’s the influence of a million different algorithms supporting, nudging, cajoling… quietly working beneath the surface of nearly every digital experience—and many physical ones, too.</p> <p>This eddy and flow of machine intelligence infuses everything, serving us in countless ways, often invisibly. More recently, these systems have become more visible partners; everyday folks now interact directly with AI through chat or other experiences. Much of the time, all of this is for the good. Steady leaps in machine learning and AI have made possible a slew of near-magical products and services that ease and improve our lives in ways large and small. The opportunities are everywhere and growing.</p> <p>But so are the risks and failures. Flaws and mistakes range from the comically trivial (looking at you, autocorrect) to the deadly serious. AI systems have wrecked lives with biased prison sentencing, bungled medical diagnoses, and plane-crashing autopilots. At an even larger scale, we’ve seen AI undermine faith in entire political systems by automating the broadcast of propaganda and hate speech with both a scale and targeted focus that are unprecedented. Others use machine learning to manipulate or monitor us in less profound but equally cynical ways for advertising, surge pricing, surveillance, and more.</p> <p>These are not entirely or even mostly technology problems. Instead, they reflect a still-developing understanding of how to put AI to work in ways that are not only useful and valuable, but also respectful and responsible.</p> <blockquote class="pullquote media-center"> Data scientists and algorithm engineers have revealed the possible; now design and other fields can join to shape that potential—and reveal the meaningful. </blockquote> <p>For all of its pervasiveness, our use of AI and machine learning is still in its awkward adolescence. Flashes of maturity mingle with stunning lapses of judgment, and boastful confidence gives way to naive misunderstanding—and sometimes dangerous behavior. These adolescent systems are still gawky and undisciplined, but the same could be said about our approach to building them.</p> <p>Sentient Design aims to help all of us move through our growing pains and into this next chapter of experience design. That means helping product organizations grow, too. How should makers and managers craft products and services in the era of the algorithm? What shape should those experiences take? How can you take advantage of the powerful opportunities of AI while guarding against its risks and failures? What are the meaningful problems you can solve and new questions you can ask with these tools in your kit?</p> <p>These are design challenges, not technical. Data scientists and algorithm engineers have revealed the possible; now design and other fields can join to shape that potential—and reveal the meaningful.</p> <h3 id="whataresentientdesignexperiencesmadeof">What are Sentient Design experiences made of?</h3> <p>Sentient Design refers to <strong>intelligent interfaces</strong> that are <strong>aware of context and intent</strong> so that they can be <strong>radically adaptive to user needs in the moment</strong>. Those are the fundamental attributes of Sentient Design experiences: aware and radically adaptive.</p> <p>Those core attributes are supported by a handful of common characteristics that inform the manner and interaction of most Sentient Design experiences:</p> <ul> <li><strong>Collaborative.</strong> The system is an active (often proactive) partner throughout the user journey, often with independent ability to perform tasks on your behalf.</li> <li><strong>Multimodal.</strong> The system works across channels and media, going beyond traditional interfaces to speech, text, touch, physical gesture, etc.</li> <li><strong>Continuous and ambient.</strong> The interface is available when it can be helpful and quiet or invisible when it can’t.</li> <li><strong>Deferential.</strong> The system suggests instead of imposing ; it defers to user goals and preferences. It offer signals, not answers.</li> </ul> <figure class="media-center bmc_image"> <a href="https://bigmedium.com/bm.pix/img-sentient-design-overview.jpg" rel="bm_lightbox" title="Sentient Design describes intelligent interfaces that are aware and adaptive—and frequently collaborative, multimodal, continuous &amp; ambient, and deferential." target="_blank"><img src="https://bigmedium.com/bm.pix/img-sentient-design-overview.orig-250.jpg" alt="Overview of Sentient Design: Intelligent interfaces that are aware of context & intent, radically adaptive, collaborative, multimodal, continuous & ambient, and deferential" srcset="https://bigmedium.com/bm.pix/img-sentient-design-overview.orig-2000.jpg 1920w, https://bigmedium.com/bm.pix/img-sentient-design-overview.orig-1000.jpg 1000w, https://bigmedium.com/bm.pix/img-sentient-design-overview.orig-500.jpg 500w, https://bigmedium.com/bm.pix/img-sentient-design-overview.orig-250.jpg 250w" sizes="(min-width: 1050px) 1050px, 100vw" title="Click to enlarge" /></a> <figcaption class="bmc_caption"> Sentient Design describes intelligent interfaces that are aware and adaptive—and frequently collaborative, multimodal, continuous & ambient, and deferential. </figcaption> </figure> <p><strong>Note that “making stuff” is not included in this list</strong>—not explicitly, at least. Writing text, making images, or generating code might all be the means or even the desired outcomes of Sentient Design experiences—but they’re not defining characteristics.</p> <p>The fundamentals of Sentient Design aren’t new. Some aspects of Sentient Design have been around for years or decades—long enough that they’ve become familiar design patterns. We encounter automated services hundreds of times per day that deliver bespoke experiences based on automated recommendation or prediction.</p> <p>The commonality is that these services are <em>aware</em> and <em>adaptive</em> in presentation. Streaming music services are <em>aware</em> of our preferences and history, as well as what’s new and popular in the mainstream, and <em>adapt</em> content and presentation; the result is a playlist (or several!) that suits our tastes, or maybe just the moment. Similarly, predictive keyboards are <em>aware</em> of what you’re typing, along with the historical probability of the most likely next word or phrase; they <em>adapt</em> the keyboard in anticipation of what we’ll type next.</p> <p>These kinds of just-in-time content presentation are familiar enough to seem commonplace, but they remain part of the Sentient Design toolkit alongside the fancy new stuff like generative AI and large language models (LLMs). As the underlying tools become more capable, awareness and adaptation grow more capable too. For example, AI-powered assistants can understand any question and come back with an appropriate (and sometimes even correct!) response. Talk about radically adaptive: you can craft a whole meandering conversation that is absolutely one of a kind. It’s an experience that totally bends to your want and need in the moment—indeed, it’s invented for that moment.</p> <p>What’s also new is that Sentient Design experiences anticipate our needs based on models of what we have done in the past, individually or collectively. They propose paths forward, show us new possibilities, caution us about blind spots, or maybe just take care of simple tasks. These intelligent interfaces can also come to us instead of the reverse, shape-shifting into the form and interaction that is most convenient. In some cases, that may mean reformatting content or structure on a screen, or changing the UI metaphor entirely. More ambitiously, the AI-powered ghost in the machine may flit into a different machine entirely—shifting the point of interaction on the fly from screen to earbud to hand tool to appliance to car cockpit and back again.</p> <h3 id="newexperiencesnewperspective">New experiences, new perspective</h3> <p>This isn’t exactly ye old website anymore! While Sentient Design has an important place in traditional interface design, too, it introduces a very different experience to conceive and manage than the relatively static experiences of forms and dialog boxes that many digital designers have known so far.</p> <p>In this new kind of experience, everything can potentially adapt on the fly. The content, the format, the mode of interaction, the point of contact, the tone and aesthetic, even the very goals of the system… All of these things can shift and adapt in a new kind of nimble collaboration with the people it serves. The tools and design patterns are here for us to use now.</p> <p>It’s exciting and delicate and maybe even a little weird.</p> <p>It is <em>not</em> as weird as full-blown consciousness. We’re not talking about machines with emotional feeling, moral consideration, or any of the hallmarks we might ascribe to a fully sentient being. The “sentient” in Sentient Design describes a combination that is far more modest but still powerful: awareness, interpretation, agency, and adaptation. Machine learning and AI can already enable all of these attributes in forms that range from simple to sophisticated.</p> <p>This is a continuum. Think of it as a dial that you can turn: from simple utilities that add sparks of helpful intelligence to humble web forms to more capable companions like agents or assistants. Those experiences are comfortably attainable with Sentient Design and today’s technologies.</p> <p>The opportunity is to begin thinking of machine-learning applications in the same way that you think of using JavaScript to layer interactivity into a webpage. Or how you use responsive design techniques to add flexibility and accessibility to an experience. Just like we’ve absorbed those techniques into our daily practice, we can do the same with Sentient Design. Machine learning features are just another new technique and applied technology, this time to add intelligence and awareness to our interfaces.</p> <p>We can add that spark of intelligence anywhere it can be helpful. Apply Sentient Design’s awareness of context and intent, using things like recommendation, prediction, classification, clustering, and generation to elevate humble web forms or create entirely new kinds of experiences. What data do you have that can anticipate next steps and help people move more quickly through challenging or mundane tasks?</p> <h3 id="groundedinsoliduxprinciples">Grounded in solid UX principles</h3> <p>This is a lot—and it comes with new challenges and dangers. We invite trouble when we abdicate too much responsibility to intelligent systems, or when we misrepresent their statistical signals as facts or absolutes. It takes new perspective and new technique to realize the opportunities of AI while contending with its risks.</p> <p>Instead of designing for success—for the happy path—we have to do more to anticipate failure and uncertainty. Sentient Design experiences allow AI and machine learning to mediate experiences in ways that are new and that sometimes take the designer out of the loop. We have to anticipate how and where the system is unreliable—where the system will be weird and where the human will be weird.</p> <blockquote class="pullquote media-center"> We invite trouble when we abdicate too much responsibility to intelligent systems. </blockquote> <p>Sentient Design introduces several principles for defensive design. How do we anticipate and manage the imperfect or frankly bizarre results that AI often delivers? How do we design the experience to set expectations and channel behavior in a way that best matches the system’s ability? And perhaps most important of all: how can Sentient Design experiences engage critical thought, or amplify human judgment and agency, instead of replacing them?</p> <p>Sentient Design is about AI… but also not. While AI and machine learning are the enabling technologies, the goal is not to “make AI products.” Sentient Design lets us deliver meaningful human outcomes in ways that haven’t been possible until now. The intended outcomes themselves may not change—our creations should remain focused on human goals—but Sentient Design can collapse the effort it takes for people to realize those outcomes, and may even make some outcomes plausible, affordable, or attractive for the first time. Along the way, Sentient Design techniques can make experiences more valuable, more intuitive, and often more fun. That’s the real opportunity; the technology is only the means to the end.</p> <h3 id="howtolearnmore">How to learn more</h3> <p>We’re working hard to share the details of how all of this works in practice. Here are some resources to help you stay current.</p> <p><strong>Watch or listen.</strong> Check out Josh’s <a href="https://bigmedium.com/speaking/sentient-design-josh-clark-talk.html">Sentient Design talk</a>, which introduces lots of Sentient Design examples and design principles. The talk is available in video, audio, slides, and prose.</p> <p><strong>Read up.</strong> Our ever-growing series of <a href="https://bigmedium.com/bm.tags/sentient-design/">Sentient Design articles and talks</a> offer perspectives, examples, and design patterns. Sign up for our newsletter <a href="https://bigmedium.com/ideas/big-medium-newsletter.html">A Little Big Medium</a> to keep up with all of it, including news about the book.</p> <p><strong>Workshops and Sentient Design sprints.</strong> Big Medium offers educational workshops about Sentient Design and the UX of AI. We also work with clients to conduct Sentient Design sprints—sessions for product designers to identify, frame, and validate applications of machine intelligence. <a href="/hire/">Get in touch for details.</a></p> <p><strong>Product design engagements.</strong> Big Medium does lots of product design, and Sentient Design is a big part of our toolkit. If you’re considering AI-powered products or features, we can help. <a href="/hire/">Get in touch.</a></p> </div> <!-- end bmw_pageContent --> <!-- end <%content%> --> </section> <section class="moreinfo"> <!-- start <%related%> --> <h3>Related links</h3> <ul class="bmw_related"> <li><a href="https://bigmedium.com/speaking/sentient-design-josh-clark-talk.html">Sentient Design: AI and the Next Chapter of UX</a></li> <li><a href="https://bigmedium.com/speaking/ai-is-your-new-design-material.html">A.I. Is Your New Design Material</a></li> </ul> <!-- end <%related%> --> <!-- START <%tags%> --> <h3>Read more about...</h3> <ul class="bmw_tags"> <li><a href="https://bigmedium.com/bm.tags/sentient-design/">sentient design</a></li> <li><a href="https://bigmedium.com/bm.tags/ai/" rel="tag">ai</a></li> <li><a href="https://bigmedium.com/bm.tags/algorithms/" rel="tag">algorithms</a></li> <li><a href="https://bigmedium.com/bm.tags/bots/" rel="tag">bots</a></li> <li><a href="https://bigmedium.com/bm.tags/design/" rel="tag">design</a></li> <li><a href="https://bigmedium.com/bm.tags/future/" rel="tag">future</a></li> <li><a href="https://bigmedium.com/bm.tags/technology/" rel="tag">technology</a></li> </ul> <!-- END <%tags%> --> </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/ideas/" class="kicker kicker--invert">Ideas</a></h2> <!-- start <%latest%> --> <div class="tout-links tout-links--latest tout-links--sec-ideas"> <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/sentent-design-workshop.4x3-250.png" class="bma_thumb" alt="Four devices lighting up with Sentient Design and machine intelligence" srcset="https://bigmedium.com/bm.pix/sentent-design-workshop.4x3-2000.png 1200w, https://bigmedium.com/bm.pix/sentent-design-workshop.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/sentent-design-workshop.4x3-500.png 500w, https://bigmedium.com/bm.pix/sentent-design-workshop.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/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 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 class="bmw_link bma_page1665"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/hello-sentient-design.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/sentient-design-hello.4x3-250.png" class="bma_thumb" alt="Illustration of four computers and devices lighting up with Sentient Design awareness" srcset="https://bigmedium.com/bm.pix/sentient-design-hello.4x3-2000.png 1200w, https://bigmedium.com/bm.pix/sentient-design-hello.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/sentient-design-hello.4x3-500.png 500w, https://bigmedium.com/bm.pix/sentient-design-hello.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/hello-sentient-design.html" title="Say Hello to Sentient Design" rel="bookmark">Say Hello to Sentient Design</a></h3> <div class="bma_desc">Sentient Design is the already-here future of intelligent interfaces and AI-mediated experiences. Discover this framework and philosophy for working with AI as a design material.</div> </div> </div> </div> </div> <!-- end <%latest%> --> <div class="continue"> <a href="https://bigmedium.com/ideas/" class="btn btn--next"> <span class="btn-arrow-text--right">More Ideas</span> </a> </div> </div> </div> </section> <section class="touts"> <div class="lc u--zero-pad"> <div class="standard-margin touts-simple"> <h2><a href="https://bigmedium.com/ideas/links/" class="kicker kicker--invert">What We’re Reading</a></h2> <!-- start <%latest%> --> <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> <!-- end <%latest%> --> <div class="continue"> <a href="https://bigmedium.com/ideas/links/" class="btn btn--next"> <span class="btn-arrow-text--right">More Links</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"> <!-- START <%search%> --> <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> <!-- END <%search%> --> <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 bmn_active"><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> <!-- start <%footer%> --> <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> <!-- end <%footer%> --> <script src="/js/bigmed-min.js" type="text/javascript"></script> <script type="text/javascript"> BigM.initPage(); </script> </body> </html>