CINXE.COM
Store, A Book Apart
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="google-site-verification" content="9ex0_Z0xQO5TbWWWG_YdS_AOVUveCyat58PnkSv7E3o" /> <title>Store, A Book Apart</title> <link href="cdn/shop/t/4/assets/2019-screen.scss%EF%B9%96v=60548189626548252431720553516.css" rel="stylesheet" type="text/css" media="all" /> <link rel="preload" href="cdn/shop/t/4/assets/TitlingGothicFBCondensedRegular-subset%EF%B9%96v=144323233704978956321589824711.woff2" as="font" type="font/woff2"> <link rel="preload" href="cdn/shop/t/4/assets/TitlingGothicFBSkylineRegular-subset%EF%B9%96v=82076782130832495991589824635.woff2" as="font" type="font/woff2"> <link rel="preload" href="cdn/shop/t/4/assets/AdelleSans-Regular-subset%EF%B9%96v=170044181468326467751589824607.woff2" as="font" type="font/woff2"> <link rel="alternate" title="A Book Apart: Press Room RSS Feed" type="application/rss+xml" href="https://feeds.feedburner.com/a-book-apart"> <link rel="shortcut icon" href="cdn/shop/t/4/assets/favicon%EF%B9%96v=90145869007515973581537450570.ico" type="image/x-icon"> <link rel="apple-touch-icon" sizes="57x57" href="cdn/shop/t/4/assets/apple-touch-icon-57x57%EF%B9%96v=65803350735019661971537450561.png"> <link rel="apple-touch-icon" sizes="60x60" href="cdn/shop/t/4/assets/apple-touch-icon-60x60%EF%B9%96v=150262060825672676901537450561.png"> <link rel="apple-touch-icon" sizes="72x72" href="cdn/shop/t/4/assets/apple-touch-icon-72x72%EF%B9%96v=147896007713647014101537450561.png"> <link rel="apple-touch-icon" sizes="76x76" href="cdn/shop/t/4/assets/apple-touch-icon-76x76%EF%B9%96v=44952889816077047171537450561.png"> <link rel="apple-touch-icon" sizes="114x114" href="cdn/shop/t/4/assets/apple-touch-icon-114x114%EF%B9%96v=115119225902024552321537450560.png"> <link rel="apple-touch-icon" sizes="120x120" href="cdn/shop/t/4/assets/apple-touch-icon-120x120%EF%B9%96v=102068666138980899281537450560.png"> <link rel="apple-touch-icon" sizes="144x144" href="cdn/shop/t/4/assets/apple-touch-icon-144x144%EF%B9%96v=135072051314031706611537450560.png"> <link rel="apple-touch-icon" sizes="152x152" href="cdn/shop/t/4/assets/apple-touch-icon-152x152%EF%B9%96v=57942616554089397631537450561.png"> <link rel="apple-touch-icon" sizes="180x180" href="cdn/shop/t/4/assets/apple-touch-icon-180x180%EF%B9%96v=64316675395298681401537450561.png"> <link rel="icon" type="image/png" href="cdn/shop/t/4/assets/android-chrome-192x192%EF%B9%96v=119341456129549094591537450560.png" sizes="192x192"> <link rel="me" href="https://front-end.social/@abookapart"> <meta name="description" content="Mugs, shirts, and totes, oh my! Outfit yourself and support your favorite indie book publisher. "> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@abookapart" /> <meta name="twitter:title" content="A Book Apart - Collections" /> <meta name="twitter:description" content="Mugs, shirts, and totes, oh my! Outfit yourself and support your favorite indie book publisher. " /> <meta property="og:title" content="A Book Apart - Gear" /> <meta property="og:description" content="Mugs, shirts, and totes, oh my! Outfit yourself and support your favorite indie book publisher." /> <meta property="og:site_name" content="A Book Apart" /> <script src='cdn/shop/t/4/assets/jquery-3.3.1.min%EF%B9%96v=61395414644828968241561739218.js' type='text/javascript'></script> <script> // Picture element HTML5 shiv document.createElement( "picture" ); </script> <script src="cdn/shop/t/4/assets/picturefill%EF%B9%96v=131268525102640775091537450576.js" async></script> <link rel="canonical" href="collections.html"> <meta property="og:image" content="https://abookapart.com/cdn/shop/t/4/assets/aba-og.webp" /> <meta property="og:image:secure_url" content="https://abookapart.com/cdn/shop/t/4/assets/aba-og.webp" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="1200" /> <body id="collection"> <header role="banner"> <a class='branding' href='/'> <picture class="branding__logo"> <source media="(max-width: 599px)" srcset="cdn/shop/t/4/assets/aba-icon%EF%B9%96v=99583976875288395861537450559.svg" type="image/svg+xml"> <source srcset="cdn/shop/t/4/assets/aba-logo-2%EF%B9%96v=5628627351356293221537450559.svg" type="image/svg+xml"> <img srcset="cdn/shop/t/4/assets/aba-logo%EF%B9%96v=14272058534771725271537450560.png" alt="A Book Apart"> </picture> <div class="branding__wordmark">A Book Apart</div> </a> <div class="site-nav"> <nav class='site-nav__primary'> <ul> <li id='nav-store'> <a href='/products/'>Shop</a> </li> <li id='nav-press'> <a href='/blogs/press/'>Blog</a> </li> <li id='nav-about'> <a href='pages/about/'>About</a> </li> </ul> </nav> <nav class='site-nav__secondary'> <ul> <li id='nav-twitter' class="site-nav__social"> <a href='http://twitter.com/abookapart' class="site-nav__link--icon"> <svg viewBox="0 0 15 12" width="15" height="12" xmlns="http://www.w3.org/2000/svg"><title>Twitter</title><path d="M15 1.42a6.32 6.32 0 0 1-1.53 1.57v.4c0 4-3.09 8.61-8.75 8.61A8.77 8.77 0 0 1 0 10.77c.24.03.49.05.73.05 1.44 0 2.78-.61 3.82-1.44a3.06 3.06 0 0 1-2.87-2.1 3.25 3.25 0 0 0 1.4-.05A3.04 3.04 0 0 1 .6 4.26v-.04c.41.22.88.36 1.39.38A3 3 0 0 1 .62 2.09c0-.57.16-1.03.42-1.47a8.8 8.8 0 0 0 6.34 3.1 3.04 3.04 0 0 1 3-3.73c.89.01 1.69.39 2.26.97.7-.14 1.35-.4 1.94-.74-.22.7-.7 1.3-1.35 1.68A6.16 6.16 0 0 0 15 1.42z"/></svg> </a> </li> <li id='nav-instagram' class="site-nav__social"> <a href='http://instagram.com/abookapart' class="site-nav__link--icon"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><title>Instagram</title><path d="M8 0c2.17 0 2.45.01 3.3.05.85.04 1.43.17 1.94.37.53.2.97.48 1.42.92.44.45.72.9.92 1.42.2.5.33 1.09.37 1.94.04.85.05 1.13.05 3.3s-.01 2.45-.05 3.3a5.87 5.87 0 0 1-.37 1.94c-.2.53-.48.97-.92 1.42-.45.44-.9.72-1.42.92-.5.2-1.09.33-1.94.37-.85.04-1.13.05-3.3.05a56.3 56.3 0 0 1-3.3-.05 5.85 5.85 0 0 1-1.94-.37c-.53-.2-.97-.48-1.42-.92a3.9 3.9 0 0 1-.92-1.42c-.2-.5-.33-1.09-.37-1.94C0 10.45 0 10.17 0 8s.01-2.45.05-3.3c.04-.85.17-1.43.37-1.94.2-.53.48-.97.92-1.42.45-.44.9-.72 1.42-.92.5-.2 1.09-.33 1.94-.37C5.55 0 5.83 0 8 0m5.23 3.73a.96.96 0 1 0-1.92 0 .96.96 0 0 0 1.92 0M8 3.89a4.1 4.1 0 1 0 0 8.22 4.1 4.1 0 0 0 0-8.22m0 6.78a2.67 2.67 0 1 1 0-5.34 2.67 2.67 0 0 1 0 5.34"/></svg> </a> </li> <!-- <li id='nav-search'> <input type="checkbox" id="search-toggle" class="checkbox-toggle js-checkbox-toggle" tabindex="0" data-html-toggle="search-active" autocomplete="off"> <label for="search-toggle" class="site-nav__search-toggle site-nav__link--icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M2 6.5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0m13.88 7.26l-3.85-3.85a6.5 6.5 0 1 0-2.12 2.12l3.85 3.85a.4.4 0 0 0 .57 0l1.55-1.55a.4.4 0 0 0 0-.57"/></svg> <span>Toggle Search Form</span> </label> <form action="https://abookapart.com/search" method="get" autocomplete="off" id='nav-search-form' accept-charset="utf-8"> <input type="hidden" name="type" value="product" /> <label for="nav-q">Search</label> <input type="text" name="q" id="nav-q" value="" placeholder="Search" autocomplete="off"> <button type="submit"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M2 6.5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0m13.88 7.26l-3.85-3.85a6.5 6.5 0 1 0-2.12 2.12l3.85 3.85a.4.4 0 0 0 .57 0l1.55-1.55a.4.4 0 0 0 0-.57"/></svg><span>Search</span></button> </form> <script type='text/javascript'> //<![CDATA[ $('#nav-search-form').on("submit", function(e) { var $searchField = $(this).find('#nav-q'); if ( !$searchField.val() ) { e.preventDefault(); $searchField.focus(); } }); var $checkboxToggle = $('.js-checkbox-toggle'); document.documentElement.classList.add('search-init'); $checkboxToggle.on('keyup', function(e) { var keycode = e.keyCode || e.which; if (keycode == 13) { this.click(); } }); $checkboxToggle.on('click', function() { $('#nav-q').focus(); var htmlClass = this.getAttribute('data-html-toggle'); if (typeof htmlClass !== typeof undefined && htmlClass !== false) { if (this.checked) { document.documentElement.classList.add(htmlClass); } else { document.documentElement.classList.remove(htmlClass); } } }); // firing on touchstart to get around double-clicking // on iOS because of :hover, :focus styles. // Don't even need to do any work within the event. $checkboxToggle.each(function() { $(this).next().on('touchstart', function() {}); }); //]]> </script> </li> --> <li id='nav-help'> <a href='/pages/help/'>Help</a> </li> <li id='nav-login'> <a href='/pages/help/#access_account'>Sign In</a> </li> </ul> </nav> <a id='nav-cart' class='shopping-cart' href='https://abookapart.com/pages/about' title='View Cart'> <span class='shopping-cart__count'>0</span> <svg class='shopping-cart__icon' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 20"><circle cx="11.55" cy="18.23" r="1.77"/><circle cx="20.02" cy="18.23" r="1.77"/><path d="M22.1 13.24H9.77L5.5.6C5.4.26 5.05 0 4.67 0H.9C.4 0 0 .4 0 .9s.4.9.9.9H4l4.26 12.63c.12.37.47.6.85.6h13c.5 0 .9-.4.9-.9s-.4-.9-.9-.9zm1.94-9.83L8.74 2.1c-.48-.04-.75.3-.6.77l2.67 7.94c.18.47.7.85 1.2.85h11.17c.5 0 .95-.4 1-.9l.68-6.35c.05-.5-.3-.95-.8-1z"/></svg> <span class='shopping-cart__text'>Cart</span> </a> </div> </header> <main id="main"> <nav class="shop-nav"> <div class="container"> <ul class="shop-nav__list"> <li class="shop-nav__item"><a class='shop-nav__link' href='/collections/books'>Books</a></li> <li class="shop-nav__item"><a class='shop-nav__link' href='/collections'>Starter Packs</a></li> <li class="shop-nav__item"><a class='shop-nav__link' href='/collections/gear'>Gear</a></li> <!-- <li class="shop-nav__item"><a href="/products/gift-card" class="shop-nav__link">Gift Cards</a></li> --> </ul> </div> </nav> <section class='section section--center section--border-top'> <div class="container"> <div class="section__head"> <h2 class="section__title section__title--large"> Recent Books </h2> </div> <style>.topic-nav { margin: -1.25em clamp( .125em, 1vw, 1em) 1.85em clamp( 1px, 1vw, 1em) } .topic-nav [aria-hidden="true"] { display: none; } .topic-nav__hed { padding-bottom: 1em; } .topic-nav__hed, .topic-nav__item { color: #666; margin: 0 .325em 0 0; } .topic-nav__item { margin: 0 clamp( .3em, 1vw, .65em) 0 0; } .topic-nav__list { display: flex; justify-content: center; flex-wrap: wrap; } .topic-nav__list li { display: flex; margin-bottom: .5em; } .topic-nav__hed { font-size: .925em; font-size: clamp( .78em, 2.5vw, .925em); font-weight: 600; margin-top: .45em; padding-top: 1px; } .topic-nav__link { background: #f1f1f1; border-radius: .25em; line-height: 1.1; color: inherit; display: inline-block; font-size: .925em; font-size: clamp( .78em, 2.5vw, .925em); padding: .45em .45em .275em .45em; text-decoration: none; text-transform: capitalize; } .topic-nav__link:hover { background: #ddd; color: #444; } .topic-nav__link[aria-current] { background: #777; color: #f1f1f1; } button.topic-nav__more { background: none; color: #666; padding: .2em .25em 0 .25em; margin: 0 .2em; text-decoration: underline; } </style><nav class="topic-nav" aria-labelledby="topic-nav"> <h2 id="topic-nav" class="topic-nav__hed">Filter books by topic:</h2> <ul class="topic-nav__list"> <li class="topic-nav__item"><a class='topic-nav__link' href='/collections/accessibility'>Accessibility</a></li> <li class="topic-nav__item"><a class='topic-nav__link' href='/collections/careers'>Careers</a></li> <li class="topic-nav__item"><a class='topic-nav__link' href='/collections/content'>Content Strategy</a></li> <li class="topic-nav__item"><a class='topic-nav__link' href='/collections/social-justice'>Culture & Community</a></li> <li class="topic-nav__item"><a class='topic-nav__link' href='/collections/code'>Frontend Development</a></li> <li class="topic-nav__item"><a class='topic-nav__link' href='/collections/user-experience'>User Experience</a></li> <li class="topic-nav__item"><a class='topic-nav__link' href='/collections/visual-design-typography'>Visual Design & Typography</a></li> <li class="topic-nav__item"><a class='topic-nav__link' href='/collections/writing'>Writing</a></li> </ul> </nav> <ul class='book-grid grid'> <li class="grid__item c-1of2 small--c-1of3 medium--c-1of6"> <a class='book-grid__item' href='/products/surviving-change-at-work'> <img src="cdn/shop/files/aba-cover-48_212x%EF%B9%96v=1686233060.png" srcset="cdn/shop/files/aba-cover-48_112x%EF%B9%96v=1686233060.png 112w, cdn/shop/files/aba-cover-48_212x%EF%B9%96v=1686233060.png 212w, cdn/shop/files/aba-cover-48_112x@3x%EF%B9%96v=1686233060.png 336w, cdn/shop/files/aba-cover-48_160x@3x%EF%B9%96v=1686233060.png 480w, cdn/shop/files/aba-cover-48_212x@3x%EF%B9%96v=1686233060.png 636w" sizes="(min-width: 960px) 160px, (min-width: 769px) 112px, (min-width: 480px) 212px, 202px" alt="Surviving Change at Work" class="book-grid__img" loading="lazy"> <p class='book-grid__byline'>Vanessa Gennarelli</p> <h3 class='book-grid__title'>Surviving Change at Work</h3> </a> </li> <li class="grid__item c-1of2 small--c-1of3 medium--c-1of6"> <a class='book-grid__item' href='/products/you-deserve-a-tech-union'> <img src="cdn/shop/files/aba-cover-47_212x%EF%B9%96v=1686232988.png" srcset="cdn/shop/files/aba-cover-47_112x%EF%B9%96v=1686232988.png 112w, cdn/shop/files/aba-cover-47_212x%EF%B9%96v=1686232988.png 212w, cdn/shop/files/aba-cover-47_112x@3x%EF%B9%96v=1686232988.png 336w, cdn/shop/files/aba-cover-47_160x@3x%EF%B9%96v=1686232988.png 480w, cdn/shop/files/aba-cover-47_212x@3x%EF%B9%96v=1686232988.png 636w" sizes="(min-width: 960px) 160px, (min-width: 769px) 112px, (min-width: 480px) 212px, 202px" alt="You Deserve a Tech Union" class="book-grid__img" loading="lazy"> <p class='book-grid__byline'>Ethan Marcotte</p> <h3 class='book-grid__title'>You Deserve a Tech Union</h3> </a> </li> <li class="grid__item c-1of2 small--c-1of3 medium--c-1of6"> <a class='book-grid__item' href='/products/design-by-definition'> <img src="cdn/shop/files/aba-cover-46_212x%EF%B9%96v=1686232747.png" srcset="cdn/shop/files/aba-cover-46_112x%EF%B9%96v=1686232747.png 112w, cdn/shop/files/aba-cover-46_212x%EF%B9%96v=1686232747.png 212w, cdn/shop/files/aba-cover-46_112x@3x%EF%B9%96v=1686232747.png 336w, cdn/shop/files/aba-cover-46_160x@3x%EF%B9%96v=1686232747.png 480w, cdn/shop/files/aba-cover-46_212x@3x%EF%B9%96v=1686232747.png 636w" sizes="(min-width: 960px) 160px, (min-width: 769px) 112px, (min-width: 480px) 212px, 202px" alt="Design by Definition" class="book-grid__img" loading="lazy"> <p class='book-grid__byline'>Elizabeth McGuane</p> <h3 class='book-grid__title'>Design by Definition</h3> </a> </li> <li class="grid__item c-1of2 small--c-1of3 medium--c-1of6"> <a class='book-grid__item' href='/products/wireframing-for-everyone'> <img src="cdn/shop/products/aba-cover-45_212x%EF%B9%96v=1682110275.png" srcset="cdn/shop/products/aba-cover-45_112x%EF%B9%96v=1682110275.png 112w, cdn/shop/products/aba-cover-45_212x%EF%B9%96v=1682110275.png 212w, cdn/shop/products/aba-cover-45_112x@3x%EF%B9%96v=1682110275.png 336w, cdn/shop/products/aba-cover-45_160x@3x%EF%B9%96v=1682110275.png 480w, cdn/shop/products/aba-cover-45_212x@3x%EF%B9%96v=1682110275.png 636w" sizes="(min-width: 960px) 160px, (min-width: 769px) 112px, (min-width: 480px) 212px, 202px" alt="Wireframing for Everyone" class="book-grid__img" loading="lazy"> <p class='book-grid__byline'>Michael Angeles, Leon Barnard, & Billy Carlson</p> <h3 class='book-grid__title'>Wireframing for Everyone</h3> </a> </li> <li class="grid__item c-1of2 small--c-1of3 medium--c-1of6"> <a class='book-grid__item' href='/products/immersive-content-and-usability'> <img src="cdn/shop/products/aba-cover-44_212x%EF%B9%96v=1677444687.png" srcset="cdn/shop/products/aba-cover-44_112x%EF%B9%96v=1677444687.png 112w, cdn/shop/products/aba-cover-44_212x%EF%B9%96v=1677444687.png 212w, cdn/shop/products/aba-cover-44_112x@3x%EF%B9%96v=1677444687.png 336w, cdn/shop/products/aba-cover-44_160x@3x%EF%B9%96v=1677444687.png 480w, cdn/shop/products/aba-cover-44_212x@3x%EF%B9%96v=1677444687.png 636w" sizes="(min-width: 960px) 160px, (min-width: 769px) 112px, (min-width: 480px) 212px, 202px" alt="Immersive Content and Usability" class="book-grid__img" loading="lazy"> <p class='book-grid__byline'>Preston So</p> <h3 class='book-grid__title'>Immersive Content and Usability</h3> </a> </li> <li class="grid__item c-1of2 small--c-1of3 medium--c-1of6"> <a class='book-grid__item' href='/products/the-business-of-ux-writing'> <img src="cdn/shop/products/aba-cover-43_212x%EF%B9%96v=1666635531.png" srcset="cdn/shop/products/aba-cover-43_112x%EF%B9%96v=1666635531.png 112w, cdn/shop/products/aba-cover-43_212x%EF%B9%96v=1666635531.png 212w, cdn/shop/products/aba-cover-43_112x@3x%EF%B9%96v=1666635531.png 336w, cdn/shop/products/aba-cover-43_160x@3x%EF%B9%96v=1666635531.png 480w, cdn/shop/products/aba-cover-43_212x@3x%EF%B9%96v=1666635531.png 636w" sizes="(min-width: 960px) 160px, (min-width: 769px) 112px, (min-width: 480px) 212px, 202px" alt="The Business of UX Writing" class="book-grid__img" loading="lazy"> <p class='book-grid__byline'>Yael Ben-David</p> <h3 class='book-grid__title'>The Business of UX Writing</h3> </a> </li> <li class="grid__item c-1of2 small--c-1of3 medium--c-1of6"> <a class='book-grid__item' href='/products/inclusive-design-communities'> <img src="cdn/shop/products/aba-cover-42_212x%EF%B9%96v=1660142571.png" srcset="cdn/shop/products/aba-cover-42_112x%EF%B9%96v=1660142571.png 112w, cdn/shop/products/aba-cover-42_212x%EF%B9%96v=1660142571.png 212w, cdn/shop/products/aba-cover-42_112x@3x%EF%B9%96v=1660142571.png 336w, cdn/shop/products/aba-cover-42_160x@3x%EF%B9%96v=1660142571.png 480w, cdn/shop/products/aba-cover-42_212x@3x%EF%B9%96v=1660142571.png 636w" sizes="(min-width: 960px) 160px, (min-width: 769px) 112px, (min-width: 480px) 212px, 202px" alt="Inclusive Design Communities" class="book-grid__img" loading="lazy"> <p class='book-grid__byline'>Sameera Kapila</p> <h3 class='book-grid__title'>Inclusive Design Communities</h3> </a> </li> <li class="grid__item c-1of2 small--c-1of3 medium--c-1of6"> <a class='book-grid__item' href='/products/anthology-interface-design'> <img src="cdn/shop/products/aba-briefs-anthology-cover-3_f44ae7cc-842a-4267-ab65-b4755d8d74ae_212x%EF%B9%96v=1660743333.png" srcset="cdn/shop/products/aba-briefs-anthology-cover-3_f44ae7cc-842a-4267-ab65-b4755d8d74ae_112x%EF%B9%96v=1660743333.png 112w, cdn/shop/products/aba-briefs-anthology-cover-3_f44ae7cc-842a-4267-ab65-b4755d8d74ae_212x%EF%B9%96v=1660743333.png 212w, cdn/shop/products/aba-briefs-anthology-cover-3_f44ae7cc-842a-4267-ab65-b4755d8d74ae_112x@3x%EF%B9%96v=1660743333.png 336w, cdn/shop/products/aba-briefs-anthology-cover-3_f44ae7cc-842a-4267-ab65-b4755d8d74ae_160x@3x%EF%B9%96v=1660743333.png 480w, cdn/shop/products/aba-briefs-anthology-cover-3_f44ae7cc-842a-4267-ab65-b4755d8d74ae_212x@3x%EF%B9%96v=1660743333.png 636w" sizes="(min-width: 960px) 160px, (min-width: 769px) 112px, (min-width: 480px) 212px, 202px" alt="Briefs Anthology 3: Interface Design" class="book-grid__img" loading="lazy"> <p class='book-grid__byline'>A Book Apart</p> <h3 class='book-grid__title'>Briefs Anthology 3: Interface Design</h3> </a> </li> <li class="grid__item c-1of2 small--c-1of3 medium--c-1of6"> <a class='book-grid__item' href='/products/anthology-design-and-content'> <img src="cdn/shop/products/aba-briefs-anthology-cover-2_f444e0f3-8d6a-45ba-b396-d12b38a0fa47_212x%EF%B9%96v=1660743322.png" srcset="cdn/shop/products/aba-briefs-anthology-cover-2_f444e0f3-8d6a-45ba-b396-d12b38a0fa47_112x%EF%B9%96v=1660743322.png 112w, cdn/shop/products/aba-briefs-anthology-cover-2_f444e0f3-8d6a-45ba-b396-d12b38a0fa47_212x%EF%B9%96v=1660743322.png 212w, cdn/shop/products/aba-briefs-anthology-cover-2_f444e0f3-8d6a-45ba-b396-d12b38a0fa47_112x@3x%EF%B9%96v=1660743322.png 336w, cdn/shop/products/aba-briefs-anthology-cover-2_f444e0f3-8d6a-45ba-b396-d12b38a0fa47_160x@3x%EF%B9%96v=1660743322.png 480w, cdn/shop/products/aba-briefs-anthology-cover-2_f444e0f3-8d6a-45ba-b396-d12b38a0fa47_212x@3x%EF%B9%96v=1660743322.png 636w" sizes="(min-width: 960px) 160px, (min-width: 769px) 112px, (min-width: 480px) 212px, 202px" alt="Briefs Anthology 2: Design and Content" class="book-grid__img" loading="lazy"> <p class='book-grid__byline'>A Book Apart</p> <h3 class='book-grid__title'>Briefs Anthology 2: Design and Content</h3> </a> </li> <li class="grid__item c-1of2 small--c-1of3 medium--c-1of6"> <a class='book-grid__item' href='/products/anthology-development'> <img src="cdn/shop/products/aba-briefs-anthology-cover-1_76991387-4ea8-4a78-9a01-9c4403b8fc9c_212x%EF%B9%96v=1660743309.png" srcset="cdn/shop/products/aba-briefs-anthology-cover-1_76991387-4ea8-4a78-9a01-9c4403b8fc9c_112x%EF%B9%96v=1660743309.png 112w, cdn/shop/products/aba-briefs-anthology-cover-1_76991387-4ea8-4a78-9a01-9c4403b8fc9c_212x%EF%B9%96v=1660743309.png 212w, cdn/shop/products/aba-briefs-anthology-cover-1_76991387-4ea8-4a78-9a01-9c4403b8fc9c_112x@3x%EF%B9%96v=1660743309.png 336w, cdn/shop/products/aba-briefs-anthology-cover-1_76991387-4ea8-4a78-9a01-9c4403b8fc9c_160x@3x%EF%B9%96v=1660743309.png 480w, cdn/shop/products/aba-briefs-anthology-cover-1_76991387-4ea8-4a78-9a01-9c4403b8fc9c_212x@3x%EF%B9%96v=1660743309.png 636w" sizes="(min-width: 960px) 160px, (min-width: 769px) 112px, (min-width: 480px) 212px, 202px" alt="Briefs Anthology 1: Development" class="book-grid__img" loading="lazy"> <p class='book-grid__byline'>A Book Apart</p> <h3 class='book-grid__title'>Briefs Anthology 1: Development</h3> </a> </li> <li class="grid__item c-1of2 small--c-1of3 medium--c-1of6"> <a class='book-grid__item' href='/products/leading-content-design'> <img src="cdn/shop/products/aba-cover-41_212x%EF%B9%96v=1644089034.png" srcset="cdn/shop/products/aba-cover-41_112x%EF%B9%96v=1644089034.png 112w, cdn/shop/products/aba-cover-41_212x%EF%B9%96v=1644089034.png 212w, cdn/shop/products/aba-cover-41_112x@3x%EF%B9%96v=1644089034.png 336w, cdn/shop/products/aba-cover-41_160x@3x%EF%B9%96v=1644089034.png 480w, cdn/shop/products/aba-cover-41_212x@3x%EF%B9%96v=1644089034.png 636w" sizes="(min-width: 960px) 160px, (min-width: 769px) 112px, (min-width: 480px) 212px, 202px" alt="Leading Content Design" class="book-grid__img" loading="lazy"> <p class='book-grid__byline'>Rachel McConnell</p> <h3 class='book-grid__title'>Leading Content Design</h3> </a> </li> <li class="grid__item c-1of2 small--c-1of3 medium--c-1of6"> <a class='book-grid__item' href='/products/you-should-write-a-book'> <img src="cdn/shop/products/aba-cover-40_212x%EF%B9%96v=1639007990.png" srcset="cdn/shop/products/aba-cover-40_112x%EF%B9%96v=1639007990.png 112w, cdn/shop/products/aba-cover-40_212x%EF%B9%96v=1639007990.png 212w, cdn/shop/products/aba-cover-40_112x@3x%EF%B9%96v=1639007990.png 336w, cdn/shop/products/aba-cover-40_160x@3x%EF%B9%96v=1639007990.png 480w, cdn/shop/products/aba-cover-40_212x@3x%EF%B9%96v=1639007990.png 636w" sizes="(min-width: 960px) 160px, (min-width: 769px) 112px, (min-width: 480px) 212px, 202px" alt="You Should Write a Book" class="book-grid__img" loading="lazy"> <p class='book-grid__byline'>Katel LeD没 & Lisa Maria Marquis</p> <h3 class='book-grid__title'>You Should Write a Book</h3> </a> </li> </ul><div class="section__link-all"> <a class='section__link section__link--bold' href='/collections/books'>All <span>Books</span> <svg viewBox="0 0 16 15" width="16" height="15" xmlns="http://www.w3.org/2000/svg"><path d="M15.4 7.3V7L7.7 0a.6.6 0 0 0-.8 1l6.3 5.8H1a.6.6 0 0 0 0 1.2h12.2L7 14a.6.6 0 1 0 .8 1l7.5-7a.7.7 0 0 0 .2-.3.6.6 0 0 0 0-.3z"/></svg></a> </div></div> </section> <div id="shopify-section-pack-list" class="shopify-section"><section class='section section--center section--border-top'> <div class="container"> <div class="section__head"> <h2 class="section__title section__title--large"> Starter Packs </h2> </div> <ul class='pack-grid pack-grid--alt grid'> <li class='grid__item small--c-1of3 medium--c-1of4'> <a class='pack-grid__item' href='/collections/career-growth'> <div class="pack-grid__images"> <img class="pack-grid__image" src="cdn/shop/files/aba-cover-48_48x%EF%B9%96v=1686233060.png" srcset="cdn/shop/files/aba-cover-48_48x%EF%B9%96v=1686233060.png 48w, cdn/shop/files/aba-cover-48_34x@3x%EF%B9%96v=1686233060.png 102w, cdn/shop/files/aba-cover-48_48x@3x%EF%B9%96v=1686233060.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Surviving Change at Work" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-40_48x%EF%B9%96v=1639007990.png" srcset="cdn/shop/products/aba-cover-40_48x%EF%B9%96v=1639007990.png 48w, cdn/shop/products/aba-cover-40_34x@3x%EF%B9%96v=1639007990.png 102w, cdn/shop/products/aba-cover-40_48x@3x%EF%B9%96v=1639007990.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="You Should Write a Book" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-briefs-cover-11_48x%EF%B9%96v=1603205699.png" srcset="cdn/shop/products/aba-briefs-cover-11_48x%EF%B9%96v=1603205699.png 48w, cdn/shop/products/aba-briefs-cover-11_34x@3x%EF%B9%96v=1603205699.png 102w, cdn/shop/products/aba-briefs-cover-11_48x@3x%EF%B9%96v=1603205699.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Presenting Design Work" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-21_48x%EF%B9%96v=1568909660.png" srcset="cdn/shop/products/aba-cover-21_48x%EF%B9%96v=1568909660.png 48w, cdn/shop/products/aba-cover-21_34x@3x%EF%B9%96v=1568909660.png 102w, cdn/shop/products/aba-cover-21_48x@3x%EF%B9%96v=1568909660.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Demystifying Public Speaking" loading="lazy"> </div> <h3 class='pack-grid__title'><span>Career Growth</span></h3> <div class="pack-grid__text text"> <p>Expand your career by using your voice.<br></p> </div> </a> </li> <li class='grid__item small--c-1of3 medium--c-1of4'> <a class='pack-grid__item' href='/collections/collaborative-design'> <div class="pack-grid__images"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-42_48x%EF%B9%96v=1660142571.png" srcset="cdn/shop/products/aba-cover-42_48x%EF%B9%96v=1660142571.png 48w, cdn/shop/products/aba-cover-42_34x@3x%EF%B9%96v=1660142571.png 102w, cdn/shop/products/aba-cover-42_48x@3x%EF%B9%96v=1660142571.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Inclusive Design Communities" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-briefs-cover-10_48x%EF%B9%96v=1594738234.png" srcset="cdn/shop/products/aba-briefs-cover-10_48x%EF%B9%96v=1594738234.png 48w, cdn/shop/products/aba-briefs-cover-10_34x@3x%EF%B9%96v=1594738234.png 102w, cdn/shop/products/aba-briefs-cover-10_48x@3x%EF%B9%96v=1594738234.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Practical Pair Programming" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-31_48x%EF%B9%96v=1569338957.png" srcset="cdn/shop/products/aba-cover-31_48x%EF%B9%96v=1569338957.png 48w, cdn/shop/products/aba-cover-31_34x@3x%EF%B9%96v=1569338957.png 102w, cdn/shop/products/aba-cover-31_48x@3x%EF%B9%96v=1569338957.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Expressive Design Systems" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-22_48x%EF%B9%96v=1484930189.png" srcset="cdn/shop/products/aba-cover-22_48x%EF%B9%96v=1484930189.png 48w, cdn/shop/products/aba-cover-22_34x@3x%EF%B9%96v=1484930189.png 102w, cdn/shop/products/aba-cover-22_48x@3x%EF%B9%96v=1484930189.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Practical Design Discovery" loading="lazy"> </div> <h3 class='pack-grid__title'><span>Collaborative Design</span></h3> <div class="pack-grid__text text"> <p><p>Work better, together.</p></p> </div> </a> </li> <li class='grid__item small--c-1of3 medium--c-1of4'> <a class='pack-grid__item' href='/collections/compassionate-design'> <div class="pack-grid__images"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-37_48x%EF%B9%96v=1627955454.png" srcset="cdn/shop/products/aba-cover-37_48x%EF%B9%96v=1627955454.png 48w, cdn/shop/products/aba-cover-37_34x@3x%EF%B9%96v=1627955454.png 102w, cdn/shop/products/aba-cover-37_48x@3x%EF%B9%96v=1627955454.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Design for Safety" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-33_48x%EF%B9%96v=1593716071.png" srcset="cdn/shop/products/aba-cover-33_48x%EF%B9%96v=1593716071.png 48w, cdn/shop/products/aba-cover-33_34x@3x%EF%B9%96v=1593716071.png 102w, cdn/shop/products/aba-cover-33_48x@3x%EF%B9%96v=1593716071.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Design for Cognitive Bias" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-32_48x%EF%B9%96v=1579299269.png" srcset="cdn/shop/products/aba-cover-32_48x%EF%B9%96v=1579299269.png 48w, cdn/shop/products/aba-cover-32_34x@3x%EF%B9%96v=1579299269.png 102w, cdn/shop/products/aba-cover-32_48x@3x%EF%B9%96v=1579299269.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Cross-Cultural Design" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/ABA-cover-18_aea67455-a1b9-486c-a817-fbbbbda3637d_48x%EF%B9%96v=1554390815.png" srcset="cdn/shop/products/ABA-cover-18_aea67455-a1b9-486c-a817-fbbbbda3637d_48x%EF%B9%96v=1554390815.png 48w, cdn/shop/products/ABA-cover-18_aea67455-a1b9-486c-a817-fbbbbda3637d_34x@3x%EF%B9%96v=1554390815.png 102w, cdn/shop/products/ABA-cover-18_aea67455-a1b9-486c-a817-fbbbbda3637d_48x@3x%EF%B9%96v=1554390815.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Design for Real Life" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-5-2e_48x%EF%B9%96v=1591736163.png" srcset="cdn/shop/products/aba-cover-5-2e_48x%EF%B9%96v=1591736163.png 48w, cdn/shop/products/aba-cover-5-2e_34x@3x%EF%B9%96v=1591736163.png 102w, cdn/shop/products/aba-cover-5-2e_48x@3x%EF%B9%96v=1591736163.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Designing for Emotion" loading="lazy"> </div> <h3 class='pack-grid__title'><span>Compassionate Design</span></h3> <div class="pack-grid__text text"> <p>Create kinder, more connected design.</p> </div> </a> </li> <li class='grid__item small--c-1of3 medium--c-1of4'> <a class='pack-grid__item' href='/collections/sustainable-design'> <div class="pack-grid__images"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-34_48x%EF%B9%96v=1612877288.png" srcset="cdn/shop/products/aba-cover-34_48x%EF%B9%96v=1612877288.png 48w, cdn/shop/products/aba-cover-34_34x@3x%EF%B9%96v=1612877288.png 102w, cdn/shop/products/aba-cover-34_48x@3x%EF%B9%96v=1612877288.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Sustainable Web Design" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-39_48x%EF%B9%96v=1631895052.png" srcset="cdn/shop/products/aba-cover-39_48x%EF%B9%96v=1631895052.png 48w, cdn/shop/products/aba-cover-39_34x@3x%EF%B9%96v=1631895052.png 102w, cdn/shop/products/aba-cover-39_48x@3x%EF%B9%96v=1631895052.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Responsible JavaScript" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-28_48x%EF%B9%96v=1539110429.png" srcset="cdn/shop/products/aba-cover-28_48x%EF%B9%96v=1539110429.png 48w, cdn/shop/products/aba-cover-28_34x@3x%EF%B9%96v=1539110429.png 102w, cdn/shop/products/aba-cover-28_48x@3x%EF%B9%96v=1539110429.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Progressive Web Apps" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/ABA-cover-13_48x%EF%B9%96v=1463456319.png" srcset="cdn/shop/products/ABA-cover-13_48x%EF%B9%96v=1463456319.png 48w, cdn/shop/products/ABA-cover-13_34x@3x%EF%B9%96v=1463456319.png 102w, cdn/shop/products/ABA-cover-13_48x@3x%EF%B9%96v=1463456319.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Responsible Responsive Design" loading="lazy"> </div> <h3 class='pack-grid__title'><span>Sustainable Design</span></h3> <div class="pack-grid__text text"> <p><p>Make greener, more responsible design choices.</p></p> </div> </a> </li> <li class='grid__item small--c-1of3 medium--c-1of4'> <a class='pack-grid__item' href='/collections/human-centered-design'> <div class="pack-grid__images"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-44_48x%EF%B9%96v=1677444687.png" srcset="cdn/shop/products/aba-cover-44_48x%EF%B9%96v=1677444687.png 48w, cdn/shop/products/aba-cover-44_34x@3x%EF%B9%96v=1677444687.png 102w, cdn/shop/products/aba-cover-44_48x@3x%EF%B9%96v=1677444687.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Immersive Content and Usability" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-38_48x%EF%B9%96v=1631577212.png" srcset="cdn/shop/products/aba-cover-38_48x%EF%B9%96v=1631577212.png 48w, cdn/shop/products/aba-cover-38_34x@3x%EF%B9%96v=1631577212.png 102w, cdn/shop/products/aba-cover-38_48x@3x%EF%B9%96v=1631577212.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="SEO for Everyone" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-36_48x%EF%B9%96v=1624367811.png" srcset="cdn/shop/products/aba-cover-36_48x%EF%B9%96v=1624367811.png 48w, cdn/shop/products/aba-cover-36_34x@3x%EF%B9%96v=1624367811.png 102w, cdn/shop/products/aba-cover-36_48x@3x%EF%B9%96v=1624367811.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Voice Content and Usability" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-35_48x%EF%B9%96v=1620734690.png" srcset="cdn/shop/products/aba-cover-35_48x%EF%B9%96v=1620734690.png 48w, cdn/shop/products/aba-cover-35_34x@3x%EF%B9%96v=1620734690.png 102w, cdn/shop/products/aba-cover-35_48x@3x%EF%B9%96v=1620734690.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Better Onboarding" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-25_48x%EF%B9%96v=1568998273.png" srcset="cdn/shop/products/aba-cover-25_48x%EF%B9%96v=1568998273.png 48w, cdn/shop/products/aba-cover-25_34x@3x%EF%B9%96v=1568998273.png 102w, cdn/shop/products/aba-cover-25_48x@3x%EF%B9%96v=1568998273.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Conversational Design" loading="lazy"> </div> <h3 class='pack-grid__title'><span>Human-Centered Design</span></h3> <div class="pack-grid__text text"> <p>Better serve the humans using your products.<br></p> </div> </a> </li> <li class='grid__item small--c-1of3 medium--c-1of4'> <a class='pack-grid__item' href='/collections/content-strategy'> <div class="pack-grid__images"> <img class="pack-grid__image" src="cdn/shop/files/aba-cover-46_48x%EF%B9%96v=1686232747.png" srcset="cdn/shop/files/aba-cover-46_48x%EF%B9%96v=1686232747.png 48w, cdn/shop/files/aba-cover-46_34x@3x%EF%B9%96v=1686232747.png 102w, cdn/shop/files/aba-cover-46_48x@3x%EF%B9%96v=1686232747.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Design by Definition" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-44_48x%EF%B9%96v=1677444687.png" srcset="cdn/shop/products/aba-cover-44_48x%EF%B9%96v=1677444687.png 48w, cdn/shop/products/aba-cover-44_34x@3x%EF%B9%96v=1677444687.png 102w, cdn/shop/products/aba-cover-44_48x@3x%EF%B9%96v=1677444687.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Immersive Content and Usability" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-briefs-cover-12_48x%EF%B9%96v=1615498303.png" srcset="cdn/shop/products/aba-briefs-cover-12_48x%EF%B9%96v=1615498303.png 48w, cdn/shop/products/aba-briefs-cover-12_34x@3x%EF%B9%96v=1615498303.png 102w, cdn/shop/products/aba-briefs-cover-12_48x@3x%EF%B9%96v=1615498303.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Cultivating Content Design" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-41_48x%EF%B9%96v=1644089034.png" srcset="cdn/shop/products/aba-cover-41_48x%EF%B9%96v=1644089034.png 48w, cdn/shop/products/aba-cover-41_34x@3x%EF%B9%96v=1644089034.png 102w, cdn/shop/products/aba-cover-41_48x@3x%EF%B9%96v=1644089034.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Leading Content Design" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-briefs-cover-9-proof_48x%EF%B9%96v=1538442861.png" srcset="cdn/shop/products/aba-briefs-cover-9-proof_48x%EF%B9%96v=1538442861.png 48w, cdn/shop/products/aba-briefs-cover-9-proof_34x@3x%EF%B9%96v=1538442861.png 102w, cdn/shop/products/aba-briefs-cover-9-proof_48x@3x%EF%B9%96v=1538442861.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Writing for Designers" loading="lazy"> </div> <h3 class='pack-grid__title'><span>Content Strategy</span></h3> <div class="pack-grid__text text"> <p><p>Corral your content strategy.</p></p> </div> </a> </li> <li class='grid__item small--c-1of3 medium--c-1of4'> <a class='pack-grid__item' href='/collections/design-process'> <div class="pack-grid__images"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-32_48x%EF%B9%96v=1579299269.png" srcset="cdn/shop/products/aba-cover-32_48x%EF%B9%96v=1579299269.png 48w, cdn/shop/products/aba-cover-32_34x@3x%EF%B9%96v=1579299269.png 102w, cdn/shop/products/aba-cover-32_48x@3x%EF%B9%96v=1579299269.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Cross-Cultural Design" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-31_48x%EF%B9%96v=1569338957.png" srcset="cdn/shop/products/aba-cover-31_48x%EF%B9%96v=1569338957.png 48w, cdn/shop/products/aba-cover-31_34x@3x%EF%B9%96v=1569338957.png 102w, cdn/shop/products/aba-cover-31_48x@3x%EF%B9%96v=1569338957.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Expressive Design Systems" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-9_79501104-2661-498a-8fbe-82ef22bb94b6_48x%EF%B9%96v=1571760863.png" srcset="cdn/shop/products/aba-cover-9_79501104-2661-498a-8fbe-82ef22bb94b6_48x%EF%B9%96v=1571760863.png 48w, cdn/shop/products/aba-cover-9_79501104-2661-498a-8fbe-82ef22bb94b6_34x@3x%EF%B9%96v=1571760863.png 102w, cdn/shop/products/aba-cover-9_79501104-2661-498a-8fbe-82ef22bb94b6_48x@3x%EF%B9%96v=1571760863.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Just Enough Research" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-22_48x%EF%B9%96v=1484930189.png" srcset="cdn/shop/products/aba-cover-22_48x%EF%B9%96v=1484930189.png 48w, cdn/shop/products/aba-cover-22_34x@3x%EF%B9%96v=1484930189.png 102w, cdn/shop/products/aba-cover-22_48x@3x%EF%B9%96v=1484930189.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Practical Design Discovery" loading="lazy"> </div> <h3 class='pack-grid__title'><span>Design Process</span></h3> <div class="pack-grid__text text"> <p>Your design process, advanced.</p> </div> </a> </li> <li class='grid__item small--c-1of3 medium--c-1of4'> <a class='pack-grid__item' href='/collections/design-business'> <div class="pack-grid__images"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-43_48x%EF%B9%96v=1666635531.png" srcset="cdn/shop/products/aba-cover-43_48x%EF%B9%96v=1666635531.png 48w, cdn/shop/products/aba-cover-43_34x@3x%EF%B9%96v=1666635531.png 102w, cdn/shop/products/aba-cover-43_48x@3x%EF%B9%96v=1666635531.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="The Business of UX Writing" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-briefs-cover-11_48x%EF%B9%96v=1603205699.png" srcset="cdn/shop/products/aba-briefs-cover-11_48x%EF%B9%96v=1603205699.png 48w, cdn/shop/products/aba-briefs-cover-11_34x@3x%EF%B9%96v=1603205699.png 102w, cdn/shop/products/aba-briefs-cover-11_48x@3x%EF%B9%96v=1603205699.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Presenting Design Work" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-22_48x%EF%B9%96v=1484930189.png" srcset="cdn/shop/products/aba-cover-22_48x%EF%B9%96v=1484930189.png 48w, cdn/shop/products/aba-cover-22_34x@3x%EF%B9%96v=1484930189.png 102w, cdn/shop/products/aba-cover-22_48x@3x%EF%B9%96v=1484930189.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Practical Design Discovery" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-briefs-cover-2_e2cffe7f-4250-4c3c-8474-b61c4305209d_48x%EF%B9%96v=1549835395.png" srcset="cdn/shop/products/aba-briefs-cover-2_e2cffe7f-4250-4c3c-8474-b61c4305209d_48x%EF%B9%96v=1549835395.png 48w, cdn/shop/products/aba-briefs-cover-2_e2cffe7f-4250-4c3c-8474-b61c4305209d_34x@3x%EF%B9%96v=1549835395.png 102w, cdn/shop/products/aba-briefs-cover-2_e2cffe7f-4250-4c3c-8474-b61c4305209d_48x@3x%EF%B9%96v=1549835395.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Pricing Design" loading="lazy"> </div> <h3 class='pack-grid__title'><span>Design Business</span></h3> <div class="pack-grid__text text"> <p>Manage, sell, and buy design like a pro.</p> </div> </a> </li> </ul><div class="section__link-all"><a class='section__link section__link--bold' href='/collections'>All <span>Packs</span> <svg viewBox="0 0 16 15" width="16" height="15" xmlns="http://www.w3.org/2000/svg"><path d="M15.4 7.3V7L7.7 0a.6.6 0 0 0-.8 1l6.3 5.8H1a.6.6 0 0 0 0 1.2h12.2L7 14a.6.6 0 1 0 .8 1l7.5-7a.7.7 0 0 0 .2-.3.6.6 0 0 0 0-.3z"/></svg></a></div></div> </section> </div> <section class='section section--center section--border-top'> <div class="container"> <div class="section__head"> <h2 class="section__title section__title--large"> Gear </h2> </div> <ul class='book-grid grid'> <li class="grid__item small--c-1of3"> <a class='book-grid__item' href='/products/mug'> <img src="cdn/shop/products/aba-mug-coffee-header-WEB_212x%EF%B9%96v=1585860325.jpg" srcset="cdn/shop/products/aba-mug-coffee-header-WEB_112x%EF%B9%96v=1585860325.jpg 112w, cdn/shop/products/aba-mug-coffee-header-WEB_212x%EF%B9%96v=1585860325.jpg 212w, cdn/shop/products/aba-mug-coffee-header-WEB_112x@3x%EF%B9%96v=1585860325.jpg 336w, cdn/shop/products/aba-mug-coffee-header-WEB_160x@3x%EF%B9%96v=1585860325.jpg 480w, cdn/shop/products/aba-mug-coffee-header-WEB_212x@3x%EF%B9%96v=1585860325.jpg 636w" sizes="(min-width: 960px) 160px, (min-width: 769px) 112px, (min-width: 480px) 212px, 202px" alt="A Book Apart Mug" class="book-grid__img" loading="lazy"> <h3 class='book-grid__title'>A Book Apart Mug</h3> </a> </li> <li class="grid__item small--c-1of3"> <a class='book-grid__item' href='/products/book-cover-mug'> <img src="cdn/shop/products/aba-mug-group-3-hp-sq_212x%EF%B9%96v=1670341528.png" srcset="cdn/shop/products/aba-mug-group-3-hp-sq_112x%EF%B9%96v=1670341528.png 112w, cdn/shop/products/aba-mug-group-3-hp-sq_212x%EF%B9%96v=1670341528.png 212w, cdn/shop/products/aba-mug-group-3-hp-sq_112x@3x%EF%B9%96v=1670341528.png 336w, cdn/shop/products/aba-mug-group-3-hp-sq_160x@3x%EF%B9%96v=1670341528.png 480w, cdn/shop/products/aba-mug-group-3-hp-sq_212x@3x%EF%B9%96v=1670341528.png 636w" sizes="(min-width: 960px) 160px, (min-width: 769px) 112px, (min-width: 480px) 212px, 202px" alt="Book Cover Mug" class="book-grid__img" loading="lazy"> <h3 class='book-grid__title'>Book Cover Mug</h3> </a> </li> <li class="grid__item small--c-1of3"> <a class='book-grid__item' href='/products/tote-bag'> <img src="cdn/shop/products/tote-tagline-1x1_7a4c0232-7728-4f09-bd27-1fa50e7ee95c_212x%EF%B9%96v=1604953503.jpg" srcset="cdn/shop/products/tote-tagline-1x1_7a4c0232-7728-4f09-bd27-1fa50e7ee95c_112x%EF%B9%96v=1604953503.jpg 112w, cdn/shop/products/tote-tagline-1x1_7a4c0232-7728-4f09-bd27-1fa50e7ee95c_212x%EF%B9%96v=1604953503.jpg 212w, cdn/shop/products/tote-tagline-1x1_7a4c0232-7728-4f09-bd27-1fa50e7ee95c_112x@3x%EF%B9%96v=1604953503.jpg 336w, cdn/shop/products/tote-tagline-1x1_7a4c0232-7728-4f09-bd27-1fa50e7ee95c_160x@3x%EF%B9%96v=1604953503.jpg 480w, cdn/shop/products/tote-tagline-1x1_7a4c0232-7728-4f09-bd27-1fa50e7ee95c_212x@3x%EF%B9%96v=1604953503.jpg 636w" sizes="(min-width: 960px) 160px, (min-width: 769px) 112px, (min-width: 480px) 212px, 202px" alt="Tote Bag" class="book-grid__img" loading="lazy"> <h3 class='book-grid__title'>Tote Bag</h3> </a> </li> </ul><div class="section__link-all"> <a class='section__link section__link--bold' href='/collections/gear'>All <span>Gear</span> <svg viewBox="0 0 16 15" width="16" height="15" xmlns="http://www.w3.org/2000/svg"><path d="M15.4 7.3V7L7.7 0a.6.6 0 0 0-.8 1l6.3 5.8H1a.6.6 0 0 0 0 1.2h12.2L7 14a.6.6 0 1 0 .8 1l7.5-7a.7.7 0 0 0 .2-.3.6.6 0 0 0 0-.3z"/></svg></a> </div></div> </section> <section class="section section--border-top"> <!-- <div class="container"> <a href="/products/gift-card" class="hero hero--end" style="background-image: url('//abookapart.com/cdn/shop/products/gift-card-shop-page_1320x.progressive.jpg"> <div class="hero__container"> <h2 class="hero__title section__title section__title--white">Gift Cards</h2> </div> </a> </div> </section> --> </main> <footer role="contentinfo"> <div class="section section--close-top section--tan"> <div class="container"> <div class="site-footer grid"> <div class="grid__item medium--c-5of12"> <h3 class="site-footer__title">Newsletter</h3> <form action='' class="newsletter__form " method='post' target='_blank'> <div style="display: none;" aria-hidden="true"> <label for="website">Website</label><br /> <input type="text" id="website" name="website" tabindex="-1" autocomplete="false" value="" /> </div> <div class='newsletter__field-group'> <label for='newsletter-email'>Email<span> Address</span></label> <input class='email not-allowed' id='newsletter-email' name='fields[email]' type='email' value='' disabled /> <button class='btn--rounded not-allowed' type='submit' disabled>Subscribe</button> </div> </form> <p class="newsletter__note">By signing up, you agree to our <a href='/pages/privacy-policy'>Terms of Use</a>.</p> </div> <div class="grid__item small--c-1of3 medium--c-3of12"> <h3 class="site-footer__title">Follow Us</h3> <ul class="site-footer__nav site-footer__nav--social"> <li class="site-footer__item--icons"> <a href='http://twitter.com/abookapart'><svg viewBox="0 0 15 12" width="15" height="12" xmlns="http://www.w3.org/2000/svg"><title>Twitter</title><path d="M15 1.42a6.32 6.32 0 0 1-1.53 1.57v.4c0 4-3.09 8.61-8.75 8.61A8.77 8.77 0 0 1 0 10.77c.24.03.49.05.73.05 1.44 0 2.78-.61 3.82-1.44a3.06 3.06 0 0 1-2.87-2.1 3.25 3.25 0 0 0 1.4-.05A3.04 3.04 0 0 1 .6 4.26v-.04c.41.22.88.36 1.39.38A3 3 0 0 1 .62 2.09c0-.57.16-1.03.42-1.47a8.8 8.8 0 0 0 6.34 3.1 3.04 3.04 0 0 1 3-3.73c.89.01 1.69.39 2.26.97.7-.14 1.35-.4 1.94-.74-.22.7-.7 1.3-1.35 1.68A6.16 6.16 0 0 0 15 1.42z"/></svg>@abookapart on Twitter</a> </li> <li class="site-footer__item--icons"> <a href="http://instagram.com/abookapart"><svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><title>Instagram</title><path d="M8 0c2.17 0 2.45.01 3.3.05.85.04 1.43.17 1.94.37.53.2.97.48 1.42.92.44.45.72.9.92 1.42.2.5.33 1.09.37 1.94.04.85.05 1.13.05 3.3s-.01 2.45-.05 3.3a5.87 5.87 0 0 1-.37 1.94c-.2.53-.48.97-.92 1.42-.45.44-.9.72-1.42.92-.5.2-1.09.33-1.94.37-.85.04-1.13.05-3.3.05a56.3 56.3 0 0 1-3.3-.05 5.85 5.85 0 0 1-1.94-.37c-.53-.2-.97-.48-1.42-.92a3.9 3.9 0 0 1-.92-1.42c-.2-.5-.33-1.09-.37-1.94C0 10.45 0 10.17 0 8s.01-2.45.05-3.3c.04-.85.17-1.43.37-1.94.2-.53.48-.97.92-1.42.45-.44.9-.72 1.42-.92.5-.2 1.09-.33 1.94-.37C5.55 0 5.83 0 8 0m5.23 3.73a.96.96 0 1 0-1.92 0 .96.96 0 0 0 1.92 0M8 3.89a4.1 4.1 0 1 0 0 8.22 4.1 4.1 0 0 0 0-8.22m0 6.78a2.67 2.67 0 1 1 0-5.34 2.67 2.67 0 0 1 0 5.34"/></svg>@abookapart on Instagram</a> </li> <li class="site-footer__item--icons"> <a href="http://feeds.feedburner.com/a-book-apart"><svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><title>RSS</title><path d="M16 12.6c0 1.9-1.5 3.4-3.4 3.4H3.4A3.4 3.4 0 0 1 0 12.6V3.4C0 1.5 1.5 0 3.4 0h9.2C14.5 0 16 1.5 16 3.4v9.2zM4.3 13a1.4 1.4 0 1 0 0-2.8 1.4 1.4 0 0 0 0 2.8zm-1.5-5a5 5 0 0 1 5 5H10a7 7 0 0 0-7-7v2zm0-3.7c4.8 0 8.7 4 8.7 8.7h2c0-5.9-4.8-10.7-10.7-10.7v2z"/></svg>A Book Apart News RSS</a> </li> </ul> </div> <div class="grid__item small--c-1of3 medium--c-2of12"> <h3 class="site-footer__title">Shop</h3> <ul class="site-footer__nav"> <li> <a href='/collections/books' title='Books'>Books</a> </li> <li> <a href='/collections' title='Privacy Policy'>Starter Packs</a> </li> <li> <a href='/collections/gear' title='Gear'>Gear</a> </li> </ul> </div> <div class="grid__item small--c-1of3 medium--c-2of12"> <h3 class="site-footer__title">Company</h3> <ul class="site-footer__nav"> <li> <a href='/pages/help/' title='Help & Contact Us'>Help & Contact</a> </li> <li> <a href='pages/about/' title='About Us'>About Us</a> </li> <li> <a href='/pages/resources-for-authoring/' title='Resources for Authoring'>Resources for Authoring</a> </li> <!-- <li> <a href='/pages/join-our-editorial-team/' title='Join Our Editorial Team'>Join Our Editorial Team</a> </li> --> </ul> </div> </div> </div> </div> <div class="section section--close-top section--tan--dark"> <div class="container"> <div class="site-footer__legal"> <p class="site-credits">© Copyright <script>document.write(new Date().getFullYear())</script>, A Book Apart, LLC <a href='/pages/privacy-policy' title='Privacy Policy'>Privacy Policy</a></p> </div> </div> </div> </footer> </body> </html>