AREA 17 — A brand, experience, and technology company

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>AREA 17 — A brand, experience, and technology company</title> <meta property="og:title" content="AREA 17 — A brand, experience, and technology company" /> <meta name="twitter:title" content="AREA 17 — A brand, experience, and technology company" /> <meta itemprop="name" content="AREA 17 — A brand, experience, and technology company"> <meta property="og:type" content="website" /> <meta name="description" content="AREA 17 partners with the world’s most influential organizations to actualize their ambitions and achieve their greatest impact."> <meta property="og:description" content="AREA 17 partners with the world’s most influential organizations to actualize their ambitions and achieve their greatest impact." /> <meta name="twitter:description" content="AREA 17 partners with the world’s most influential organizations to actualize their ambitions and achieve their greatest impact." /> <meta itemprop="description" content="AREA 17 partners with the world’s most influential organizations to actualize their ambitions and achieve their greatest impact."> <link rel="canonical" href="https://area17.com/" /> <meta property="og:url" content="https://area17.com/" /> <meta name="twitter:url" content="https://area17.com/" /> <meta property="og:image" content="https://media-cdn.area17.com/e66bf921-d741-4350-a2ea-733fcb940e38/A17_social.png?crop=630%2C630%2C275%2C0" /> <meta property="og:image:width" content="900" /> <meta property="og:image:height" content="470" /> <meta name="twitter:image" content="https://media-cdn.area17.com/e66bf921-d741-4350-a2ea-733fcb940e38/A17_social.png?crop=630%2C630%2C275%2C0"> <meta itemprop="image" content="https://media-cdn.area17.com/e66bf921-d741-4350-a2ea-733fcb940e38/A17_social.png?crop=630%2C630%2C275%2C0"> <meta name="copyright" content="(c) 2024 AREA 17" /> <link rel="author" href="humans.txt"> <meta name="robots" content="NOODP" /> <meta name="google" content="nositelinkssearchbox">  <link rel="alternate" hreflang="en" href="https://area17.com" /> <link rel="alternate" hreflang="fr" href="https://area17.com/fr" />  <meta name="apple-mobile-web-app-title" content="AREA 17" /> <meta name="format-detection" content="telephone=no" />  <meta name="theme-color" content="#000000" />  <meta name="alexaVerifyID" content="mrnWUx4XUt4iGowaz3AN5jrEq3k"/>  <meta name="p:domain_verify" content="7de7594dd7ad058dc2c7f8b231469e8a"/>  <meta property="og:site_name" content="AREA 17" /> <meta property="og:author" content="https://www.facebook.com/area17/" /> <meta property="fb:admins" content="288673154639" />  <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@AREA_17_" /> <meta name="twitter:domain" content="area17.com" /> <meta name="twitter:creator" content="@AREA_17_" />  <link rel="dns-prefetch" href="//area17.imgix.net"> <link href="/assets/fonts/SuisseIntl-Regular-WebXL.woff2" rel="preload" as="font" type="font/woff2" crossorigin> <link href="/assets/fonts/SuisseIntl-Book-WebS.woff2" rel="preload" as="font" type="font/woff2" crossorigin> <link href="/assets/fonts/SuisseIntl-Medium-WebXL.woff2" rel="preload" as="font" type="font/woff2" crossorigin>  <link href="/favicon-16.png" rel="icon" sizes="16x16" type="image/png"> <link href="/favicon-32.png" rel="icon" sizes="32x32" type="image/png"> <link href="/favicon-96.png" rel="icon" sizes="96x96" type="image/png"> <link href="/favicon-57.png" rel="apple-touch-icon" sizes="57x57"> <link href="/favicon-72.png" rel="apple-touch-icon" sizes="72x72"> <link href="/favicon-120.png" rel="apple-touch-icon" sizes="120x120"> <link href="/favicon-144.png" rel="apple-touch-icon" sizes="144x144"> <link href="/favicon-152.png" rel="apple-touch-icon" sizes="152x152"> <link href="/favicon-180.png" rel="apple-touch-icon-precomposed" sizes="180x180"> <meta name="msapplication-TileColor" content="#000000"> <meta name="msapplication-TileImage" content="/favicon-144.png"> <link href="https://unpkg.com/filepond/dist/filepond.css" rel="stylesheet">  <link href="/build/css/application.min.e3f468ff.css" rel="stylesheet"> <link href="/build/css/cookiebanner.min.e69f3e15.css" rel="stylesheet">  <link href="/build/js/application.min.f88e381c.js" rel="preload" as="script"> <script nonce="pOHxkIu4qfEMlssCLtFswPSQCtECTSnN"> if(document.cookie.match(/fonts_loaded=Y/)) document.documentElement.className += ' fonts-loaded'; </script> <script nonce="pOHxkIu4qfEMlssCLtFswPSQCtECTSnN"> // fontfaceobserver - version : 1.7.1 (function(){'use strict';var f,g=[];function l(a){g.push(a);1==g.length&&f()}function m(){for(;g.length;)g[0](),g.shift()}f=function(){setTimeout(m)};function n(a){this.a=p;this.b=void 0;this.f=[];var b=this;try{a(function(a){q(b,a)},function(a){r(b,a)})}catch(c){r(b,c)}}var p=2;function t(a){return new n(function(b,c){c(a)})}function u(a){return new n(function(b){b(a)})}function q(a,b){if(a.a==p){if(b==a)throw new TypeError;var c=!1;try{var d=b&&b.then;if(null!=b&&"object"==typeof b&&"function"==typeof d){d.call(b,function(b){c||q(a,b);c=!0},function(b){c||r(a,b);c=!0});return}}catch(e){c||r(a,e);return}a.a=0;a.b=b;v(a)}} function r(a,b){if(a.a==p){if(b==a)throw new TypeError;a.a=1;a.b=b;v(a)}}function v(a){l(function(){if(a.a!=p)for(;a.f.length;){var b=a.f.shift(),c=b[0],d=b[1],e=b[2],b=b[3];try{0==a.a?"function"==typeof c?e(c.call(void 0,a.b)):e(a.b):1==a.a&&("function"==typeof d?e(d.call(void 0,a.b)):b(a.b))}catch(h){b(h)}}})}n.prototype.g=function(a){return this.c(void 0,a)};n.prototype.c=function(a,b){var c=this;return new n(function(d,e){c.f.push([a,b,d,e]);v(c)})}; function w(a){return new n(function(b,c){function d(c){return function(d){h[c]=d;e+=1;e==a.length&&b(h)}}var e=0,h=[];0==a.length&&b(h);for(var k=0;k<a.length;k+=1)u(a[k]).c(d(k),c)})}function x(a){return new n(function(b,c){for(var d=0;d<a.length;d+=1)u(a[d]).c(b,c)})};window.Promise||(window.Promise=n,window.Promise.resolve=u,window.Promise.reject=t,window.Promise.race=x,window.Promise.all=w,window.Promise.prototype.then=n.prototype.c,window.Promise.prototype["catch"]=n.prototype.g);}()); (function(){var k=!!document.addEventListener;function l(a,b){k?a.addEventListener("scroll",b,!1):a.attachEvent("scroll",b)}function v(a){document.body?a():k?document.addEventListener("DOMContentLoaded",a):document.attachEvent("onreadystatechange",function(){"interactive"!=document.readyState&&"complete"!=document.readyState||a()})};function w(a){this.a=document.createElement("div");this.a.setAttribute("aria-hidden","true");this.a.appendChild(document.createTextNode(a));this.b=document.createElement("span");this.c=document.createElement("span");this.h=document.createElement("span");this.f=document.createElement("span");this.g=-1;this.b.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.c.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;"; this.f.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.h.style.cssText="display:inline-block;width:200%;height:200%;font-size:16px;max-width:none;";this.b.appendChild(this.h);this.c.appendChild(this.f);this.a.appendChild(this.b);this.a.appendChild(this.c)} function y(a,b){a.a.style.cssText="max-width:none;min-width:20px;min-height:20px;display:inline-block;overflow:hidden;position:absolute;width:auto;margin:0;padding:0;top:-999px;left:-999px;white-space:nowrap;font:"+b+";"}function z(a){var b=a.a.offsetWidth,c=b+100;a.f.style.width=c+"px";a.c.scrollLeft=c;a.b.scrollLeft=a.b.scrollWidth+100;return a.g!==b?(a.g=b,!0):!1}function A(a,b){function c(){var a=m;z(a)&&null!==a.a.parentNode&&b(a.g)}var m=a;l(a.b,c);l(a.c,c);z(a)};function B(a,b){var c=b||{};this.family=a;this.style=c.style||"normal";this.weight=c.weight||"normal";this.stretch=c.stretch||"normal"}var C=null,D=null,H=!!window.FontFace;function I(){if(null===D){var a=document.createElement("div");try{a.style.font="condensed 100px sans-serif"}catch(b){}D=""!==a.style.font}return D}function J(a,b){return[a.style,a.weight,I()?a.stretch:"","100px",b].join(" ")} B.prototype.load=function(a,b){var c=this,m=a||"BESbswy",x=b||3E3,E=(new Date).getTime();return new Promise(function(a,b){if(H){var K=new Promise(function(a,b){function e(){(new Date).getTime()-E>=x?b():document.fonts.load(J(c,c.family),m).then(function(c){1<=c.length?a():setTimeout(e,25)},function(){b()})}e()}),L=new Promise(function(a,c){setTimeout(c,x)});Promise.race([L,K]).then(function(){a(c)},function(){b(c)})}else v(function(){function q(){var b;if(b=-1!=f&&-1!=g||-1!=f&&-1!=h||-1!=g&&-1!= h)(b=f!=g&&f!=h&&g!=h)||(null===C&&(b=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent),C=!!b&&(536>parseInt(b[1],10)||536===parseInt(b[1],10)&&11>=parseInt(b[2],10))),b=C&&(f==r&&g==r&&h==r||f==t&&g==t&&h==t||f==u&&g==u&&h==u)),b=!b;b&&(null!==d.parentNode&&d.parentNode.removeChild(d),clearTimeout(G),a(c))}function F(){if((new Date).getTime()-E>=x)null!==d.parentNode&&d.parentNode.removeChild(d),b(c);else{var a=document.hidden;if(!0===a||void 0===a)f=e.a.offsetWidth,g=n.a.offsetWidth, h=p.a.offsetWidth,q();G=setTimeout(F,50)}}var e=new w(m),n=new w(m),p=new w(m),f=-1,g=-1,h=-1,r=-1,t=-1,u=-1,d=document.createElement("div"),G=0;d.dir="ltr";y(e,J(c,"sans-serif"));y(n,J(c,"serif"));y(p,J(c,"monospace"));d.appendChild(e.a);d.appendChild(n.a);d.appendChild(p.a);document.body.appendChild(d);r=e.a.offsetWidth;t=n.a.offsetWidth;u=p.a.offsetWidth;F();A(e,function(a){f=a;q()});y(e,J(c,'"'+c.family+'",sans-serif'));A(n,function(a){g=a;q()});y(n,J(c,'"'+c.family+'",serif'));A(p,function(a){h= a;q()});y(p,J(c,'"'+c.family+'",monospace'))})})};window.FontFaceObserver=B;window.FontFaceObserver.prototype.check=window.FontFaceObserver.prototype.load=B.prototype.load;"undefined"!==typeof module&&(module.exports=window.FontFaceObserver);}()); (function(w){ if( w.document.documentElement.className.indexOf( "fonts-loaded" ) > -1 ) return; var suisse_regular = (new w.FontFaceObserver("Suisse", { weight: 400 })).check(); var suisse_book = (new w.FontFaceObserver("Suisse", { weight: 500 })).check(); var suisse_medium = (new w.FontFaceObserver("Suisse", { weight: 700 })).check(); w.Promise.all([suisse_regular, suisse_book, suisse_medium]).then(function(){ w.document.documentElement.className += " fonts-loaded"; w.document.cookie = 'fonts_loaded=Y;path=/'; }); }(this)); </script> </head> <body id="body" class="body--home"> <script type="application/ld+json"> { "@context" : "https://schema.org", "@type" : "Organization", "name" : "AREA 17", "url" : "https://area17.com/", "sameAs" : [ "https://www.facebook.com/area17/", "https://twitter.com/AREA_17_", "https://www.linkedin.com/company/area-17/", "https://www.instagram.com/AREA_17_/" ], "address": { "@type": "PostalAddress", "streetAddress": "99 Richardson Street, Second floor, Brooklyn", "addressRegion": "NY", "postalCode": "11211", "addressCountry": "US" } } </script> <div class="redline" data-behavior="toggle_redline"></div> <header class="header header--light spf-link" id="header" data-behavior="mobile_nav"> <h4 class="header__A17"><a href="https://area17.com/" data-behavior="prefetch_url" data-page-id="home">A<span class="header__A17Long">REA </span>17</a></h4> <button class="header__toggle" data-trigger>Menu</button> <nav class="header__nav header__nav-panel" data-nav> <button class="header__toggle" data-trigger>Close</button> <div class="header__logo"> <a href="https://area17.com/" class="icon__a17 spf-link" aria-label="Home">A/</a> </div> <a href="https://area17.com/work" class="header__link header__link--work" data-behavior="prefetch_url" data-page-id="work"><span>Work</span></a> <a href="https://area17.com/approach" class="header__link header__link--approach"><span>Approach</span></a> <a href="https://area17.com/culture" class="header__link header__link--culture"><span>Culture</span></a> <a href="https://area17.com/about" class="header__link header__link--about"><span>About</span></a> <a href="https://area17.com/contact" class="header__link header__link--contact"><span>Contact</span></a> <a href="https://area17.com/index" class="header__link header__link--index" data-behavior="prefetch_url" data-page-id="index"><span>Index</span></a> <div class="header__nav-footer"> <a href="#" data-newsletter-trigger class="typo--arrowed typo--borderedHover">Subscribe to our newsletter</a><br/> <a href="https://www.facebook.com/area17/" target="_blank" rel="noopenner noreferrer" class="typo--bordered">Facebook</a> <a href="https://twitter.com/AREA_17_" target="_blank" rel="noopenner noreferrer" class="typo--bordered">X (Twitter)</a> <a href="https://www.instagram.com/AREA_17_/" target="_blank" rel="noopenner noreferrer" class="typo--bordered">Instagram</a> </div> </nav> </header> <div class="content content--clocks hide-mobile"> <div class="clocks" data-behavior="display_date toggle_clocks" data-date-format="en"> <p>New York<br/> <span data-timezone="America/New_York" class="time"><span class="time__hours">07</span><span class="time__separator">:</span><span class="time__minutes">00 pm</span></span></p> <p>Paris<br/> <span data-timezone="Europe/Paris"><span class="time__hours">01</span><span class="time__separator">:</span><span class="time__minutes">00 am</span></span></p> </div> </div> <div class="headerBackTop" data-behavior="sticky_up"> <a href="https://area17.com/" class="headerBackTop__home" data-behavior="navigate_index"><span>AREA 17</span></a> <a href="#header" class="headerBackTop__trigger" data-behavior="scroll_top">↑</a> </div> <div class="header--darkContainer" data-animate-clip> <header class="header header--dark" data-header-index > <h4 class="header__A17"><a href="https://area17.com/" data-behavior="navigate_index">A<span class="header__A17Long">REA </span>17</a></h4> <nav class="header__nav headerFilter"> <div class="headerFilter__global" data-behavior="navigate_index"> <a href="https://area17.com/work" class="header__link header__link--work"><span>Work</span></a><a href="https://area17.com/approach" class="header__link header__link--approach"><span>Approach</span></a><a href="https://area17.com/culture" class="header__link header__link--culture"><span>Culture</span></a><a href="https://area17.com/about" class="header__link header__link--about"><span>About</span></a><a href="https://area17.com/contact" class="header__link header__link--contact"><span>Contact</span></a><a href="https://area17.com/index" class="header__link header__link--index"><span>Index</span></a> </div> <div class="headerFilter__index"> <a class="headerFilter__title" href="#header" data-behavior="scroll_top"><span>Index</span></a> <div class="headerFilter__current" data-behavior="index_filter" data-filter-dropdown> <button class="headerFilter__links headerFilter__links--all" data-filter-url="https://area17.com/index/all" data-filter-bt="all">All projects</button> <button class="headerFilter__links headerFilter__links--brand" data-filter-url="https://area17.com/index/brand" data-filter-bt="brand"><span class='typo--shift2'>Brand</span></button> <button class="headerFilter__links headerFilter__links--experience" data-filter-url="https://area17.com/index/experience" data-filter-bt="experience"><span class='typo--shift'>Experience</span></button> <button class="headerFilter__links headerFilter__links--technology" data-filter-url="https://area17.com/index/technology" data-filter-bt="technology"><span class='typo--shift'>Technology</span></button> </div> <a href="#header" class="headerFilter__top" data-behavior="scroll_top">↑</a> </div> </nav> <div class="headerLoader"><div class="headerLoader__spin">/</div></div> </header> <div class="headerBackTop headerBackTop--dark" data-header-index> <a href="/" class="headerBackTop__home" data-behavior="navigate_index"><span>AREA 17</span></a> <div class="headerFilter__index"> <div class="headerFilter__current" data-behavior="index_filter" data-filter-dropdown> <button class="headerFilter__links headerFilter__links--all" data-filter-url="https://area17.com/index/all" data-filter-bt="all">All projects</button> <button class="headerFilter__links headerFilter__links--brand" data-filter-url="https://area17.com/index/brand" data-filter-bt="brand"><span class='typo--shift2'>Brand</span></button> <button class="headerFilter__links headerFilter__links--experience" data-filter-url="https://area17.com/index/experience" data-filter-bt="experience"><span class='typo--shift'>Experience</span></button> <button class="headerFilter__links headerFilter__links--technology" data-filter-url="https://area17.com/index/technology" data-filter-bt="technology"><span class='typo--shift'>Technology</span></button> </div> </div> <a href="#header" class="headerBackTop__trigger" data-behavior="scroll_top">↑</a> </div> </div> <div class="indexBar" data-behavior="navigate_index"><a href="https://area17.com/index" class="indexBar__button" id="indexBar__URL" data-index-url="https://area17.com/index"><span class="indexBar__label"><span>Index</span></span></a></div> <div class="content__mask"></div> <div class="content__container"> <div class="content content--main"> <div class="content__inner"> <div id="content"> <header class="content__header content__header--intro"> <h1 class="content__title typo--heading"><a href="https://area17.com/" class="icon__a17 spf-link">A/</a></h1> <h2 class="content__subtitle typo--heading">Transforming ideas into reality</h2> </header> <div class="content__text content__text--intro"> <div class="content__textCol content__textCol--intro"> <p>Founded in 2003, AREA 17 drives transformative outcomes for the world’s most influential organizations.</p> </div> <div class="content__textCol content__textCol--intro"> <p>We integrate brand, experience, and technology to realize their vision and achieve their greatest impact.</p> </div> </div> <section class="feature" data-behavior="randomize_home"> <article class="feature__item feature__item--first"> <div class="feature__image-wrapper"> <a href="https://area17.com/work/openai-brand-and-website" class="feature__image-link" data-behavior="show_panel" data-work-panel="OpenAI identity and website"> <span class="feature__image--text">OpenAI identity and website</span> </a> <div class="feature__image"> <figure class="feature__figure feature__figure--cover" style="background-image:url('data:image/gif;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wCEAAIDAwMEAwQFBQQGBgYGBggIBwcICA0JCgkKCQ0TDA4MDA4MExEUEQ8RFBEeGBUVGB4jHRwdIyolJSo1MjVFRVwBAgMDAwQDBAUFBAYGBgYGCAgHBwgIDQkKCQoJDRMMDgwMDgwTERQRDxEUER4YFRUYHiMdHB0jKiUlKjUyNUVFXP/CABEIABEAHgMBIgACEQEDEQH/xAAvAAEBAAMAAAAAAAAAAAAAAAAEAAMFBgEAAgMBAAAAAAAAAAAAAAAAAQQCAwUG/9oADAMBAAIQAxAAAADhEHRyOw5B00HQ56Yi5VLH/8QAFxABAQEBAAAAAAAAAAAAAAAAAAIBEP/aAAgBAQABPwDEpYxKOYlLH//EABgRAAIDAAAAAAAAAAAAAAAAAAACARAx/9oACAECAQE/AGptJP/EABURAQEAAAAAAAAAAAAAAAAAAAEQ/9oACAEDAQE/ACE//9k=');"> <video playsinline="playsinline" autoplay="autoplay" loop="loop" mute="true" muted="muted" preload="metadata"> <source src="https://media-cdn.area17.com/c13c92e6-6b24-49d9-8847-0c622e33ff19/A17-OpenAI-landscape.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <button class="videoBtn" data-behavior="video_toggle"> <span data-play hidden> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M15 10L6 15.1962L6 4.80385L15 10Z" fill="currentColor"/> </svg> <span class="visually-hidden">Play</span> </span> <span data-pause> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="5" y="4" width="3" height="12" fill="currentColor"/> <rect x="12" y="4" width="3" height="12" fill="currentColor"/> </svg> <span class="visually-hidden">Pause</span> </span> </button> </figure> <figure class="feature__figure feature__figure--square" style="background-image:url('data:image/gif;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wCEAAIDAwMEAwQFBQQGBgYGBggIBwcICA0JCgkKCQ0TDA4MDA4MExEUEQ8RFBEeGBUVGB4jHRwdIyolJSo1MjVFRVwBAgMDAwQDBAUFBAYGBgYGCAgHBwgIDQkKCQoJDRMMDgwMDgwTERQRDxEUER4YFRUYHiMdHB0jKiUlKjUyNUVFXP/CABEIAB4AHgMBIgACEQEDEQH/xAAuAAEBAAMAAAAAAAAAAAAAAAAGBwIEBQEAAgMAAAAAAAAAAAAAAAAAAgMBBQb/2gAMAwEAAhADEAAAAIYwnDXF3+M4oASF7LQyycPMCvp4ov/EAB4QAAICAgMBAQAAAAAAAAAAAAABAgQDESEiMhIx/9oACAEBAAE/AKGXhEJ7iWntMux3MoT4RjnwZ5cMueignpGNP5M/4y5LsUILSIQ6lldWXfZ//8QAGREAAwEBAQAAAAAAAAAAAAAAAAECIQMR/9oACAECAQE/ALjSMOjXpLTZ/8QAFxEBAQEBAAAAAAAAAAAAAAAAAgABIf/aAAgBAwEBPwDFySjlpv/Z');"> <video playsinline="playsinline" autoplay="autoplay" loop="loop" mute="true" muted="muted" preload="metadata"> <source src="https://media-cdn.area17.com/afa82172-abb0-47a2-91bf-dcfaf7fcb5ff/A17-OpenAI-square.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <button class="videoBtn" data-behavior="video_toggle"> <span data-play hidden> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M15 10L6 15.1962L6 4.80385L15 10Z" fill="currentColor"/> </svg> <span class="visually-hidden">Play</span> </span> <span data-pause> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="5" y="4" width="3" height="12" fill="currentColor"/> <rect x="12" y="4" width="3" height="12" fill="currentColor"/> </svg> <span class="visually-hidden">Pause</span> </span> </button> </figure> </div> </div> <div class="feature__title"> <h3 class="typo--body-strong"><a href="https://area17.com/work/openai-brand-and-website" class="typo--borderedHover" data-behavior="show_panel">OpenAI</a></h3> <span class="typo--body">Demystifying artificial intelligence</span> </div> </article> <article class="feature__item feature__item--small"> <div class="feature__image-wrapper"> <a href="https://area17.com/work/balenciaga-website" class="feature__image-link" data-behavior="show_panel" data-work-panel="Balenciaga website"> <span class="feature__image--text">Balenciaga website</span> </a> <div class="feature__image"> <figure class="feature__figure feature__figure--cover" style="background-image:url('data:image/gif;base64,/9j/4AAQSkZJRgABAQEAkACQAAD/wAARCAAQAB4DASEAAhEBAxEB/8QBogAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoLEAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+foBAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKCxEAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9sAhAAGBAUGBQQGBgUGBwcGCAoQCgoJCQoUDg8MEBcUGBgXFBYWGh0lHxobIxwWFiAsICMmJykqKRkfLTAtKDAlKCkoAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/2gAMAwEAAhEDEQA/AOuier0LV0DL0LVbQ8UxHHwvV+BqQzRgarqHimB//9k=');"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/c78c0684-7675-4e25-90ce-a3458f9f3d98/bal_02a_cover2x.jpg?crop=2960%2C1663%2C0%2C0" class="img--fluid" alt="Bal 02a Cover" /> </figure> <figure class="feature__figure feature__figure--square" style="background-image:url('data:image/gif;base64,/9j/4AAQSkZJRgABAQEAkACQAAD/wAARCAAeAB4DASEAAhEBAxEB/8QBogAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoLEAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+foBAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKCxEAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9sAhAAGBAUGBQQGBgUGBwcGCAoQCgoJCQoUDg8MEBcUGBgXFBYWGh0lHxobIxwWFiAsICMmJykqKRkfLTAtKDAlKCkoAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/2gAMAwEAAhEDEQA/APa3aoHNdQiBzURNSxl9zUDtVsRXY1GTUsZfc1Xc1QiFjUZNSxl9zUDmqEQtUbVLKP/Z');"> <video playsinline="playsinline" autoplay="autoplay" loop="loop" mute="true" muted="muted" preload="metadata"> <source src="https://media-cdn.area17.com/dda80a51-0903-49bd-ad39-039458edef8d/A17-Balenciaga-square-v4.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <button class="videoBtn" data-behavior="video_toggle"> <span data-play hidden> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M15 10L6 15.1962L6 4.80385L15 10Z" fill="currentColor"/> </svg> <span class="visually-hidden">Play</span> </span> <span data-pause> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="5" y="4" width="3" height="12" fill="currentColor"/> <rect x="12" y="4" width="3" height="12" fill="currentColor"/> </svg> <span class="visually-hidden">Pause</span> </span> </button> </figure> </div> </div> <div class="feature__title"> <h3 class="typo--body-strong"><a href="https://area17.com/work/balenciaga-website" class="typo--borderedHover" data-behavior="show_panel">Balenciaga</a></h3> <span class="typo--body">Uncompromising creativity</span> </div> </article> <article class="feature__item feature__item--square"> <div class="feature__image-wrapper"> <a href="https://area17.com/work/international-energy-agency-brand-website" class="feature__image-link" data-behavior="show_panel" data-work-panel="International Energy Agency brand & website"> <span class="feature__image--text">International Energy Agency brand & website</span> </a> <div class="feature__image"> <figure class="feature__figure feature__figure--cover" style="background-image:url('data:image/gif;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wCEAAIDAwMEAwQFBQQGBgYGBggIBwcICA0JCgkKCQ0TDA4MDA4MExEUEQ8RFBEeGBUVGB4jHRwdIyolJSo1MjVFRVwBAgMDAwQDBAUFBAYGBgYGCAgHBwgIDQkKCQoJDRMMDgwMDgwTERQRDxEUER4YFRUYHiMdHB0jKiUlKjUyNUVFXP/CABEIABEAHgMBIgACEQEDEQH/xAAvAAADAAMAAAAAAAAAAAAAAAAABgcEBQkBAAIDAAAAAAAAAAAAAAAAAAECAAMF/9oADAMBAAIQAxAAAADklSJzQtWhgUd+nALT8DTLTwU//8QAHBAAAgEFAQAAAAAAAAAAAAAAAAEEAgMhIjIx/9oACAEBAAE/AISyiGsIraVJLq2IXqItWEXLmpLubEP1Ebku8sldH//EABgRAQEAAwAAAAAAAAAAAAAAAAADAQIx/9oACAECAQE/AJ4bp8Uf/8QAFhEBAQEAAAAAAAAAAAAAAAAAAAEC/9oACAEDAQE/AKisv//Z');"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/nulld1d1739e-87cd-4ba7-8430-0e77a0475213/iea_00_cover.jpg?crop=2960%2C1663%2C0%2C0" class="img--fluid" alt="Iea 00 Cover" /> </figure> <figure class="feature__figure feature__figure--square" style="background-image:url('data:image/gif;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wCEAAIDAwMEAwQFBQQGBgYGBggIBwcICA0JCgkKCQ0TDA4MDA4MExEUEQ8RFBEeGBUVGB4jHRwdIyolJSo1MjVFRVwBAgMDAwQDBAUFBAYGBgYGCAgHBwgIDQkKCQoJDRMMDgwMDgwTERQRDxEUER4YFRUYHiMdHB0jKiUlKjUyNUVFXP/CABEIAB4AHgMBIgACEQEDEQH/xAAuAAEBAQEBAAAAAAAAAAAAAAAHBQYIAwEAAwEBAAAAAAAAAAAAAAAAAgQFAQb/2gAMAwEAAhADEAAAAODnUkb+un7+3E9lN5LYgxZoihTI2VQP/8QAHxAAAgICAwADAAAAAAAAAAAAAAECAwQFESExEiJB/9oACAEBAAE/ANRR3Ho1dPSMWCUULg1EF9TXJJIpsSSJZKX6amfhg28JCyeF6XZ3D9NXN9GHY/iidzUTLyZKR//EABgRAAMBAQAAAAAAAAAAAAAAAAABAgMh/9oACAECAQE/AJnhpTRK4bSf/8QAFhEBAQEAAAAAAAAAAAAAAAAAAQAQ/9oACAEDAQE/AIML/9k=');"> <video playsinline="playsinline" autoplay="autoplay" loop="loop" mute="true" muted="muted" preload="metadata"> <source src="https://media-cdn.area17.com/0f4c979b-2176-4cdf-b0d3-3f8d0833c187/A17-IEA-square.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <button class="videoBtn" data-behavior="video_toggle"> <span data-play hidden> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M15 10L6 15.1962L6 4.80385L15 10Z" fill="currentColor"/> </svg> <span class="visually-hidden">Play</span> </span> <span data-pause> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="5" y="4" width="3" height="12" fill="currentColor"/> <rect x="12" y="4" width="3" height="12" fill="currentColor"/> </svg> <span class="visually-hidden">Pause</span> </span> </button> </figure> </div> </div> <div class="feature__title"> <h3 class="typo--body-strong"><a href="https://area17.com/work/international-energy-agency-brand-website" class="typo--borderedHover" data-behavior="show_panel">International Energy Agency</a></h3> <span class="typo--body">Shaping a secure and sustainable energy future</span> </div> </article> <article class="feature__item feature__item--first"> <div class="feature__image-wrapper"> <a href="https://area17.com/work/oxman-brand-and-website" class="feature__image-link" data-behavior="show_panel" data-work-panel="OXMAN brand and website"> <span class="feature__image--text">OXMAN brand and website</span> </a> <div class="feature__image"> <figure class="feature__figure feature__figure--cover" style="background-image:url('data:image/gif;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wCEAAIDAwMEAwQFBQQGBgYGBggIBwcICA0JCgkKCQ0TDA4MDA4MExEUEQ8RFBEeGBUVGB4jHRwdIyolJSo1MjVFRVwBAgMDAwQDBAUFBAYGBgYGCAgHBwgIDQkKCQoJDRMMDgwMDgwTERQRDxEUER4YFRUYHiMdHB0jKiUlKjUyNUVFXP/CABEIABEAHgMBIgACEQEDEQH/xAAsAAADAQAAAAAAAAAAAAAAAAAABwgGAQADAQAAAAAAAAAAAAAAAAACAwUA/9oADAMBAAIQAxAAAABLOlNOqbVyE70bOy2sd1hhy86gLf/EAB8QAAEDBAMBAAAAAAAAAAAAAAABAgUDMjNxISOBIv/aAAgBAQABPwCBbw0oN60JZPlxMJ2+kDa0oY00S1ikxl9IG1hQxpolrXExlTZ//8QAFhEBAQEAAAAAAAAAAAAAAAAAAAIB/9oACAECAQE/AL1OrQ//xAAaEQACAgMAAAAAAAAAAAAAAAAAAwECITFB/9oACAEDAQE/AFwXjAvgzR//2Q==');"> <video playsinline="playsinline" autoplay="autoplay" loop="loop" mute="true" muted="muted" preload="metadata"> <source src="https://media-cdn.area17.com/04cfce91-1b0c-4ebd-aa35-b43feb494eab/A17-Oxman-landscape.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <button class="videoBtn" data-behavior="video_toggle"> <span data-play hidden> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M15 10L6 15.1962L6 4.80385L15 10Z" fill="currentColor"/> </svg> <span class="visually-hidden">Play</span> </span> <span data-pause> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="5" y="4" width="3" height="12" fill="currentColor"/> <rect x="12" y="4" width="3" height="12" fill="currentColor"/> </svg> <span class="visually-hidden">Pause</span> </span> </button> </figure> <figure class="feature__figure feature__figure--square" style="background-image:url('data:image/gif;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wCEAAIDAwMEAwQFBQQGBgYGBggIBwcICA0JCgkKCQ0TDA4MDA4MExEUEQ8RFBEeGBUVGB4jHRwdIyolJSo1MjVFRVwBAgMDAwQDBAUFBAYGBgYGCAgHBwgIDQkKCQoJDRMMDgwMDgwTERQRDxEUER4YFRUYHiMdHB0jKiUlKjUyNUVFXP/CABEIAB4AHgMBIgACEQEDEQH/xAAvAAEBAQEAAAAAAAAAAAAAAAAHBggJAQABBQEAAAAAAAAAAAAAAAADAAECBAUG/9oADAMBAAIQAxAAAADTZrXQeD1BCAaBDGXQWNQYoFkcDXgGmH//xAAeEAABAwUBAQAAAAAAAAAAAAABAAIFAwQRISOBMf/aAAgBAQABPwC7raKkn5BUvsOUo3p6rioSCr45BUqMhyk2dPVXacK9ZoqUboqUHT1V2DCvW6KlfjlKHp6v/8QAFxEAAwEAAAAAAAAAAAAAAAAAAAECEf/aAAgBAgEBPwCiWO9IZ//EABcRAAMBAAAAAAAAAAAAAAAAAAABAgP/2gAIAQMBAT8AlFoUmh//2Q==');"> <video playsinline="playsinline" autoplay="autoplay" loop="loop" mute="true" muted="muted" preload="metadata"> <source src="https://media-cdn.area17.com/04cfce91-1b0c-4ebd-aa35-b43feb494eab/A17-Oxman-square.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <button class="videoBtn" data-behavior="video_toggle"> <span data-play hidden> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M15 10L6 15.1962L6 4.80385L15 10Z" fill="currentColor"/> </svg> <span class="visually-hidden">Play</span> </span> <span data-pause> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="5" y="4" width="3" height="12" fill="currentColor"/> <rect x="12" y="4" width="3" height="12" fill="currentColor"/> </svg> <span class="visually-hidden">Pause</span> </span> </button> </figure> </div> </div> <div class="feature__title"> <h3 class="typo--body-strong"><a href="https://area17.com/work/oxman-brand-and-website" class="typo--borderedHover" data-behavior="show_panel">OXMAN</a></h3> <span class="typo--body">System-level change through nature-centric design</span> </div> </article> <article class="feature__item feature__item--square"> <div class="feature__image-wrapper"> <a href="https://area17.com/work/fondation-louis-vuitton-website" class="feature__image-link" data-behavior="show_panel" data-work-panel="Fondation Louis Vuitton website"> <span class="feature__image--text">Fondation Louis Vuitton website</span> </a> <div class="feature__image"> <figure class="feature__figure feature__figure--cover" style="background-image:url('data:image/gif;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wCEAAIDAwMEAwQFBQQGBgYGBggIBwcICA0JCgkKCQ0TDA4MDA4MExEUEQ8RFBEeGBUVGB4jHRwdIyolJSo1MjVFRVwBAgMDAwQDBAUFBAYGBgYGCAgHBwgIDQkKCQoJDRMMDgwMDgwTERQRDxEUER4YFRUYHiMdHB0jKiUlKjUyNUVFXP/CABEIABEAHgMBIgACEQEDEQH/xAAaAAACAgMAAAAAAAAAAAAAAAAFBgIDBAcI/9oACAEBAAAAAOzga6tIFsBWvy2fT//EABYBAQEBAAAAAAAAAAAAAAAAAAQGB//aAAgBAhAAAACeTnZ//8QAFQEBAQAAAAAAAAAAAAAAAAAABAb/2gAIAQMQAAAAnhOP/8QAHxAAAgIBBAMAAAAAAAAAAAAAAAEDBQIEETFCFSJB/9oACAEBAAE/AJb3F9ia4T39iezT+k1it+TzzfYVw32M7FtckmtbfJgRCMj/xAAaEQACAgMAAAAAAAAAAAAAAAAAAQIFA0FC/9oACAECAQE/AFaqOyF2l0ZCJ//EABYRAQEBAAAAAAAAAAAAAAAAAAACAf/aAAgBAwEBPwC8VCmP/9k=');"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/8c527904-9104-4d01-a20e-0ebb9498e4ee/flv_00a_cover2x.jpg?crop=2960%2C1663%2C0%2C0" class="img--fluid" alt="Flv 00a Cover" /> </figure> <figure class="feature__figure feature__figure--square" style="background-image:url('data:image/gif;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wCEAAIDAwMEAwQFBQQGBgYGBggIBwcICA0JCgkKCQ0TDA4MDA4MExEUEQ8RFBEeGBUVGB4jHRwdIyolJSo1MjVFRVwBAgMDAwQDBAUFBAYGBgYGCAgHBwgIDQkKCQoJDRMMDgwMDgwTERQRDxEUER4YFRUYHiMdHB0jKiUlKjUyNUVFXP/CABEIAB4AHgMBIgACEQEDEQH/xAAaAAACAgMAAAAAAAAAAAAAAAAEBgUIAwcJ/9oACAEBAAAAAOm0EBj0uHIS1MDG9vo2wP71/8QAFgEBAQEAAAAAAAAAAAAAAAAABAAH/9oACAECEAAAAJ+Rh//EABYBAQEBAAAAAAAAAAAAAAAAAAQDBf/aAAgBAxAAAADEKmP/xAAkEAABBAECBgMAAAAAAAAAAAABAAIDBQQyQQYRIjFCUhIUIf/aAAgBAQABPwCa2b7KSzafJOz2ndfbB3UvEY9kL4E6lFcA+SZZAjUjfknUobsk6li2xPLqUNn0903NkJ3WLlvJHdYWS78UGS74r//EABsRAAICAwEAAAAAAAAAAAAAAAECAAQFMUFR/9oACAECAQE/AEugHcW+vsa6yx8qw6Z//8QAFhEBAQEAAAAAAAAAAAAAAAAAAgAB/9oACAEDAQE/AEZCSt2//9k=');"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/8c527904-9104-4d01-a20e-0ebb9498e4ee/flv_00a_cover2x.jpg?crop=1669%2C1670%2C52%2C0" class="img--fluid" alt="Flv 00a Cover" /> </figure> </div> </div> <div class="feature__title"> <h3 class="typo--body-strong"><a href="https://area17.com/work/fondation-louis-vuitton-website" class="typo--borderedHover" data-behavior="show_panel">Fondation Louis Vuitton</a></h3> <span class="typo--body">A novel experience of art and architecture</span> </div> </article> <article class="feature__item feature__item--small"> <div class="feature__image-wrapper"> <a href="https://area17.com/work/the-new-york-times-company-website" class="feature__image-link" data-behavior="show_panel" data-work-panel="The New York Times Company website"> <span class="feature__image--text">The New York Times Company website</span> </a> <div class="feature__image"> <figure class="feature__figure feature__figure--cover" style="background-image:url('data:image/gif;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wCEAAIDAwMEAwQFBQQGBgYGBggIBwcICA0JCgkKCQ0TDA4MDA4MExEUEQ8RFBEeGBUVGB4jHRwdIyolJSo1MjVFRVwBAgMDAwQDBAUFBAYGBgYGCAgHBwgIDQkKCQoJDRMMDgwMDgwTERQRDxEUER4YFRUYHiMdHB0jKiUlKjUyNUVFXP/CABEIABEAHgMBIgACEQEDEQH/xAArAAADAQEAAAAAAAAAAAAAAAAABQYHCQEBAQAAAAAAAAAAAAAAAAAAAAL/2gAMAwEAAhADEAAAAOTDdS5KWumrRWCPATX3IL//xAAeEAABBAIDAQAAAAAAAAAAAAAAAQIDBCExIjJBgf/aAAgBAQABPwBhCmSsmiBnEZsgTKFVuiuziMIPCp4V+vw//8QAFBEBAAAAAAAAAAAAAAAAAAAAIP/aAAgBAgEBPwAf/8QAFhEBAQEAAAAAAAAAAAAAAAAAAAEQ/9oACAEDAQE/AEyP/9k=');"> <video playsinline="playsinline" autoplay="autoplay" loop="loop" mute="true" muted="muted" preload="metadata"> <source src="https://media-cdn.area17.com/4c4edf65-2dca-45ef-a523-4954763026f2/A17-NYTco-landscape.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <button class="videoBtn" data-behavior="video_toggle"> <span data-play hidden> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M15 10L6 15.1962L6 4.80385L15 10Z" fill="currentColor"/> </svg> <span class="visually-hidden">Play</span> </span> <span data-pause> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="5" y="4" width="3" height="12" fill="currentColor"/> <rect x="12" y="4" width="3" height="12" fill="currentColor"/> </svg> <span class="visually-hidden">Pause</span> </span> </button> </figure> <figure class="feature__figure feature__figure--square" style="background-image:url('data:image/gif;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wCEAAIDAwMEAwQFBQQGBgYGBggIBwcICA0JCgkKCQ0TDA4MDA4MExEUEQ8RFBEeGBUVGB4jHRwdIyolJSo1MjVFRVwBAgMDAwQDBAUFBAYGBgYGCAgHBwgIDQkKCQoJDRMMDgwMDgwTERQRDxEUER4YFRUYHiMdHB0jKiUlKjUyNUVFXP/CABEIAB4AHgMBIgACEQEDEQH/xAAqAAEBAQAAAAAAAAAAAAAAAAAFBwkBAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAAAyfSPSFFzGFnyZqqMuGPXf//EABkQAAMBAQEAAAAAAAAAAAAAAAACAwEhMf/aAAgBAQABPwBMJksE8EJksEzgvpLCKk14ISwhmE14f//EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQIBAT8AH//EABYRAQEBAAAAAAAAAAAAAAAAAAABEP/aAAgBAwEBPwBMj//Z');"> <video playsinline="playsinline" autoplay="autoplay" loop="loop" mute="true" muted="muted" preload="metadata"> <source src="https://media-cdn.area17.com/4c4edf65-2dca-45ef-a523-4954763026f2/A17-NYTco-square.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <button class="videoBtn" data-behavior="video_toggle"> <span data-play hidden> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M15 10L6 15.1962L6 4.80385L15 10Z" fill="currentColor"/> </svg> <span class="visually-hidden">Play</span> </span> <span data-pause> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="5" y="4" width="3" height="12" fill="currentColor"/> <rect x="12" y="4" width="3" height="12" fill="currentColor"/> </svg> <span class="visually-hidden">Pause</span> </span> </button> </figure> </div> </div> <div class="feature__title"> <h3 class="typo--body-strong"><a href="https://area17.com/work/the-new-york-times-company-website" class="typo--borderedHover" data-behavior="show_panel">The New York Times</a></h3> <span class="typo--body">The story of the paper of record</span> </div> </article> </section> <div class="blockText blockText--title"> <div class="blockText__text"> <h2 class="typo--heading-2-alt">Realize your vision and amplify your impact</h2> </div> </div> <div class="blockText blockText--landing"> <div class="blockText__text"> <p>We help your organization realize its full potential by addressing today’s challenges and unlocking tomorrow’s opportunities. <br class="softbreak"></p> </div> </div> <div class="blockText blockText--link"> <div class="blockText__text"> <a class="" href="https://area17.com/approach" > <h3> <span class="typo--arrowed typo--bordered"> Our approach</span></h3> </a> <a class="" href="https://area17.com/culture" > <h3> <span class="typo--arrowed typo--bordered"> Our culture</span></h3> </a> </div> </div> <section class="landingCtas" data-behavior="imgix_loading"> <div class="landingCtas__heading"> <h2>Recently from us</h2> </div> <div class="landingCtas__item"> <div class="landingCtas__media landingCtas__media--video"> <video playsinline="playsinline" autoplay="autoplay" loop="loop" mute="true" muted="muted" preload="metadata"> <source src="https://media-cdn.area17.com/a08893da-58fc-4728-9275-447acac6d3a9/YIR2023-thumb2x.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <button class="videoBtn" data-behavior="video_toggle"> <span data-play hidden> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M15 10L6 15.1962L6 4.80385L15 10Z" fill="currentColor"/> </svg> <span class="visually-hidden">Play</span> </span> <span data-pause> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="5" y="4" width="3" height="12" fill="currentColor"/> <rect x="12" y="4" width="3" height="12" fill="currentColor"/> </svg> <span class="visually-hidden">Pause</span> </span> </button> </div> <a href="https://2023.area17.com/" target="_blank" rel="noopenner noreferrer" > <div class="landingCtas__media landingCtas__media--hidden"> </div> <h3>The stories that shaped our 2023</h3> <span class="typo--external typo--bordered"> 2023 Year in review</span> </a> </div> <div class="landingCtas__item"> <a href="https://area17.com/build-value-for-all" data-behavior="show_panel" data-type="card" data-work-panel="Advancing humanity through openness"> <div class="landingCtas__media"> <figure style="background-image:url('data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAVCAYAAABR915hAAAABHNCSVQICAgIfAhkiAAAAK1JREFUSIntlUsOwCAIRJF4N+9/IelKY1ocUEwXTSfpCoVXfqZSitABifjctHM5pXTE4ejHcyevOPRCze6ISLdlZoaBa63LUAiopxpGJSINDMFYQM2GfxfAWJmyFGquWfBZRpZSvdNcCKg3145jDcozQszcswELZZXhfrZ9Hr0+x60MoeaKzHFsJgL6V+ZDCMyzKDSbK/CutGyMMN9emSNI6HValfaavbpAxl19AeI3elQE7EiLAAAAAElFTkSuQmCC');"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/fad7b705-8552-4f93-965e-c6944dc6e242/narrative-build-value-for-all-cover.png?crop=2240%2C1600%2C0%2C0" class="img--fluid" alt="Narrative Build Value For All Cover" /> </figure> </div> <h3>Advancing humanity through openness</h3> <span class="typo--arrowed typo--bordered"> Our thoughts on open source</span> </a> </div> <div class="landingCtas__item"> <a href="https://www.commarts.com/features/area-17" target="_blank" rel="noopenner noreferrer" > <div class="landingCtas__media"> <figure style="background-image:url('data:image/gif;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCAAUAB4DASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAwACBAj/xAAYEAEBAQEBAAAAAAAAAAAAAAAAAgEhMf/EABYBAQEBAAAAAAAAAAAAAAAAAAABAv/EABURAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIRAxEAPwDzVegvWr0N6y2xeirW60Nb0V313QUkEHfgt9SFf//Z');"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/44ddf0ca-cc62-40ca-a71f-d088d04b44a5/resource_5.jpg?crop=1356%2C905%2C0%2C0" class="img--fluid" alt="Resource 5" /> </figure> </div> <h3>20 years of AREA 17</h3> <span class="typo--external typo--bordered"> CommsArts</span> </a> </div> <div class="landingCtas__item"> <a href="https://www.brandingmag.com/george-eid/behavioral-branding-from-expression-to-behavior/" target="_blank" rel="noopenner noreferrer" > <div class="landingCtas__media"> <figure style="background-image:url('data:image/gif;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCAAUAB4DASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAIBBP/EABYQAQEBAAAAAAAAAAAAAAAAAAABEf/EABcBAQEBAQAAAAAAAAAAAAAAAAIBBwj/xAAVEQEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEQMRAD8A7YuRMi5GB1zFRpIrBG1EbAWrVRoDQr//2Q==');"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/997b502a-0c6c-4690-9280-1252bffeb84e/AREA_17_expression_to_behavior.jpg?crop=4068%2C2712%2C0%2C0" class="img--fluid" alt="Area 17 Expression To Behavior" /> </figure> </div> <h3>From Expression to Behavior</h3> <span class="typo--external typo--bordered"> Brandingmag</span> </a> </div> <div class="landingCtas__item"> <a href="https://area17.com/contact" > <div class="landingCtas__media"> <figure style="background-image:url('data:image/gif;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCAAUAB4DASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAwACBQH/xAAXEAEBAQEAAAAAAAAAAAAAAAAAAgEh/8QAGAEAAgMAAAAAAAAAAAAAAAAAAAEDBQb/xAAVEQEBAAAAAAAAAAAAAAAAAAAAEv/aAAwDAQACEQMRAD8A4V0G6avQXrOUrnl0C6xq9Be9Og6FaGt1JCQb3Q3upAP/2Q==');"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/99874ba4-74f5-4a7b-8017-0208ff8c15c7/AREA_17_hiring.jpg?crop=4068%2C2712%2C0%2C0" class="img--fluid" alt="Area 17 Hiring" /> </figure> </div> <h3>We're hiring</h3> <span class="typo--arrowed typo--bordered"> Job openings</span> </a> </div> <div class="landingCtas__item"> <div class="landingCtas__media landingCtas__media--video"> <video playsinline="playsinline" autoplay="autoplay" loop="loop" mute="true" muted="muted" preload="metadata"> <source src="https://media-cdn.area17.com/0b6d8a60-9883-4a59-9d3a-96c1274055a0/ssstwitter.com_1698258040174.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <button class="videoBtn" data-behavior="video_toggle"> <span data-play hidden> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M15 10L6 15.1962L6 4.80385L15 10Z" fill="currentColor"/> </svg> <span class="visually-hidden">Play</span> </span> <span data-pause> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="5" y="4" width="3" height="12" fill="currentColor"/> <rect x="12" y="4" width="3" height="12" fill="currentColor"/> </svg> <span class="visually-hidden">Pause</span> </span> </button> </div> <a href="https://twillcms.com/blog/twill-3.html" target="_blank" rel="noopenner noreferrer" > <div class="landingCtas__media landingCtas__media--hidden"> </div> <h3>Twill 3.0 release</h3> <span class="typo--external typo--bordered"> Release notes</span> </a> </div> </section> </div> <div id="contentIndex" data-animate-clip class="content--filterall" data-filter-active="all"> </div> </div> <footer class="footer" id="footer"> <div class="footer__inner"> <div class="footer__col footer__col--right footer__col--flex"> <div class="footer__col-inner footer__col-inner--left"> <a href="#" data-newsletter-trigger class="typo--arrowed typo--borderedHover">Subscribe to our newsletter</a><br/> <a href="https://www.linkedin.com/company/area-17/" target="_blank" rel="noopenner noreferrer" class="typo--bordered">LinkedIn</a> <a href="https://twitter.com/AREA_17_" target="_blank" rel="noopenner noreferrer" class="typo--bordered">X (Twitter)</a> <a href="https://www.instagram.com/AREA_17_/" target="_blank" rel="noopenner noreferrer" class="typo--bordered">Instagram</a> </div> <div class="footer__col-inner footer__col-inner--right"> <a href="https://archive.area17.com/" target="_blank" rel="noopenner noreferrer" class="typo--arrowed typo--external typo--borderedHover">2003—2024 archives</a> <br/> <a href="/dei" class="typo--bordered responsive-hide-show-text-container"><span class="hide-large-and-down body-copy">Diversity, Equity & Inclusion</span><abbr class="hide-large-and-up body-copy" title="Diversity, Equity & Inclusion">DEI</abbr></a> <a href="/privacy-policy" class="typo--bordered">Privacy policy</a> </div> </div> <div class="footer__col"> © AREA 17 <br/> <a id="lang_switcher" href=" https://area17.com/fr " class="typo--bordered">Version française</a> </div> </div> <article class="newsletter" data-newsletter-section data-thanks="Thank you for subscribing" data-error="Enter a valid email address"> <form action="/api/newsletter" class="newsletter__form" data-behavior="newsletter_form" data-newsletter-form> <div class="newsletter__inner"> <div class="footer__col" data-newsletter-message data-default="Newsletter">Newsletter</div> <div class="footer__col footer__col--right"> <input id="fieldEmail" aria-label="email address" name="email_non_hp" type="email" placeholder="Email address" data-newsletter-email/> <button type="submit">Submit</button> </div> </div> </form> </article> </footer> </div> </div> <div class="panel__container" data-behavior="close_panel_overlay keyboard_panel_nav" data-panel-scroller data-close-confirm="Do you want to close this page? Changes that you made may not be saved." tabindex="0"> <div class="panel" data-behavior="close_panel_overlay"> <header class="panel__header"> <h2 class="panel__title" data-panel-title></h2> <button class="panel__close" data-behavior="close_panel"><i class="panel__closeIcon icon__close"></i><span class="panel__closeLabel"><span>Close</span></span></button> </header> <div class="panel__inner"> <div class="panel__dynamic" data-panel-content></div> <div class="panel__dynamic" data-panel-next></div> </div> </div> <div class="panel__mask"></div> </div> <script type="text/template" id="template_next"> <footer class="prefooter prefooter--casestudy prefooter--bordered"> <a href="{{url}}" data-behavior="show_panel" class="prefooter__text" data-next-panel> <span class="prefooter__content"> <span class="prefooter__next">Next</span> <span class="typo--title prefooter__arrowed"><span class="prefooter__hover">{{title}}</span></span> </span> </a> <a href="{{url_previous}}" data-behavior="show_panel" data-previous-panel class="hide"></a> </footer> </script> <div class="emailTicker" data-email-message><p></p></div> <script src="/build/js/application.min.f88e381c.js"></script> <script type="text/javascript" nonce="pOHxkIu4qfEMlssCLtFswPSQCtECTSnN"> // LinkedIn Embed Code _linkedin_partner_id = '2142538'; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); // Leadfeeder Embed Code window.ldfdr = window.ldfdr || {}; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-2MV54H8MD4'); gtag('consent', 'default', { 'ad_storage': 'granted', 'analytics_storage': 'granted' }); // List of scripts to load if cookie consent window.A17.cookieScripts = [ { type: 'text/javascript', async: true, src: 'https://snap.licdn.com/li.lms-analytics/insight.min.js', // LinkedIn Embed Code }, { src: 'https://sc.lfeeder.com/lftracker_v1_lAxoEaKee17OYGd0.js' // Leadfeeder Embed Code }, { async: true, src: 'https://www.googletagmanager.com/gtag/js?id=G-2MV54H8MD4' // Google Analytics } ]; var _hsp = (window._hsp = window._hsp || []); _hsp.push(['addPrivacyConsentListener', function (consent) { A17.load3rdPartyScripts(consent.allowed); const currConsent = consent.categories; //load 3rd party scripts if consent.allowed is false but analytics is enabled //assumption is that all 3rd party scripts being loaded relate to analytics if ((consent.allowed === false) && (currConsent.analytics)) { A17.load3rdPartyScripts(currConsent.analytics); } let grantedConsent = { 'ad_storage': 'granted', 'analytics_storage': 'granted' }; if (currConsent.analytics === false) { grantedConsent.analytics_storage ='denied'; } if (currConsent.advertisement === false) { grantedConsent.ad_storage ='denied'; } gtag('consent', 'update', grantedConsent); }]); </script>  <script type="text/javascript" id="hs-script-loader" async defer src="https://js.hs-scripts.com/8770375.js"></script>  </body> </html>

CINXE.COM

AREA 17 — A brand, experience, and technology company