<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="google-site-verification" content="4Z0XnuPtcGIpIlbrslVJBmVEGuzeHYVdzFWCULKi5qU" />
    <title>ZURB - Product Design Company</title>
<meta name="description" content="ZURB is a product design company that helps organizations design better experiences through research-driven design strategy, interaction design, and branding.">
<meta name="keywords" content="design strategy, interaction design, design thinking, zurb, design">
<link rel="canonical" href="https://zurb.com">
<meta property="og:site_name" content="ZURB">
<meta property="og:type" content="website">
<meta property="og:title" content="ZURB">
<meta property="og:description" content="ZURB is a product design company that helps businesses create better experiences through research-driven design strategy, interaction design, and branding.">
<meta property="og:url" content="https://zurb.com">
<meta property="og:image" content="https://zurb.com/packs/media/zurb/img/home/space-circle-office-df6ffd4b40ed65206df3505bf1a92467.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@ZURB">
<meta name="twitter:title" content="ZURB">
<meta name="twitter:description" content="ZURB is a product design company that helps businesses create better experiences through research-driven design strategy, interaction design, and branding.">
<meta name="twitter:image" content="https://zurb.com/packs/media/zurb/img/home/space-circle-office-df6ffd4b40ed65206df3505bf1a92467.png">
    <meta name="format-detection" content="telephone=no">
    <link rel="icon" type="image/png" href="/packs/media/zurb/img/icons/favicon/favicon-16x16-0ad85147b9d8168cf2624aa32d1fd444.png" sizes="16x16" />
<link rel="icon" type="image/png" href="/packs/media/zurb/img/icons/favicon/favicon-32x32-772c74e42fea7adb53b018be2fd16e30.png" sizes="32x32" />

  <link rel="icon" type="image/png" href="/packs/media/zurb/img/icons/favicon/favicon-196x196-ba0d6e1eaeb446166c9f67fd78681b85.png" sizes="196x196" />
  <link rel="icon" type="image/png" href="/packs/media/zurb/img/icons/favicon/favicon-96x96-78fa6fdb9ee24447eec4a3f9b3dac2f0.png" sizes="96x96" />
  <link rel="icon" type="image/png" href="/packs/media/zurb/img/icons/favicon/favicon-128-1eccfa1337c35f93cd26483bebc10501.png" sizes="128x128" />

  <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="/packs/media/zurb/img/icons/favicon/apple-touch-icon-57x57-cb1add3424e6562ea8b6c93efd7478fe.png" sizes="57x57" />
  <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="/packs/media/zurb/img/icons/favicon/apple-touch-icon-114x114-391cb3735b87502df4d6c0a80ccd9b78.png" sizes="114x114" />
  <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="/packs/media/zurb/img/icons/favicon/apple-touch-icon-72x72-427d56b5166fbb27147a915c79c8cf47.png" sizes="72x72" />
  <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="/packs/media/zurb/img/icons/favicon/apple-touch-icon-144x144-d7ed28b4727967fb7fd20ab29b5d674c.png" sizes="144x144" />
  <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="/packs/media/zurb/img/icons/favicon/apple-touch-icon-60x60-c649ed35443b09cd50e11fea7ca28049.png" sizes="60x60" />
  <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="/packs/media/zurb/img/icons/favicon/apple-touch-icon-120x120-a6ce7ad128f3ed7a9356e77f93df5e74.png" sizes="120x120" />
  <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="/packs/media/zurb/img/icons/favicon/apple-touch-icon-76x76-522fc26df7f129691a65eb1bc1d8d83b.png" sizes="76x76" />
  <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="/packs/media/zurb/img/icons/favicon/apple-touch-icon-152x152-79ec228805d93ee7bc94232eba7736f2.png" sizes="152x152" />

  <meta name="msapplication-TileColor" content="#FFFFFF" />
  <meta name="msapplication-TileImage" content="mstile-144x144.png" />
  <meta name="msapplication-square70x70logo" content="mstile-70x70.png" />
  <meta name="msapplication-square150x150logo" content="mstile-150x150.png" />
  <meta name="msapplication-wide310x150logo" content="mstile-310x150.png" />
  <meta name="msapplication-square310x310logo" content="mstile-310x310.png" />


    <link rel="stylesheet" href="/assets/application-e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css" media="all" data-turbolinks-track="reload" />
    <link rel="stylesheet" href="/packs/css/application-f69b0d1d.css" media="screen" />
    <script src="/assets/application-6bdd5b5499f06658f7d616fbf56165f44313513d1b96d1986cfa7b1ede4b7a99.js" data-turbolinks-track="reload"></script>
    <script src="/packs/js/application-19ded489b79a258e5409.js"></script>
      <script type="text/javascript">
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-2195009-2', 'auto');
    ga('create', 'UA-2195009-54', 'auto', 'corporate');
    ga('create', 'UA-2195009-22', 'auto', 'blog');
    ga('create', 'UA-2195009-70', 'auto', 'helio');
  </script>

    <meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="Mh48NDWCIoggGFnrcW14fxEs4OUv3mR0-kvuz5XC3gDBlx9aAE2Oax_6IxLlHOkS-Vlsn16kyefYnNQfnVF32A" />
  </head>

  <body class="body-bg-color " >
    <div id='cow-dozer' class="cow-dozer">
      <?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 380 300" style="enable-background:new 0 0 380 300;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#634221;}
	.st1{fill:#FCC0E6;}
	.st2{fill:#613600;}
	.st3{fill:#211C18;}
</style>
<g>
	<g>
		<polyline class="st0" points="84.1,192.4 84.1,267.5 84.1,278.1 99.1,278.1 99.1,267.5 99.5,192.6 		"/>
		<polygon points="101.9,280.9 81.3,280.9 81.3,192.4 86.9,192.4 86.9,275.3 96.3,275.3 96.3,267.5 96.7,192.5 102.3,192.6 
			101.9,267.5 		"/>
	</g>
	<g>
		<rect x="83.8" y="259.7" width="15.3" height="5.6"/>
	</g>
	<g>
		<g>
			<path class="st1" d="M109.8,226.3c-36.2,0-43.4-24.4-43.6-25.4l-0.3-1.2L76.3,184H151v2.8c0,12.9-4.3,23.3-12.4,30.2
				C131.5,223.1,121.5,226.3,109.8,226.3z"/>
		</g>
		<g>
			<path d="M148.3,186.8c0,25.9-17.6,36.7-38.4,36.7c-34.5,0-41-23.4-41-23.4l8.9-13.3H148.3 M153.8,181.2h-5.6H77.8h-3l-1.7,2.5
				L64.2,197l-1.4,2.1l0.7,2.5c0.2,0.7,2.2,7.5,9,14.2c6.2,6.1,17.6,13.3,37.3,13.3c12.4,0,23-3.4,30.7-10
				c8.7-7.4,13.4-18.6,13.4-32.3V181.2L153.8,181.2z"/>
		</g>
	</g>
	<g>
		<path class="st1" d="M94.4,213.9l0,16.1v2c0,2.7,2.2,4.9,4.9,4.9h0c2.7,0,4.9-2.2,4.9-4.9V230l0.2-11.3"/>
		<path d="M99.4,239.7c-4.2,0-7.7-3.5-7.7-7.7l0-18.1l5.6,0l0,18.1c0,1.2,0.9,2.1,2.1,2.1c1.2,0,2.1-0.9,2.1-2.1V230l0.2-11.3
			l5.6,0.1L107,230l0,2C107,236.2,103.6,239.7,99.4,239.7z"/>
	</g>
	<g>
		<path class="st1" d="M122.1,215.9l0,11.1v2c0,2.7,2.2,4.9,4.9,4.9h0c2.7,0,4.9-2.2,4.9-4.9V227l0.2-13.9"/>
		<path d="M127,236.7c-4.2,0-7.7-3.5-7.7-7.7l0-13.2l5.6,0l0,13.2c0,1.2,0.9,2.1,2.1,2.1c1.2,0,2.1-0.9,2.1-2.1V227l0.2-13.9
			l5.6,0.1l-0.2,15.9C134.7,233.3,131.2,236.7,127,236.7z"/>
	</g>
	<g>
		<path class="st2" d="M256.9,265.2l-0.3-73.1c9.3-3.4,16.8-11.8,18.5-21.5l2.7-16.4c2.8-27.4,19.4-30,33-22.8l19.9,9.6
			c2,1.4,4.8,0.8,6.2-1.2l10.9-17.3c1.4-2,1.9-4.1-0.2-6.1l-33.9-37.7c2.7-0.5,5.3-1.6,7.4-3.5c3-2.6,5-6.6,5-10.6
			c0-3.4-0.4-10.9-0.6-14.3c-0.3-4.4-6.2-5.8-8.5-2.1c-1,1.6-0.8,3.7-0.9,5.5c-0.1,2-0.2,8.1-0.3,10.1c0-0.1,0-0.2,0-0.3
			c-0.2,2-1.6,3.6-3.7,3.7c-1.7,0.1-3.5-0.1-5.2-0.2c-1.9-0.1-3.8-0.1-5.7-0.2c-7.1-0.2-21.1,0.3-21,0.3c-0.2,0-1.6,0.1-2.6-0.5
			c-0.6-0.3-1-0.8-1.3-1.4c-0.6-1-0.6-2.3-0.7-3.4c-0.1-1.4-0.1-10.5-0.2-12c-0.2-2.2-0.2-4.7-2.3-6.1c-2-1.3-4.7-0.7-6,1.2
			c-1,1.4-0.9,3.5-1,5.1c-0.2,2-0.6,11.7-0.6,13.7c0,3,0.7,5.8,2.2,8.2H74.9c-0.9,0-1.8,0.1-2.7,0.2c-4.1,0.1-8.1,0.2-12.2,0.3
			c-3.7,0.1-7.5-0.1-11.1,0.5c-5,0.9-18.2,4.2-21,8.5c-3.6,5.3-5.9,10.9-5.8,17.1c0.3,12.9,0.6,25.9,1,38.8c0.2,8.5,0.4,17,0.6,25.4
			c0,0.2,0,0.4,0.1,0.5c-1.6,0.9-2.8,2.5-3,4.4l-4,21.5c-0.1,1.3,0.8,2.4,2.1,2.6c0.1,0,0.2,0,0.2,0l18.1-0.1c1.3-0.2,2.2-1.3,2-2.6
			L35,167.7c-0.2-1.9-1.3-3.5-2.9-4.3c0-0.2,0.1-0.3,0.1-0.5c0.1-2.8,0.1-5.5,0.2-8.2c0.3-14.8,1.5-29.7,3.2-44.4
			c0.7-6.3,0.5-14.5,3-20.4c1.9-4.7,7.3-4.8,11.7-5c0,0,0.1,0,0.1,0c0,0,0,0,0,0c1.2,0,1.6,1.2,1.5,2.4c-0.3,5.3-0.5,4.6-0.5,8.2
			l0,173.7v9.1h15.3l0-9.1l0-47l12.2-28.7c0.3-0.7,1-1.1,1.7-1.1l109.1,1.4c7.4-1.3,14.6-3.6,20.5-7.3c1.7-1.1,4,0.2,4,2.2l0,76.3
			v12.2h15.7v-11.9l-0.3-71.5h11.7l0,71.2v12.5h15.7V265.2z"/>
		<path d="M69.6,280.9H48.6l0-185.5c0-2.1,0.1-2.9,0.2-4c0.1-0.8,0.2-1.8,0.3-3.7c-4,0.2-6.9,0.7-8,3.3c-1.6,3.9-2,9-2.3,14
			c-0.1,2-0.3,3.8-0.5,5.6c-1.8,15.1-2.8,30-3.1,44.2c-0.1,2.4-0.1,4.9-0.2,7.3c1.5,1.4,2.6,3.2,2.8,5.3l4.3,21.6
			c0.3,2.8-1.7,5.3-4.5,5.6l-0.3,0l-18.1,0.1c-0.2,0-0.4,0-0.6,0c-1.3-0.2-2.5-0.8-3.4-1.9c-0.9-1.1-1.3-2.4-1.1-3.8l0-0.2l3.9-21.4
			c0.2-2.1,1.3-4,2.9-5.4l-0.6-24.5c-0.3-12.9-0.6-25.9-1-38.8c-0.1-6.1,1.8-12.1,6.3-18.7c4-6,20.9-9.3,22.8-9.7
			c2.9-0.5,5.9-0.6,8.7-0.6c0.9,0,1.9,0,2.8,0c2.7-0.1,5.5-0.1,8.2-0.2l3.9-0.1c1-0.1,2-0.2,2.9-0.2h188.3c-0.5-1.8-0.8-3.6-0.7-5.5
			c0-2,0.4-11.8,0.6-13.9c0-0.3,0-0.6,0.1-0.9c0.1-1.7,0.2-3.7,1.4-5.5c2.2-3.2,6.6-4.1,9.8-2c3.1,2,3.3,5.3,3.5,7.5l0.1,0.7
			c0.1,0.8,0.1,3,0.1,6.5c0,2.2,0.1,4.9,0.1,5.5c0,0.2,0,0.5,0,0.8c0,0.4,0.1,1.2,0.2,1.3l0.1,0.1c0.1,0.1,0.2,0.3,0.3,0.4
			c0.1,0.1,0.4,0.2,1.1,0.2l0.2,0l0,0c0.6-0.1,1.4-0.1,2.2-0.1c1.4,0,3.4-0.1,5.6-0.1c4-0.1,9.6-0.2,13.3,0c1.4,0,2.7,0.1,4.1,0.1
			l1.7,0.1c0.6,0,1.2,0.1,1.8,0.1c1.1,0.1,2.2,0.1,3.2,0.1c0.8,0,1-0.8,1.1-1.2c0-0.7,0.1-1.8,0.1-3c0.1-2.5,0.1-5.4,0.2-6.8
			c0-0.3,0-0.7,0-1c0-1.7,0.1-3.9,1.3-5.8c1.7-2.7,4.9-4,8.1-3.2c3.2,0.8,5.4,3.4,5.6,6.6c0.2,3.6,0.6,11.1,0.6,14.5
			c0,4.7-2.2,9.4-5.9,12.7c-1.3,1.1-2.7,2-4.3,2.8l30.9,34.4c1.9,1.9,3.5,5.1,0.5,9.6l-10.9,17.2c-2.2,3.3-6.6,4.2-9.9,2.2
			l-19.8-9.6c-6.7-3.5-13.3-4-18.2-1.4c-5.9,3.1-9.6,10.8-10.7,22l0,0.2l-2.7,16.4c-1.6,9.9-8.8,18.7-18.4,22.9l0.3,71.2v15h-21.2
			v-83.7h-6.1l0.3,68.7v14.7h-21.2v-91c-5.8,3.6-13,6.1-21.3,7.5l-0.2,0l-0.3,0l-108.4-1.4l-11.7,27.5l0,46.4L69.6,280.9z
			 M54.2,275.3H64l0-6.3l0-47.5l12.4-29.2c0.7-1.7,2.5-2.9,4.3-2.8l108.8,1.4c7.5-1.3,14.2-3.7,19.3-6.9c1.7-1,3.8-1.1,5.5-0.1
			c1.7,1,2.8,2.8,2.8,4.7v85.7h10.1v-9.1l-0.3-74.3h17.3v83.7h10.1v-9.4l-0.3-75.1l1.8-0.7c8.6-3.1,15.3-10.9,16.7-19.4l2.7-16.3
			c1.7-16.6,8.4-23.5,13.6-26.3c6.5-3.5,15-3,23.3,1.3l20.2,9.8c0.8,0.5,1.8,0.3,2.3-0.5l10.9-17.2c1.2-1.7,0.8-2,0.2-2.6l-0.1-0.1
			l-37.2-41.4l5-0.9c2.3-0.4,4.4-1.4,6-2.8c2.5-2.2,4-5.5,4-8.5c0-3.3-0.4-10.7-0.6-14.1c-0.1-1.2-1.1-1.5-1.4-1.6
			c-0.3-0.1-1.4-0.3-2,0.7c-0.4,0.6-0.4,1.9-0.4,3c0,0.4,0,0.8,0,1.2c-0.1,1.2-0.2,4.2-0.2,6.5c0,1.4-0.1,2.6-0.1,3.3
			c0,0.1,0,0.2,0,0.2l0,0c-0.4,3.4-3,5.9-6.4,6c-1.3,0-2.5,0-3.7-0.1c-0.6,0-1.1-0.1-1.7-0.1l-1.7-0.1c-1.3,0-2.7-0.1-4-0.1
			c-5.1-0.2-13.7,0-18.1,0.2v0.1l-2.8,0c-0.6,0-2.4,0-4-0.9c-0.9-0.5-1.7-1.3-2.3-2.4c-0.9-1.4-1-2.9-1-4c0-0.2,0-0.4,0-0.6
			c-0.1-0.7-0.1-2.7-0.1-5.9c0-2.3-0.1-5.4-0.1-6.1l-0.1-0.7c-0.1-1.9-0.3-2.8-0.9-3.2c-0.7-0.5-1.7-0.2-2.2,0.5
			c-0.4,0.5-0.4,1.7-0.5,2.7c0,0.4,0,0.7-0.1,1.1c-0.2,1.8-0.5,11.4-0.6,13.4c0,2.4,0.6,4.8,1.8,6.8l2.6,4.2H74.9
			c-0.8,0-1.6,0-2.4,0.1l-0.3,0l-4,0.1c-2.7,0.1-5.5,0.1-8.2,0.2c-1,0-2,0-2.9,0c-2.7,0-5.3,0-7.7,0.5c-7.9,1.5-17.5,4.8-19.2,7.3
			c-3.7,5.6-5.4,10.6-5.3,15.5c0.3,12.9,0.6,25.9,1,38.8l0.6,25.5l0.4,2l-1.8,0.9c-0.8,0.4-1.4,1.3-1.5,2.2l0,0.2L19.7,189l16.7-0.1
			L32.2,168c-0.1-0.9-0.6-1.7-1.5-2.2l-1.7-0.9l0.3-2.1c0.1-2.7,0.1-5.5,0.2-8.2c0.3-14.4,1.4-29.4,3.2-44.7
			c0.2-1.7,0.3-3.5,0.5-5.4c0.4-5.2,0.8-11.1,2.7-15.8c2.6-6.2,9.4-6.5,13.9-6.7l0.2,0c0.1,0,0.2,0,0.4,0c1.2,0,2.2,0.5,3,1.3
			c0.6,0.7,1.4,1.9,1.2,4.1c-0.1,2.4-0.2,3.6-0.3,4.5c-0.1,1.1-0.2,1.7-0.2,3.5L54.2,275.3z M80.6,195.1
			C80.6,195.1,80.6,195.1,80.6,195.1L80.6,195.1z M49.1,86.7L49.1,86.7L49.1,86.7z"/>
	</g>
	<g>
		<rect x="51.4" y="259.7" width="15.3" height="5.6"/>
	</g>
	<g>
		<rect x="213.1" y="259.7" width="15.3" height="5.6"/>
	</g>
	<g>
		<rect x="240.2" y="259.7" width="15.3" height="5.6"/>
	</g>
	<g>
		<rect x="314.7" y="120.2" transform="matrix(0.5999 -0.8001 0.8001 0.5999 34.2162 314.3841)" width="33.5" height="5.6"/>
	</g>
	<g>
		<path d="M302.1,106.1c-3.3,0-5.8-0.9-7.3-2.7c-1.7-2-1.4-4.3-1.3-4.7l5.5,1c0,0,0,0,0-0.1c0,0.1,0,0.2,0.1,0.3
			c0.3,0.3,1.3,0.7,3,0.7c2,0,2.5-0.5,2.5-0.5c-0.5-1.5,0.2-3,1.7-3.5c1.4-0.5,3,0.3,3.5,1.7c0.4,1.3,0.5,3.3-0.7,5.1
			C307.9,105.1,305.5,106.1,302.1,106.1z"/>
	</g>
	<g>
		<path d="M359.5,85.7H349c-0.8,0-1.6-0.5-2-1.2c-0.4-0.7-0.4-1.6,0-2.3l6.3-10.4h-5c-1.3,0-2.3-1-2.3-2.3s1-2.3,2.3-2.3h9.1
			c0.8,0,1.6,0.5,2,1.2c0.4,0.7,0.4,1.6,0,2.3L353.1,81h6.4c1.3,0,2.3,1,2.3,2.3S360.8,85.7,359.5,85.7z"/>
	</g>
	<g>
		<path d="M371.7,60.1h-7.3c-0.8,0-1.6-0.5-2-1.2c-0.4-0.7-0.4-1.6,0-2.3l3.7-6.2h-2.2c-1.3,0-2.3-1-2.3-2.3s1-2.3,2.3-2.3h6.3
			c0.8,0,1.6,0.5,2,1.2c0.4,0.7,0.4,1.6,0,2.3l-3.7,6.2h3.2c1.3,0,2.3,1,2.3,2.3C374,59,373,60.1,371.7,60.1z"/>
	</g>
	<g>
		<path d="M359.4,37.8h-6.2c-0.9,0-1.7-0.5-2.1-1.3c-0.4-0.8-0.3-1.7,0.2-2.4l2.4-3.3c-1.3,0-2.3-1.1-2.3-2.3c0-1.3,1-2.3,2.3-2.3
			h4.5c0.9,0,1.7,0.5,2.1,1.3c0.4,0.8,0.3,1.7-0.2,2.4l-2.4,3.3h1.6c1.3,0,2.3,1,2.3,2.3C361.7,36.7,360.7,37.8,359.4,37.8z"/>
	</g>
	<g>
		<rect x="51.8" y="263.7" class="st3" width="14.9" height="14.9"/>
		<path d="M69.4,281.3H49v-20.5h20.5V281.3z M54.5,275.8h9.3v-9.3h-9.3V275.8z"/>
	</g>
	<g>
		<rect x="84.3" y="263.7" class="st3" width="14.9" height="14.9"/>
		<path d="M102,281.3H81.5v-20.5H102V281.3z M87.1,275.8h9.3v-9.3h-9.3V275.8z"/>
	</g>
	<g>
		<rect x="214.5" y="261.8" class="st3" width="14.9" height="14.9"/>
		<path d="M232.1,279.5h-20.5V259h20.5V279.5z M217.2,273.9h9.3v-9.3h-9.3V273.9z"/>
	</g>
	<g>
		<rect x="242.3" y="261.8" class="st3" width="14.9" height="14.9"/>
		<path d="M260,279.5h-20.5V259H260V279.5z M245.1,273.9h9.3v-9.3h-9.3V273.9z"/>
	</g>
</g>
</svg>


    </div>

      <nav class="homepage-header column">
  <div class="row">
    <div class="small-12 medium-10 columns small-centered">
      <div class="homepage-header-left">
        <a class="homepage-header-logo" href="/">
          <?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="100px" height="17px" viewBox="0 0 100 17" style="enable-background:new 0 0 100 17;" xml:space="preserve">
<style type="text/css">
	.zurb-logo-color{fill:#FFFFFF;}
</style>
<g id="Page-2">
	<g id="zurb-logo" transform="translate(0.000000, 0.500000)">
		<path id="Fill-1" class="zurb-logo-color" d="M69.4,5.7c0,0.2-0.2,0.4-0.4,0.4h-1.7v0H55.9v-2l12.4,0v0c0,0,0,0,0,0c0.6,0,1,0.5,1.1,1V5.7
			L69.4,5.7z M72.6,1.2C71.7,0.4,70.6,0,69.4,0H52.6c-0.7,0-1.2,0.6-1.2,1.2v15.1l3.4,0c0.6-0.1,1-0.5,1.1-1.1v-5.1l12.2,0
			c0.7,0,1.3,0.5,1.3,1.1v3.9c0,0,0,0.1,0,0.1v0.9h3.2v0h0.1c0.6,0,1.1-0.5,1.2-1.2v-2.9c0-1.2-0.5-2.2-1.5-3.1
			c1-0.8,1.5-1.8,1.5-3.1v-2C73.9,3,73.5,2,72.6,1.2L72.6,1.2z M95.1,11.9c0,0.2-0.2,0.4-0.4,0.4h-2.9c0,0,0,0,0,0h-10v-2
			c0,0,12.3,0,12.4,0c0.6,0,1,0.4,1.1,1V11.9L95.1,11.9z M81.7,4.1h5.6c0,0,0,0,0,0h3.3v0c0,0,0,0,0,0c0.6,0,1.1,0.5,1.1,1h0v0.6
			c0,0.2-0.2,0.4-0.4,0.4h-4c0,0,0,0,0,0h-5.6V4.1L81.7,4.1z M98.3,7c-0.3-0.2-0.5-0.4-0.9-0.6c-0.4-0.2-0.9-0.2-1.4-0.3v-2
			c0-1.1-0.4-2.1-1.3-2.9C93.9,0.4,92.9,0,91.6,0H78.4v0c-0.7,0-1.2,0.6-1.2,1.2v15.1h18c1.2,0,2.3-0.4,3.2-1.2
			c0.9-0.8,1.3-1.8,1.3-2.9v-2C99.6,9,99.2,7.8,98.3,7L98.3,7z M44.9,0c-0.6,0-1.2,0.5-1.2,1.2l0,9.9c0,0.7-0.6,1.2-1.3,1.2
			c0,0-8.3,0-11,0c-0.7,0-1.2-0.6-1.2-1.2h0V0h-3.3v0c-0.6,0-1.1,0.4-1.2,1v11.3c0,1.1,0.4,2.1,1.3,2.9c0.9,0.8,1.9,1.2,3.2,1.2
			h13.5c1.2,0,2.3-0.4,3.2-1.2c0.9-0.8,1.3-1.8,1.3-2.9V0L44.9,0L44.9,0L44.9,0z M21.6,6.5c0.6-0.7,0.9-1.5,0.9-2.5
			c0-1.1-0.4-2.1-1.3-2.9C20.3,0.4,19.2,0,18,0H1C0.4,0.1,0,0.6,0,1.2v2.9h17.9L3.2,8.3C2.2,8.6,1.5,9.1,0.9,9.8
			C0.3,10.5,0,11.3,0,12.2c0,1.1,0.4,2.1,1.3,2.9c0.9,0.8,1.9,1.2,3.2,1.2l16.9,0c0.6-0.1,1-0.5,1.1-1.1v-3h-18L19.3,8
			C20.2,7.7,21,7.2,21.6,6.5L21.6,6.5z"/>
	</g>
</g>
</svg>

        </a>
      </div>
      <div class="homepage-header-right">
        <a href="#contact" class="homepage-header-contact button hollow secondary light no-underline">
          Contact Us
        </a>
      </div>
    </div>
  </div>
</nav>


    

    <!-- Hero Section with Particles Animation -->
<section class="row expanded intro">
  <div class="column">
    <div class="row homepage-section pb-0 hero align-center">
      <div class="small-12 medium-10 columns small-centered">
        <h1 class="homepage-title intro">Design that works</h1>
        <p class="homepage-subtitle intro xlarge-text">Turn ideas into outcomes you can measure.</p>
        <p class="homepage-section-desc light large-text">For over 25 years, ZURB has partnered with ambitious teams to turn bold ideas into measurable progress. We use design to uncover clarity, drive growth, and solve the problems that hold teams back. → <a href="#contact" class="text-link light">Get a free web audit</a></p>
      </div>
    </div>
  </div>
  <div class="particles-stage" id="particles-js"></div>
</section>

<!-- Featured Case Study Section -->
<section class="homepage-section-featured homepage-section">
  <div class="row">
    <div class="small-12 medium-10 column small-centered">
      <div class="featured-case-study-carousel orbit" role="region" aria-label="Featured Case Studies" data-orbit data-options="timerDelay:6000; autoPlay:true; infiniteWrap:true; animInFromLeft:fade-in; animInFromRight:fade-in; animOutToLeft:fade-out; animOutToRight:fade-out;">
        <div class="orbit-wrapper">
          <ul class="orbit-container">
          <!-- University of Oregon -->
          <li class="is-active orbit-slide">
            <div class="featured-case-study-inner">
              <div class="featured-case-study-card">
                <div class="featured-case-study-image">
                  <img alt="University of Oregon" src="/packs/media/zurb/img/home/university-oregon-4d80c0d98ede4910ec5bc7967eb1a8ae.png" />
                </div>
              </div>
              <div class="featured-case-study-content">
                <h2 class="featured-case-study-title">University of Oregon</h2>
                <div class="featured-case-study-content-inner">
                  <p class="featured-case-study-description">The primary objective of this project is to redesign and enhance the University of Oregon's homepage to better serve key audiences, improve navigation, and optimize engagement.</p>
                  <div class="featured-case-study-metrics">
                    <div class="metric">
                      <span class="metric-label">28% higher engagement with target KPI's</span>
                    </div>
                    <div class="metric">
                      <span class="metric-label">39% increase in positive impressions over baseline experience</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <!-- Indiana University Online -->
          <li class="orbit-slide">
            <div class="featured-case-study-inner">
              <div class="featured-case-study-card">
                <div class="featured-case-study-image">
                  <img alt="Indiana University Online" src="/packs/media/zurb/img/home/indiana-university-online-e21290d5d8d3cfc80f596884b79a1b5f.png" />
                </div>
              </div>
              <div class="featured-case-study-content">
                <h2 class="featured-case-study-title">Indiana University Online</h2>
                <div class="featured-case-study-content-inner">
                  <p class="featured-case-study-description">We helped IU Online assess their site, understand user needs, and identify opportunities to improve clarity and performance. The work led to new concepts and prototypes built with the Rivet design system to better showcase their programs.</p>
                  <div class="featured-case-study-metrics">
                    <div class="metric">
                      <span class="metric-label">Applications on the IU Online site increased by over 30%</span>
                    </div>
                    <div class="metric">
                      <span class="metric-label">Pages views increased by 39% while engagement increased by 80%</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <!-- Hulu Press -->
          <li class="orbit-slide">
            <div class="featured-case-study-inner">
              <div class="featured-case-study-card">
                <div class="featured-case-study-image">
                  <img alt="Hulu Press" src="/packs/media/zurb/img/home/hulu-press-76b8459ae16053ef5f7a8e59184a9c17.png" />
                </div>
              </div>
              <div class="featured-case-study-content">
                <h2 class="featured-case-study-title">Hulu Press</h2>
                <div class="featured-case-study-content-inner">
                  <p class="featured-case-study-description">Delivered a complete redesign of the Hulu Press site along with a new CMS that simplified publishing and content management. The updated experience improved navigation, highlighted priority shows, and supported faster, more accurate press workflows.</p>
                  <div class="featured-case-study-metrics">
                    <div class="metric">
                      <span class="metric-label">Improved all usability scores across all primary actions to over 90%</span>
                    </div>
                    <div class="metric">
                      <span class="metric-label">Improved the overall sentiment by 75% across homepage variations</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <!-- Xurrent Rebrand -->
          <li class="orbit-slide">
            <div class="featured-case-study-inner">
              <div class="featured-case-study-card">
                <div class="featured-case-study-image">
                  <img alt="Xurrent Rebrand" src="/packs/media/zurb/img/home/xurrent-rebrand-0964ca6ca03e889bebf21cf1c38b939a.png" />
                </div>
              </div>
              <div class="featured-case-study-content">
                <h2 class="featured-case-study-title">Xurrent Rebrand</h2>
                <div class="featured-case-study-content-inner">
                  <p class="featured-case-study-description">Created a new brand and website that improved clarity, usability, and credibility. Complex pages became easier to understand, core flows more intuitive, and the refreshed system unified how Xurrent tells its story.</p>
                  <div class="featured-case-study-metrics">
                    <div class="metric">
                      <span class="metric-label">Saw a 56% jump in positive sentiment on the homepage</span>
                    </div>
                    <div class="metric">
                      <span class="metric-label">Improved readability for complex technical pages by 28%</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
          </ul>
        </div>
        <div class="orbit-navigation">
          <button class="orbit-previous" aria-label="Previous Slide">
            <span class="show-for-sr">Previous Slide</span>
            <img alt="Previous" class="orbit-arrow-icon" src="/packs/media/zurb/img/lab/playground/orbit-arrow-left-3aa77d260f311319ae44521a491bae04.svg" />
          </button>
          <nav class="orbit-bullets">
            <button class="is-active" data-slide="0">
              <span class="show-for-sr">University of Oregon case study</span>
              <span class="show-for-sr" data-slide-active-label>Current Slide</span>
            </button>
            <button data-slide="1">
              <span class="show-for-sr">Indiana University Online case study</span>
            </button>
            <button data-slide="2">
              <span class="show-for-sr">Hulu Press case study</span>
            </button>
            <button data-slide="3">
              <span class="show-for-sr">Xurrent Rebrand case study</span>
            </button>
          </nav>
          <button class="orbit-next" aria-label="Next Slide">
            <span class="show-for-sr">Next Slide</span>
            <img alt="Next" class="orbit-arrow-icon" src="/packs/media/zurb/img/lab/playground/orbit-arrow-right-d142d7e13719f0357bcb0bcc671ba450.svg" />
          </button>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Client Logos Section -->
<div class="homepage-section-clients-container">
  <section class="homepage-section-clients homepage-section">
    <div class="row align-center">
      <div class="small-12 medium-10 column">
        <h2 class="homepage-section-title homepage-section-clients-title">We've helped 2500+ teams launch, learn, and lead.</h2>
        <div class="homepage-client-logos">
          <img class="client-logo" alt="Facebook" src="/packs/media/zurb/img/home/Facebook-f36481d7b41e0bb2ff9a6bd75752cfd6.svg" />
          <img class="client-logo" alt="Netflix" src="/packs/media/zurb/img/home/Netflix-7f41266586f6432e94103bed2c67a3d6.svg" />
          <img class="client-logo" alt="McAfee" src="/packs/media/zurb/img/home/McAfee-01eeb2037f4292a88de7f5640d6f09a9.svg" />
          <img class="client-logo sap-logo" alt="SAP" src="/packs/media/zurb/img/home/SAP-c1338b1c9587b21f4dad9c6ab5fc2edb.png" />
          <img class="client-logo" alt="Pure Storage" src="/packs/media/zurb/img/home/Pure%20Storage-2347d66ea4b8893d5ba9f1ead06ea409.svg" />
          <img class="client-logo" alt="Palo Alto Networks" src="/packs/media/zurb/img/home/paloalto-1e1a6bd0be29dcbd40c833a056655fa0.svg" />
        </div>
      </div>
    </div>
  </section>
</div>

<!-- Services Section -->
<section class="homepage-section-services homepage-section light">
  <div class="row">
    <div class="small-12 column text-center">
      <h2 class="homepage-section-title">From friction to forward motion</h2>
    </div>
    <div class="small-12 medium-10 column small-centered">
      <div class="row services-grid">
        <div class="small-12 medium-4 column service-column">
          <h3 class="service-title">AI Experience Design</h3>
          <ul class="service-list">
            <li>Map high-leverage use cases</li>
            <li>Prototype &amp; Evaluation flows</li>
            <li>Evaluate with user feedback loops</li>
          </ul>
        </div>
        <div class="small-12 medium-4 column service-column">
          <h3 class="service-title">Complex Websites</h3>
          <ul class="service-list">
            <li>Pages that users find easy to use</li>
            <li>Content and UX that convert</li>
            <li>Systems that scale workflows</li>
          </ul>
        </div>
        <div class="small-12 medium-4 column service-column">
          <h3 class="service-title">Product Innovation</h3>
          <ul class="service-list">
            <li>Iterative discovery and design</li>
            <li>Measure needs, intent and value</li>
            <li>Clear findings and decisions</li>
          </ul>
        </div>
      </div>
      <div class="row">
        <div class="small-12 column text-center">
          <p class="homepage-section-desc large-text">Let's uncover where design can move your business forward.</p>
          <a href="#contact" class="text-link large-text">Schedule your free web audit →</a>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Tools Section -->
<section class="homepage-section-tools homepage-section light">
  <div class="row">
    <div class="small-12 column text-center">
      <h2 class="homepage-section-title">Tools of the trade</h2>
    </div>
    <div class="tools-container">
      <div class="tools-grid">
        <a href="#contact" class="tool-column">
          <h3 class="tool-title">Design Jumps</h3>
          <p class="tool-description">Move from hunch to prototypes in less than a week.</p>
          <span class="text-link">Contact Us →</span>
        </a>
        <a href="https://glare.helio.app" class="tool-column">
          <h3 class="tool-title">UX Metrics</h3>
          <p class="tool-description">Measure intent, usefulness, and outcomes with UX metrics in Glare framework.</p>
          <span class="text-link">Check out Glare →</span>
        </a>
        <a href="/helio" class="tool-column">
          <h3 class="tool-title">Concept Testing</h3>
          <p class="tool-description">Validate UI, messaging, and ideas with Helio's rapid UX metrics and design signals.</p>
          <span class="text-link">View Helio →</span>
        </a>
        <a href="/blog" class="tool-column">
          <h3 class="tool-title">Our Ideas</h3>
          <p class="tool-description">Learn how ZURB combines design, data, and clarity to move teams forward.</p>
          <span class="text-link">View Blog →</span>
        </a>
      </div>
    </div>
  </div>
</section>

<!-- About Section -->
<div class="homepage-section-about-container">
  <section class="homepage-section-about homepage-section gray">
    <div class="row">
      <div class="small-12 medium-4 column">
        <div class="about-image">
          <img alt="ZURB team collaboration" src="/packs/media/zurb/img/home/space-circle-office-df6ffd4b40ed65206df3505bf1a92467.png" />
        </div>
      </div>
      <div class="small-12 medium-8 column">
        <h2 class="homepage-section-title">25 years of design momentum</h2>
        <p class="homepage-section-desc large-text">We've worked with some of the biggest names in tech, and coached hundreds of founders, teams, and leaders along the way. ZURB is driving the industry forward: from product jumps to UX metrics, we help teams adapt and thrive.</p>
        <a href="/about" class="text-link large-text">Our story →</a>
      </div>
    </div>
  </section>
</div>

<!-- Contact section will be rendered via @contact_footer in layout -->

    <span data-moo="eyJpdiI6IlBJZnJLMDlzRzhSL2RNcXZCSVZBd3c9PVxuIiwia2V5IjoiOXdlRzN4SzF6YWpkdnkyYlRsdWFldz09XG4ifQ=="/>
      <section id="contact" class="footer-contact cow-section">
<div class="overlay"></div>

  <div class="row align-center">
    <div class="small-12 column text-center">
      <h2 class="homepage-section-subtitle light">GET IN TOUCH</h2>
      <span class="homepage-section-subtitle-divider light small-centered"></span>
      <h2 class="homepage-section-title">Take Me to Your Leader</h2>
    </div>
    <div class="small-8 column text-center small-centered">
      <p class="homepage-section-desc light">Got a project you're excited about and think we can help? Contact Bryan at <a class="text-link light" href="mailto:getstarted@zurb.com">getstarted@zurb.com</a></p>
    </div>
    <div class="small-11 medium-6 large-5 column footer-contact-form small-centered" style="position:relative;">
      <form id="leadForm">
        <div class="row">
          <div class="small-6 column">
            <label for="leadName">Name</label>
            <input type="text" required name="lead[name]" id="leadName" tabindex="3">
          </div>
          <div class="small-6 column">
            <label for="leadPhone">Phone Number</label>
            <input type="tel" required name="lead[phone]" id="leadPhone" tabindex="4" minlength="7">
          </div>
          <div class="small-6 column">
            <label for="leadCompany">Company</label>
            <input type="text" required name="lead[company]" id="leadCompany" tabindex="5">
          </div>
          <div class="small-6 column">
            <label for="leadEmail">Email Address</label>
            <input type="email" required name="lead[email]" id="leadEmail" tabindex="6">
          </div>
          <div class="small-12 column">
            <label for="fieldName">How Can We Help?</label>
            <textarea name="lead[message]" id="fieldName" tabindex="7" rows="4"></textarea>
          </div>
          <div class="small-12 column form-contact-form-button">
            <button id="beamButton" type="submit" class="primary expanded light large button beam-button" tabindex="8">Beam Me Up</button>
          </div>
        </div>
      </form>
    </div>
    <div class="beam"></div>
    <?xml version="1.0" encoding="UTF-8"?>
<svg id="the-cow" class="cow" width="48px" height="35px" viewBox="0 0 48 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 44 (41411) - http://www.bohemiancoding.com/sketch -->
    <title>Fill 1</title>
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Page-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Artboard" transform="translate(-642.000000, -238.000000)" fill="#545659">
            <path d="M689.436029,248.479881 L685.042029,243.591881 C685.273029,243.489881 685.484029,243.355881 685.668029,243.192881 C686.187029,242.732881 686.498029,242.067881 686.498029,241.413881 C686.498029,240.929881 686.446029,239.873881 686.411029,239.358881 C686.379029,238.913881 686.074029,238.555881 685.632029,238.446881 C685.189029,238.336881 684.751029,238.512881 684.517029,238.891881 C684.355029,239.152881 684.347029,239.453881 684.340029,239.694881 C684.339029,239.746881 684.337029,239.795881 684.334029,239.843881 C684.323029,240.028881 684.312029,240.434881 684.303029,240.792881 C684.299029,240.959881 684.295029,241.112881 684.291029,241.220881 C684.287029,241.268881 684.258029,241.406881 684.117029,241.411881 C683.975029,241.417881 683.825029,241.407881 683.665029,241.397881 C683.580029,241.392881 683.493029,241.387881 683.407029,241.384881 L683.172029,241.375881 C682.981029,241.368881 682.789029,241.361881 682.597029,241.355881 C682.069029,241.339881 681.284029,241.349881 680.718029,241.361881 C680.410029,241.367881 680.131029,241.375881 679.931029,241.381881 C679.817029,241.384881 679.714029,241.387881 679.625029,241.397881 L679.625029,241.391881 L679.601029,241.391881 C679.490029,241.393881 679.445029,241.374881 679.428029,241.365881 C679.412029,241.355881 679.394029,241.335881 679.376029,241.305881 L679.368029,241.291881 C679.348029,241.260881 679.343029,241.161881 679.339029,241.089881 C679.337029,241.053881 679.335029,241.017881 679.332029,240.983881 C679.326029,240.901881 679.322029,240.516881 679.318029,240.208881 C679.313029,239.708881 679.309029,239.398881 679.298029,239.289881 L679.290029,239.194881 C679.266029,238.868881 679.231029,238.422881 678.805029,238.152881 C678.358029,237.867881 677.751029,237.992881 677.452029,238.431881 C677.282029,238.680881 677.265029,238.970881 677.250029,239.203881 C677.248029,239.247881 677.246029,239.291881 677.242029,239.332881 C677.216029,239.625881 677.162029,241.008881 677.158029,241.292881 C677.154029,241.568881 677.192029,241.838881 677.269029,242.093881 L650.590029,242.093881 C650.457029,242.093881 650.320029,242.101881 650.182029,242.117881 L649.610029,242.131881 C649.232029,242.140881 648.854029,242.149881 648.476029,242.158881 C648.343029,242.161881 648.209029,242.162881 648.075029,242.162881 C647.675029,242.163881 647.261029,242.164881 646.850029,242.241881 C646.579029,242.292881 644.190029,242.761881 643.635029,243.597881 C643.014029,244.534881 642.734029,245.370881 642.755029,246.230881 C642.800029,248.061881 642.845029,249.893881 642.890029,251.725881 L642.976029,255.201881 C642.748029,255.391881 642.600029,255.658881 642.565029,255.955881 L642.008029,258.984881 L642.004029,259.013881 C641.984029,259.199881 642.039029,259.383881 642.157029,259.529881 C642.274029,259.673881 642.439029,259.763881 642.623029,259.783881 C642.650029,259.787881 642.677029,259.788881 642.705029,259.788881 L645.269029,259.773881 L645.312029,259.771881 C645.694029,259.725881 645.964029,259.388881 645.926029,259.005881 L645.319029,255.954881 C645.285029,255.665881 645.142029,255.402881 644.923029,255.213881 C644.932029,254.865881 644.940029,254.517881 644.948029,254.169881 C644.996029,252.158881 645.145029,250.055881 645.394029,247.917881 C645.423029,247.665881 645.442029,247.401881 645.462029,247.122881 C645.512029,246.414881 645.563029,245.681881 645.792029,245.133881 C645.949029,244.757881 646.376029,244.687881 646.967029,244.655881 C646.951029,244.944881 646.937029,245.098881 646.927029,245.211881 C646.912029,245.380881 646.902029,245.481881 646.902029,245.780881 L646.905029,272.005881 L649.818029,272.005881 L649.819029,270.351881 L649.817029,263.779881 L651.478029,259.865881 L651.899029,259.871881 L651.901029,272.005881 L654.765029,272.005881 L654.765029,270.131881 L654.791029,264.297881 L657.510029,259.956881 L666.869029,260.058881 L666.902029,260.053881 C668.092029,259.851881 669.115029,259.486881 669.941029,258.970881 L669.941029,271.860881 L672.897029,271.860881 L672.897029,269.806881 L672.857029,260.059881 L673.763029,260.059881 L673.763029,271.901881 L676.720029,271.901881 L676.720029,269.807881 L676.679029,259.712881 C678.043029,259.118881 679.054029,257.874881 679.285029,256.477881 L679.669029,254.151881 L679.672029,254.128881 C679.835029,252.525881 680.365029,251.439881 681.202029,250.990881 C681.900029,250.616881 682.844029,250.687881 683.792029,251.187881 L686.596029,252.540881 C687.053029,252.827881 687.661029,252.700881 687.967029,252.241881 L689.502029,249.807881 C689.923029,249.183881 689.702029,248.741881 689.436029,248.479881" id="Fill-1"></path>
        </g>
    </g>
</svg>


  </div>
</section>

    <footer class="footer-nav row expanded collapse show-for-medium">
  <div class="footer-nav-left">
    <p class="footer-copyright">© 1998–2026 ZURB, Inc.</p>
  </div>
  <div class="footer-nav-center">
    <ul class="footer-nav-menu">
      <li class="footer-nav-menu-item">
        <a href="/new-playground">Playground</a>
      </li>
      <li class="footer-nav-menu-item">
        <a href="/wired/blog">Wired Blog</a>
      </li>
      <li class="footer-nav-menu-item">
        <a href="/blog/archive">Blog Archive</a>
      </li>
      <li class="footer-nav-menu-item">
      <a href="/privacy">Privacy Policy</a>
      </li>
    </ul>
  </div>
  <div class="footer-nav-right">
    <ul class="footer-nav-menu">
      <li class="footer-nav-menu-item">
        <a href="mailto:getstarted@zurb.com"><img class="footer-social-icon" src="/packs/media/zurb/img/home/email-icon-d48453fab79ae0763b756e28f34b4236.svg" alt="Email ZURB"></a>
      </li>
      <li class="footer-nav-menu-item">
        <a href="https://linkedin.com/company/zurb" title="ZURB on LinkedIn"><img class="footer-social-icon" src="/packs/media/zurb/img/about/bryan/linkedin-icon-d48774c90480d8473d8b304fde46d9c1.svg" alt="LinkedIn"></a>
      </li>
    </ul>
  </div>
  </footer>

<!-- mobile footer -->
<footer class="footer-nav row align-center expanded collapse show-for-small-only">
  <div class="columns small-12">
    <p class="footer-copyright text-center">© 1998–2026 ZURB, Inc.</p>
  </div>
  <div class="columns small-12">
    <ul class="footer-nav-menu">
      <li class="footer-nav-menu-item">
        <a href="/new-playground">Playground</a>
      </li>
      <li class="footer-nav-menu-item">
        <a href="/wired/blog">Wired Blog</a>
      </li>
      <li class="footer-nav-menu-item">
        <a href="/blog/archive">Blog Archive</a>
      </li>
      <li class="footer-nav-menu-item">
        <a href="/privacy">Privacy Policy</a>
      </li>
    </ul>
  </div>
  <div class="columns small-12">
    <ul class="footer-nav-menu ">
      <li class="footer-nav-menu-item">
        <a href="mailto:getstarted@zurb.com"><img class="footer-social-icon" src="/packs/media/zurb/img/home/email-icon-d48453fab79ae0763b756e28f34b4236.svg" alt="Email ZURB"></a>
      </li>
      <li class="footer-nav-menu-item social">
        <a href="https://linkedin.com/company/zurb" title="ZURB on LinkedIn"><img class="footer-social-icon" src="/packs/media/zurb/img/about/bryan/linkedin-icon-d48774c90480d8473d8b304fde46d9c1.svg" alt="LinkedIn"></a>
      </li>
    </ul>
  </div>
</footer>

    <div class="modal text-center modal-cow" id="cowModal">
  <h3 id="cow-modal-title" class="modal-title"></h3>
  <h4 class="modal-sub-title">What's this?? You've unlocked a Cow!</h4>
  <div class="modal-cow-image">
    <img id="unlock-cow"></img>
  </div>
  <p class="modal-body">You're well on your way to collecting all the cows! Either check them out now, or <b>click on the cow in the footer!</b></p>
  <button class="close-button modal-close" data-close-cow-modal type="button">
    <span aria-hidden="true">&times;</span>
  </button>
  <a id="cowModalButton" class="button secondary hollow" data-open-cow-palace>Check it out</a>
</div>

<div style="padding: 3rem;" class="full reveal profile-modal cow-palace-modal" id="cowPalace" data-reveal>
</div>

<div class="full reveal profile-modal cow-details" id="cowDetailsModal" data-reveal>
</div>

  </body>
</html>
