<!DOCTYPE html>
<html class="no-js" lang="en" xmlns:fb="https://ogp.me/ns/fb#" xmlns:ng="https://angularjs.org" ng-controller="AppCtrl" ng-class="{mobile: isMobile}">
<head>

	<base href="/"></base>

	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="google" content="notranslate" />

	<title ng-bind-template="YES — {{pageTitle}}">YES — A Multidisciplinary Design Studio</title>

	<meta name="description" content="{{ pageDescription | htmlToPlaintext }}">

	<meta ng-if="pageKeywords" name="keywords" content="{{ pageKeywords }}">

	<meta name="author" content="https://yes.studio">

	<meta name="viewport" content="minimal-ui, width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="HandheldFriendly" content="True">
	<meta name="apple-mobile-web-app-capable" content="yes" />

	<meta name="twitter:card" content="summary_large_image">
	<meta name="twitter:site" content="@yesstudio">
	<meta name="twitter:title" ng-attr-content="YES — {{pageTitle}}" content="YES — A Multidisciplinary Design Studio">
	<meta name="twitter:description" ng-attr-content="{{ pageDescription | htmlToPlaintext }}" content="YES is an art direction, design and technology studio founded in 2004. We are based in London and work with a global client list within the areas of culture and commerce.">
	<meta name="twitter:image:src" ng-attr-content="https://{{bucketName}}/{{slug}}/cache/{{slug}}-{{ image }}.jpg" content="https://assets.yesstud.io/yes/cache/yes-1592-w700.jpg">
	<meta name="twitter:domain" content="yes.studio">

	<meta property="og:title" ng-attr-content="YES — {{pageTitle}}" content="YES — A Multidisciplinary Design Studio">
	<meta property="og:description" ng-attr-content="{{ pageDescription | htmlToPlaintext }}" content="YES is an art direction, design and technology studio founded in 2004. We are based in London and work with a global client list within the areas of culture and commerce.">
	<meta property="og:image" ng-attr-content="https://{{bucketName}}/{{slug}}/cache/{{slug}}-{{ image }}.jpg" content="https://assets.yesstud.io/yes/cache/yes-1592-w700.jpg">
	<meta property="og:site_name" content="yes.studio">

	<link rel="shortcut icon" type="image/ico" href="/icon/favicon.ico">
	<link rel="apple-touch-icon" sizes="57x57" href="/icon/apple-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="60x60" href="/icon/apple-icon-60x60.png">
	<link rel="apple-touch-icon" sizes="72x72" href="/icon/apple-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76" href="/icon/apple-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114" href="/icon/apple-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120" href="/icon/apple-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144" href="/icon/apple-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152" href="/icon/apple-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="/icon/apple-icon-180x180.png">
	<link rel="icon" type="image/png" sizes="192x192"  href="/icon/android-icon-192x192.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/icon/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="96x96" href="/icon/favicon-96x96.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/icon/favicon-16x16.png">
	<link rel="manifest" href="/icon/manifest.json">
	<meta name="msapplication-TileColor" content="#ffffff">
	<meta name="msapplication-TileImage" content="/icon/ms-icon-144x144.png">
	<meta name="theme-color" content="#ffffff">

	<link rel="stylesheet" href="/styles/css/global.css?v=0.0.691">

	<!-- <link ng-if="canonical" href="//yes.studio{{ canonical }}" rel="canonical" /> -->

	<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js"></script>

	<script type="text/javascript">

	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

	ga('create', 'UA-6574228-64', 'auto');
	ga('require', 'linkid', 'linkid.js');
	ga('require', 'displayfeatures');
	ga('send', 'pageview');

	</script>

	<script type="application/ld+json">
		{
		  "@context": "https://schema.org",
		  "@type": "Organization",
		  "name": "YES Studio",
		  "url": "https://yes.studio",
		  "sameAs": [
		    "https://www.twitter.com/YESstudio",
		    "https://instagram.com/yesstud.io"
		  ]
		}
	</script>

</head>

<body
class="{{stateID}} {{ backgroundColor }} {{ textColor }} {{ bodyHeaderClass }}"
ng-class="{'mobile': isMobile, 'not-mobile': !isMobile, 'portrait': isPortrait, 'landscape': !isPortrait}"
ng-init="$root.bucketName='assets.yesstud.io'; $root.icName='ic3.yesstud.io'; $root.slug='yes'; $root.strapline='A Multidisciplinary Design Studio'; $root.landingdescription='YES is an art direction, design and technology studio founded in 2004. We are based in London and work with a global client list within the areas of culture and commerce.'; $root.keywords='YES, YES design, YES studio, YES london, YES graphic design, YES design london, YES graphic design london, YES studio london, design, graphic design, studio, london, Design: YES, designed by YES, commercial art, art direction, Simon Earith, rochelle school, arnold circus, e2 7es, shoreditch, typography, image making, publishing, music, art, fashion, broadcasting, books, record sleeves, identity, branding, printed matter, websites, title sequences, A Foundation, Acid Haus, Agrifashionista, Dirty Vegas, Genius, Geographics, Green Badge, Katy Moran, Koenig Books, Maximo Park, Modern Art, Moloko, Nigel Cooke, Standard Modern, Toby Ziegler, The Big Art Project, The List, The Stands, Wasted Youth, Whites, Design Studio';"
>
<header
ng-include="'templates/menu.html'"
data-colour="{{menuColour}}"
ng-class="{'menu-open':menuOpen}"
></header>

<article ui-view="article" class="anim-in-out {{animType}}" autoscroll="false" data-anim-speed="1000" data-anim-sync="{{animSync}}" data-anim-out-speed="1000" data-anim-in-speed="2000"></article>

<div class="next-prev" ng-if="!isMobile">
	<div
	class="prev"
	ng-mouseover="$root.hideRelated = true"
	ng-mouseleave="$root.hideRelated = false"
	>
	<a
	ng-click="$root.prev.hide = true; $root.setAnim('anim-slide-right'); $root.next.hide = true; $root.trackProject('Click Previous')"
	href="{{ prev.url }}/"
	ng-class="{'hide-image' : prev.hide}"
	>
	<div class="arrow">←</div>
	<div class="title">{{ prev.title }}</div>
	<div class="image" ng-repeat="asset in prev.assets" ng-attr-style="width:{{ next.width }}px;height:{{next.height}}px">
		<img
		ng-src="https://{{bucketName}}/{{slug}}/cache/{{slug}}-{{asset.asset_id}}-w380-h254-sm1-g0.jpg"
		ng-src-error
		/>
	</div>
</a>
</div>
<div
class="next"
ng-mouseover="$root.hideRelated = true"
ng-mouseleave="$root.hideRelated = false"
>
<a
ng-click="$root.next.hide = true; $root.setAnim('anim-slide-left'); $root.next.hide = true; $root.trackProject('Click Next')"
href="{{ next.url }}/"
ng-class="{'hide-image' : next.hide}"
>
<div class="arrow">→</div>
<div class="title">{{ next.title }}</div>
<div class="image" ng-repeat="asset in next.assets" ng-attr-style="width:{{ next.width }}px;height:{{next.height}}px">
	<img
	ng-src="https://{{bucketName}}/{{slug}}/cache/{{slug}}-{{asset.asset_id}}-w380-h254-sm1-g0.{{asset.asset_format}}"
	ng-src-error
	/>
</div>
</a>
</div>

</div>
<script src="/scripts/build/yes.min.js?v=0.0.691"></script>

</body>
</html>
