CINXE.COM

<!doctype html> <html lang="en-US"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Heatherwick Studio | Design & Architecture | Google Gradient Canopy</title> <meta name="keywords" content="heatherwick studio, architecture, sculpture, urban infrastructure, product design, exhibition design, strategic thinking" /> <meta name="description" content="A multi-award winning British design and architecture studio - buildings, spaces, master-plans, objects and infrastructure."> <meta name="google-site-verification" content="ddSkrRgIqecY6IJ0rsXuvEz6PoIXJNfRPKPUBaXI19o" /> <meta name="p:domain_verify" content="ad7cc7b799fb038af67b8c10fb4a3171"/> <meta name="HandheldFriendly" content="True"> <meta name="MobileOptimized" content="320"> <meta name="viewport" content="width=device-width, initial-scale=1"/> <link rel="apple-touch-icon" sizes="180x180" href="https://heatherwick.com/wp-content/themes/heatherwick/library/images/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://heatherwick.com/wp-content/themes/heatherwick/library/images/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://heatherwick.com/wp-content/themes/heatherwick/library/images/favicon/favicon-16x16.png"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="theme-color" content="#ffffff"> <link rel="pingback" href="https://heatherwick.com/xmlrpc.php"> <link rel="preload prefetch" href="https://heatherwick.com/wp-content/themes/heatherwick/library/fonts/Relative-Bold-Web.eot" as="font" crossorigin> <link rel="preload prefetch" href="https://heatherwick.com/wp-content/themes/heatherwick/library/fonts/Relative-Bold-Web.woff" as="font" crossorigin> <link rel="preload prefetch" href="https://heatherwick.com/wp-content/themes/heatherwick/library/fonts/Relative-Bold-Web.woff2" as="font" crossorigin> <link rel="preload prefetch" href="https://heatherwick.com/wp-content/themes/heatherwick/library/fonts/Relative-Bold-Web.ttf" as="font" crossorigin> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <script id='google_gtagjs-js-consent-mode-data-layer'> window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} gtag('consent', 'default', {"ad_personalization":"denied","ad_storage":"denied","ad_user_data":"denied","analytics_storage":"denied","functionality_storage":"denied","security_storage":"denied","personalization_storage":"denied","region":["AT","BE","BG","CH","CY","CZ","DE","DK","EE","ES","FI","FR","GB","GR","HR","HU","IE","IS","IT","LI","LT","LU","LV","MT","NL","NO","PL","PT","RO","SE","SI","SK"],"wait_for_update":500}); window._googlesitekitConsentCategoryMap = {"statistics":["analytics_storage"],"marketing":["ad_storage","ad_user_data","ad_personalization"],"functional":["functionality_storage","security_storage"],"preferences":["personalization_storage"]}; window._googlesitekitConsents = {"ad_personalization":"denied","ad_storage":"denied","ad_user_data":"denied","analytics_storage":"denied","functionality_storage":"denied","security_storage":"denied","personalization_storage":"denied","region":["AT","BE","BG","CH","CY","CZ","DE","DK","EE","ES","FI","FR","GB","GR","HR","HU","IE","IS","IT","LI","LT","LU","LV","MT","NL","NO","PL","PT","RO","SE","SI","SK"],"wait_for_update":500}</script>   <link rel="canonical" href="https://heatherwick.com/project/google-charleston-east/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Heatherwick Studio | Design & Architecture | Google Gradient Canopy" /> <meta property="og:url" content="https://heatherwick.com/project/google-charleston-east/" /> <meta property="og:site_name" content="Heatherwick Studio | Design & Architecture" /> <meta property="article:publisher" content="https://www.facebook.com/pages/Heatherwick-Studio/218434211552490" /> <meta property="article:modified_time" content="2024-11-06T12:01:56+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://heatherwick.com/project/google-charleston-east/","url":"https://heatherwick.com/project/google-charleston-east/","name":"Heatherwick Studio | Design & Architecture | Google Gradient Canopy","isPartOf":{"@id":"https://heatherwick.com/#website"},"datePublished":"2020-12-02T19:10:54+00:00","dateModified":"2024-11-06T12:01:56+00:00","breadcrumb":{"@id":"https://heatherwick.com/project/google-charleston-east/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://heatherwick.com/project/google-charleston-east/"]}]},{"@type":"BreadcrumbList","@id":"https://heatherwick.com/project/google-charleston-east/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://heatherwick.com/"},{"@type":"ListItem","position":2,"name":"Google Gradient Canopy"}]},{"@type":"WebSite","@id":"https://heatherwick.com/#website","url":"https://heatherwick.com/","name":"Heatherwick Studio | Design & Architecture","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://heatherwick.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>  <link rel='dns-prefetch' href='//www.googletagmanager.com' /> <link rel='dns-prefetch' href='//player.vimeo.com' /> <link rel='stylesheet' id='wp-block-library-css' href='https://heatherwick.com/wp-includes/css/dist/block-library/style.min.css' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='css-aos-css' href='https://heatherwick.com/wp-content/themes/heatherwick/library/plugins/aos-2/dist/aos.css' type='text/css' media='all' /> <link rel='stylesheet' id='css-animate-css' href='https://heatherwick.com/wp-content/themes/heatherwick/library/plugins/animate/animate.css?v=1730246791' type='text/css' media='all' /> <link rel='stylesheet' id='css-css' href='https://heatherwick.com/wp-content/themes/heatherwick/library/css/style.css?v=1730246791' type='text/css' media='all' /> <link rel='stylesheet' id='css-bxslider-css' href='https://heatherwick.com/wp-content/themes/heatherwick/library/plugins/bxslider/jquery.bxslider-min.css?v=1730246791' type='text/css' media='all' />   <script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=GT-KD7L447" id="google_gtagjs-js" async></script> <script type="text/javascript" id="google_gtagjs-js-after"> /* <![CDATA[ */ window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} gtag("set","linker",{"domains":["heatherwick.com"]}); gtag("js", new Date()); gtag("set", "developer_id.dZTNiMT", true); gtag("config", "GT-KD7L447"); /* ]]> */ </script>  <link rel="https://api.w.org/" href="https://heatherwick.com/wp-json/" /><link rel='shortlink' href='https://heatherwick.com/?p=9869' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://heatherwick.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fheatherwick.com%2Fproject%2Fgoogle-charleston-east%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://heatherwick.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fheatherwick.com%2Fproject%2Fgoogle-charleston-east%2F&format=xml" /> <meta name="generator" content="Site Kit by Google 1.140.0" />  <script async src="https://www.googletagmanager.com/gtag/js?id=G-T2QB64PZH8"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-T2QB64PZH8'); </script> </head> <body class="pt_projects-template-default single single-pt_projects postid-9869 pt_projects-google-charleston-east" itemscope itemtype="http://schema.org/WebPage"> <div id="nav-overlay"> <nav class="main-menu"> <ul id="menu-main-menu" class=""><li id="menu-item-31" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-31 projects"><a href="https://heatherwick.com/projects/">Projects</a></li> <li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30 studio"><a href="https://heatherwick.com/studio/">Studio</a></li> </ul></nav><nav id="projects-menu" class="sub-menu"> <ul id="menu-projects-menu" class=""><li id="menu-item-40" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-40 buildings"><a href="https://heatherwick.com/projects/buildings/">Buildings</a></li> <li id="menu-item-41" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-41 public-space"><a href="https://heatherwick.com/projects/public-space/">Public Space</a></li> <li id="menu-item-42" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42 transport"><a href="https://heatherwick.com/projects/transport/">Transport</a></li> <li id="menu-item-43" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43 objects"><a href="https://heatherwick.com/projects/objects/">Objects</a></li> <li id="menu-item-14400" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14400 concepts"><a href="https://heatherwick.com/projects/concepts/">Concepts</a></li> </ul></nav><nav id="studio-menu" class="sub-menu"> <ul id="menu-studio-menu" class=""><li id="menu-item-25" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-25 about"><a href="https://heatherwick.com/studio/about/">About</a></li> <li id="menu-item-24" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24 news"><a href="https://heatherwick.com/studio/news/">News</a></li> <li id="menu-item-11183" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11183 ideas"><a href="https://heatherwick.com/studio/ideas/">Ideas</a></li> <li id="menu-item-10650" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10650 sustainability"><a href="https://heatherwick.com/studio/sustainability/">Sustainability</a></li> <li id="menu-item-10780" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10780 video"><a href="https://heatherwick.com/studio/video/">Video</a></li> <li id="menu-item-9645" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9645 books-and-objects"><a href="https://heatherwick.com/studio/books-and-objects/">Books & Objects</a></li> <li id="menu-item-23" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23 people"><a href="https://heatherwick.com/studio/people/">People</a></li> <li id="menu-item-11078" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11078"><a target="_blank" rel="noopener" href="https://jobs.heatherwick.com/">Jobs</a></li> <li id="menu-item-21" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21 contact"><a href="https://heatherwick.com/studio/contact/">Contact</a></li> </ul></nav> </div> <div id="mobile-menu-overlay"> <a class="menu-close" href="#"><svg width="9px" height="9px" viewBox="0 0 9 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs></defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Artboard" fill="#000000"> <polygon id="Fill-2" points="1 1.26009135 4.2375 4.4572275 1.0875 7.56795457 1.4375 7.82718183 4.5 4.80286384 7.7375 8 8 7.74077274 4.7625 4.54363659 7.911625 1.43290952 7.5625 1.17281817 4.5 4.19713616 1.2625 1"></polygon> </g> </g> </svg></a> <div class="combined-menus"> <h1>PROJECTS</h1> <nav id="projects-menu" class="sub-menu"> <ul id="menu-projects-menu-1" class=""><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-40 buildings"><a href="https://heatherwick.com/projects/buildings/">Buildings</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-41 public-space"><a href="https://heatherwick.com/projects/public-space/">Public Space</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42 transport"><a href="https://heatherwick.com/projects/transport/">Transport</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43 objects"><a href="https://heatherwick.com/projects/objects/">Objects</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14400 concepts"><a href="https://heatherwick.com/projects/concepts/">Concepts</a></li> </ul></nav> <h1>STUDIO</h1> <nav id="studio-menu" class="sub-menu"> <ul id="menu-studio-menu-1" class=""><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-25 about"><a href="https://heatherwick.com/studio/about/">About</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24 news"><a href="https://heatherwick.com/studio/news/">News</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11183 ideas"><a href="https://heatherwick.com/studio/ideas/">Ideas</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10650 sustainability"><a href="https://heatherwick.com/studio/sustainability/">Sustainability</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10780 video"><a href="https://heatherwick.com/studio/video/">Video</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9645 books-and-objects"><a href="https://heatherwick.com/studio/books-and-objects/">Books & Objects</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23 people"><a href="https://heatherwick.com/studio/people/">People</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11078"><a target="_blank" rel="noopener" href="https://jobs.heatherwick.com/">Jobs</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21 contact"><a href="https://heatherwick.com/studio/contact/">Contact</a></li> </ul></nav> </div> </div> <div id="search-overlay"> <nav class="close-search"><ul><li><a href="#"><span class="hidden-md-down">CLOSE</span><span class="hidden-lg-up"><svg width="9px" height="9px" viewBox="0 0 9 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs></defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Artboard" fill="#ffffff"> <polygon id="Fill-2" points="1 1.26009135 4.2375 4.4572275 1.0875 7.56795457 1.4375 7.82718183 4.5 4.80286384 7.7375 8 8 7.74077274 4.7625 4.54363659 7.911625 1.43290952 7.5625 1.17281817 4.5 4.19713616 1.2625 1"></polygon> </g> </g> </svg></span></a></li></ul></nav> <div class="search-form"> <form role="search" method="get" action="https://heatherwick.com"> <input type="hidden" name="post_type[]" value="pt_projects" /> <input type="hidden" name="post_type[]" value="pt_news" /> <input type="text" value="" name="s" id="s" /> <input type="submit" id="searchsubmit" value="SEARCH" /> </form> </div> </div> <section id="project"> <ul class="bxslider"> <li class="slide desktop mobile first" data-overlap-colour="black"> <div class="slide-content title_page"> <div class="half title text-center"> <div class="center-y width-100 xs-pl-20 xs-pr-20 lg-pl-0 lg-pr-0"> <p class="year xs-mb-12">2013</p> <h1 class="xs-mb-15">Google Gradient Canopy</h1> <h2>Mountain View, United States</h2> </div> </div> <div class="half lazy" style="background-image:url(https://heatherwick.com/wp-content/uploads/Gradient-Canopy-23-09-BIG-THA-3636-min-scaled_2560x1708_acf_cropped.jpg)"></div> </div> </li> <li class="slide desktop" data-overlap-colour="black"> <div class="slide-content single_centered_image"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16190.jpg" style='max-width: 60%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide mobile" data-overlap-colour="black"> <div class="slide-content single_centered_image"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16190.jpg" style='max-width: 100%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide desktop" data-overlap-colour="black"> <div class="slide-content two_images_left_right"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/Gradient-Canopy-23-09-BIG-THA-3902-min-scaled_2560x1708_acf_cropped.jpg" style='width: 30%; max-width: 30%; max-height: 100%;' title="" /> <div class="gutter" style="width: 5%;"></div> <img src="https://heatherwick.com/wp-content/uploads/Gradient-Canopy-23-09-BIG-THA-3899-min-scaled_2560x1707_acf_cropped.jpg" style='width: 30%; max-width: 30%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide desktop" data-overlap-colour="black"> <div class="slide-content two_images_left_right"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16179.jpg" style='width: 30%; max-width: 30%; max-height: 100%;' title="" /> <div class="gutter" style="width: 5%;"></div> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16180.jpg" style='width: 30%; max-width: 30%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide mobile" data-overlap-colour="black"> <div class="slide-content single_centered_image"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16179.jpg" style='max-width: 100%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide mobile" data-overlap-colour="black"> <div class="slide-content single_centered_image"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16180.jpg" style='max-width: 100%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide desktop mobile" data-overlap-colour="black"> <div class="slide-content single_centered_image"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/Gradient-Canopy-23-09-BIG-THA-1053-min-scaled_2560x1708_acf_cropped.jpg" style='max-width: 60%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide desktop" data-overlap-colour="black"> <div class="slide-content single_centered_image"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16196.gif" style='max-width: 60%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide mobile" data-overlap-colour="black"> <div class="slide-content single_centered_image"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16196.gif" style='max-width: 100%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide desktop" data-overlap-colour="black"> <div class="slide-content full_bleed_image" style="background-image:url(https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16186_2000x1141_acf_cropped.jpg)" title=""></div> </li> <li class="slide mobile" data-overlap-colour="black"> <div class="slide-content single_centered_image"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16186_2000x1124_acf_cropped.jpg" style='max-width: 100%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide desktop" data-overlap-colour="black"> <div class="slide-content single_centered_image"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16185.jpg" style='max-width: 60%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide mobile" data-overlap-colour="black"> <div class="slide-content single_centered_image"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16185.jpg" style='max-width: 100%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide desktop" data-overlap-colour="black"> <div class="slide-content single_centered_image"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16182.jpg" style='max-width: 60%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide mobile" data-overlap-colour="black"> <div class="slide-content single_centered_image"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16182.jpg" style='max-width: 100%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide desktop" data-overlap-colour="black"> <div class="slide-content two_images_left_right"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16178.jpg" style='width: 30%; max-width: 30%; max-height: 100%;' title="" /> <div class="gutter" style="width: 5%;"></div> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16177.jpg" style='width: 30%; max-width: 30%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide mobile" data-overlap-colour="black"> <div class="slide-content single_centered_image"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16178.jpg" style='max-width: 100%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide mobile" data-overlap-colour="black"> <div class="slide-content single_centered_image"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16177.jpg" style='max-width: 100%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide desktop" data-overlap-colour="black"> <div class="slide-content single_centered_image"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16189.jpg" style='max-width: 80%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide mobile" data-overlap-colour="black"> <div class="slide-content single_centered_image"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16189.jpg" style='max-width: 100%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide desktop" data-overlap-colour="black"> <div class="slide-content full_bleed_image" style="background-image:url(https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16188.jpg)" title=""></div> </li> <li class="slide mobile" data-overlap-colour="black"> <div class="slide-content single_centered_image"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16188.jpg" style='max-width: 100%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide desktop" data-overlap-colour="black"> <div class="slide-content full_bleed_image" style="background-image:url(https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16176.jpg)" title=""></div> </li> <li class="slide mobile" data-overlap-colour="black"> <div class="slide-content single_centered_image"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16176.jpg" style='max-width: 100%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide desktop" data-overlap-colour="black"> <div class="slide-content full_bleed_image_left"> <div class="half" style="background-image:url(https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16187.jpg)" title=""></div> <div class="half"> </div> </div> </li> <li class="slide mobile" data-overlap-colour="black"> <div class="slide-content single_centered_image"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16187.jpg" style='max-height: 100%; max-width: 100%;' title="" /> </div> </div> </li> <li class="slide desktop" data-overlap-colour="black"> <div class="slide-content full_bleed_image" style="background-image:url(https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16183.jpg)" title=""></div> </li> <li class="slide mobile" data-overlap-colour="black"> <div class="slide-content single_centered_image"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16183.jpg" style='max-width: 100%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide desktop" data-overlap-colour="black"> <div class="slide-content single_centered_image"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16181.jpg" style='max-width: 60%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide mobile" data-overlap-colour="black"> <div class="slide-content single_centered_image"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16181.jpg" style='max-width: 100%; max-height: 100%;' title="" /> </div> </div> </li> <li class="slide desktop" data-overlap-colour="black"> <div class="slide-content full_bleed_image" style="background-image:url(https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16199.jpg)" title=""></div> </li> <li class="slide mobile" data-overlap-colour="black"> <div class="slide-content single_centered_image"> <div class="images"> <img src="https://heatherwick.com/wp-content/uploads/heatherwick-Charleston-East-16199.jpg" style='max-width: 100%; max-height: 100%;' title="" /> </div> </div> </li> </ul> <div id="slider-prev"></div> <div id="slider-next"></div> <div class="project-info-links"> <a class="description-link" href="#">DESCRIPTION</a> <a class="details-link" href="#">DETAILS</a> </div> <div class="description type-text"> <nav class="close-description"><ul><li><a href="#"><span class="hidden-md-down">CLOSE</span><span class="hidden-lg-up"><svg width="9px" height="9px" viewBox="0 0 9 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs></defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Artboard" fill="#000000"> <polygon id="Fill-2" points="1 1.26009135 4.2375 4.4572275 1.0875 7.56795457 1.4375 7.82718183 4.5 4.80286384 7.7375 8 8 7.74077274 4.7625 4.54363659 7.911625 1.43290952 7.5625 1.17281817 4.5 4.19713616 1.2625 1"></polygon> </g> </g> </svg></span></a></li></ul></nav> <div class="description-content hidden-md-down" style=""> <div class="description-wrap" style="position: absolute;top: 150px;left: 15%;right: 15%"> <p style="text-align: justify"><span style="font-family: 'Abhaya Libre';font-size: 30px"> The renowned technology company Google invited the studio to design a new campus and headquarters in Mountain View, California, in collaboration with Bjarke Ingels Group. As Google鈥檚 first bespoke office buildings, the design was to physically manifest the company鈥檚 distinctive approach to working.</span></p> <p style="text-align: justify"><span style="font-family: 'Abhaya Libre';font-size: 30px">As well as creating offices that would adapt to the fast-moving nature of the technology industry, the project also needed to reflect Google鈥檚 philosophy of open collaboration. In contrast to its former home in a typically enclosed and car-centric Silicon Valley business park, Google鈥檚 workplace was to be a highly flexible space that could respond swiftly to its changing needs and evolve over time.</span></p> <p style="text-align: justify"><span style="font-family: 'Abhaya Libre';font-size: 30px">The Charleston East headquarters (now renamed Gradient Canopy) provides a workplace of approximately 55,000 sqm (595,000 sq ft) for 3,000 staff, arranged beneath a vast catenary roof. Inspired by the simplicity and adaptability of aircraft hangars, the envelope is formed of a series of steel canopies, draped between steel masts and pierced with 64 smile-shaped clerestory windows. Each canopy is clad with customised photovoltaic panels that generate substantial energy to power the building. Rainwater harvesting enhances its sustainable performance and provides almost 3m gallons of reusable water annually.</span></p> <p style="text-align: justify"><span style="font-family: 'Abhaya Libre';font-size: 30px">Freed from the convention of stacked office floors, the interior of the lightweight canopy is set around a large, day-lit open floor plate, composed of multiple tessellated platforms that step through the site. This creates visual connections across the floor for all staff while also allowing for easy subdivision and rearrangement in response to the different sizes and needs of each team. Tucked below the principal office floor are interstitial courtyards and support facilities, which provide spatial variety and areas in which to socialise. Keeping pace with the increasing need for adaptable office solutions, Gradient Canopy anticipates the rapidly changing nature of the way we work.</span></p> </div> </div> <div class="description-content hidden-lg-up" style=""> <div class="description-wrap" style="position: absolute;top: 20px;left: 40px;right: 40px"> <p style="text-align: left"><span style="font-family: 'Abhaya Libre'">The renowned technology company Google invited the studio to design a new campus and headquarters in Mountain View, California, in collaboration with Bjarke Ingels Group. As Google鈥檚 first bespoke office buildings, the design was to physically manifest the company鈥檚 distinctive approach to working.</span></p> <p style="text-align: left"><span style="font-family: 'Abhaya Libre'">As well as creating offices that would adapt to the fast-moving nature of the technology industry, the project also needed to reflect Google鈥檚 philosophy of open collaboration. In contrast to its former home in a typically enclosed and car-centric Silicon Valley business park, Google鈥檚 workplace was to be a highly flexible space that could respond swiftly to its changing needs and evolve over time.</span></p> <p style="text-align: left"><span style="font-family: 'Abhaya Libre'">The Charleston East headquarters (now officially named Gradient Canopy) provides a workplace of approximately 55,000 sqm (595,000 sq ft) for 3,000 staff, arranged beneath a vast catenary roof. Inspired by the simplicity and adaptability of aircraft hangars, the envelope is formed of a series of steel canopies, draped between steel masts and pierced with 64 smile-shaped clerestory windows. Each canopy is clad with customised photovoltaic panels that generate substantial energy to power the building. Rainwater harvesting enhances its sustainable performance and provides almost 3m gallons of reusable water annually.</span></p> <p style="text-align: left"><span style="font-family: 'Abhaya Libre'">Freed from the convention of stacked office floors, the interior of the lightweight canopy is set around a large, day-lit open floor plate, composed of multiple tessellated platforms that step through the site. This creates visual connections across the floor for all staff while also allowing for easy subdivision and rearrangement in response to the different sizes and needs of each team. Tucked below the principal office floor are interstitial courtyards and support facilities, which provide spatial variety and areas in which to socialise. Keeping pace with the increasing need for adaptable office solutions, Gradient Canopy anticipates the rapidly changing nature of the way we work.</span></p> </div> </div> </div> <div class="details"> <nav class="close-details"><ul><li><a href="#"><span class="hidden-md-down">CLOSE</span><span class="hidden-lg-up"><svg width="9px" height="9px" viewBox="0 0 9 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs></defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Artboard" fill="#000000"> <polygon id="Fill-2" points="1 1.26009135 4.2375 4.4572275 1.0875 7.56795457 1.4375 7.82718183 4.5 4.80286384 7.7375 8 8 7.74077274 4.7625 4.54363659 7.911625 1.43290952 7.5625 1.17281817 4.5 4.19713616 1.2625 1"></polygon> </g> </g> </svg></span></a></li></ul></nav> <div class="details-content entry-content text-center"> <div class="width-wrap xs-pt-30 xs-pb-30 xs-pl-30 xs-pr-30"> <h6>Client</h6> <p>Google</p> <h6>Appointment</h6> <p>2015</p> <h6>Status</h6> <p>Current</p> <h6>Area</h6> <p>595,000 sqft</p> <h6>Group Leader</h6> <p>Eliot Postma, Stuart Wood</p> <h6>Project Leader</h6> <p>Sarah Gill, Sam Aitkenhead, Stuart Macalister</p> <h6>Collaborators</h6> <p>Bjarke Ingels Group</p> <h6>Studio Team</h6> <p>Angela Bailen Lopez, Erich Breuer, Kyriakos Chatziparaskevas,<br /> Michael Chomette, German De La Torre, Andre Kong, Marko Koops,<br /> Adrienne Lau, Barbara Lavickova, Changyeob Lee, Ling Li Tseng,<br /> Freddie Lomas, Christopher McAnneny, Tom McKeogh, Marie Nihonyanagi, Francis Ng, Juan Ignacio Oyarbide, Hannah Parker, Luke Plumbley,<br /> Paul Robinson, Luis Sacristan,<br /> Luda Smart, Ricardo Sosa Mejia,<br /> Cliff Tan, Neal Tanna,<br /> Cassandra Tsolakis, Antoine van Erp, Marcos Velasco, Chen Zhan</p> </div> </div> </div> <nav class="close-project"><ul><li><a href="https://heatherwick.com/projects/buildings/?from_proj=google-charleston-east"><span class="hidden-md-down">CLOSE</span><span class="hidden-lg-up"><svg width="9px" height="9px" viewBox="0 0 9 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs></defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Artboard" fill="#000000"> <polygon id="Fill-2" points="1 1.26009135 4.2375 4.4572275 1.0875 7.56795457 1.4375 7.82718183 4.5 4.80286384 7.7375 8 8 7.74077274 4.7625 4.54363659 7.911625 1.43290952 7.5625 1.17281817 4.5 4.19713616 1.2625 1"></polygon> </g> </g> </svg></span></a></li></ul></nav> </section> <script type="text/javascript" src="https://heatherwick.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-consent-mode-3d6495dceaebc28bcca3.js" id="googlesitekit-consent-mode-js"></script> <script type="text/javascript" src="https://heatherwick.com/wp-includes/js/jquery/jquery.js" id="jquery-js"></script> <script type="text/javascript" src="https://heatherwick.com/wp-content/themes/heatherwick/library/plugins/aos-2/dist/aos.js" id="js-aos-js"></script> <script type="text/javascript" src="https://heatherwick.com/wp-content/themes/heatherwick/library/js/jquery.debouncedresize.js?v=1717253355" id="js-debouncedresize-js"></script> <script type="text/javascript" src="https://heatherwick.com/wp-content/themes/heatherwick/library/plugins/bxslider/jquery.bxslider.min.js" id="js-bxslider-js"></script> <script type="text/javascript" src="https://heatherwick.com/wp-content/themes/heatherwick/library/plugins/lazy/jquery.lazy.min.js" id="js-lazy-js"></script> <script type="text/javascript" src="https://heatherwick.com/wp-content/themes/heatherwick/library/plugins/lazy/plugins/jquery.lazy.vimeo.min.js" id="js-lazy-vimeo-js"></script> <script type="text/javascript" src="https://player.vimeo.com/api/player.js" id="js-vimeo-api-js"></script> <script type="text/javascript" src="https://heatherwick.com/wp-content/themes/heatherwick/library/plugins/jquery.mobile.custom/jquery.mobile.custom.min.js?v=1717253355" id="js-jquery-mobile-js"></script> <script type="text/javascript" src="https://heatherwick.com/wp-content/themes/heatherwick/library/js/scripts-project.min.js?v=1717253355" id="js-project-js"></script> <script type="text/javascript" src="https://heatherwick.com/wp-content/themes/heatherwick/library/js/scripts.min.js?v=1717253355" id="js-js"></script> </body> </html>