<section class="Global-header">
<div class="Header">
<div class="Header__container constrain">
<a href="/" class="Header__logo focus" title="Home">
<svg role="img" aria-labelledby="clearleft-logo" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 154 54">
<title id="clearleft-logo">Clearleft</title>
<style>
.Logo-streak {
mask-repeat: no-repeat;
stroke-dasharray: 150% 150%;
stroke-dashoffset: 150%;
}
.animateLogo-streak {
animation: swipe 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0.8s forwards;
}
@keyframes swipe {
from {
stroke-dashoffset: 150%;
}
to {
stroke-dashoffset: 0;
}
}
</style>
<path class="Logo-text" fill="currentColor" d="M152.5 27.5v5.4h-2.4c-5.5 0-8.6-3.3-8.6-9.3v-6.8h-7.4v16.1h-5.6V16.8h-3.1l-.1-4.6h3.1v-.6c0-6 3-9.3 8.6-9.3h2.4v5.4H137c-2 0-2.9 1.3-2.9 4v.6h7.4v-4l5.6-3.6v7.4h4v4.6h-4v6.8c0 2.7 1 4 2.9 4h2.5zM77 11.9h5.6v21H77v-2c-1.7 1.7-4 2.7-6.4 2.6-5.7 0-10.1-4.8-10.1-11s4.4-11 10.1-11c2.4-.1 4.7.8 6.4 2.5v-2.1zm0 10.5c0-3.5-2.4-6.1-5.6-6.1s-5.6 2.6-5.6 6.1 2.3 6.1 5.6 6.1S77 26 77 22.4zm12.9-8.7v-1.8h-5.4v21h5.6v-9.5c0-4.5.8-6.8 5-6.8h1.5v-5.4h-.2c-3 0-5.2.9-6.5 2.5zM98 32.8h5.6V2.4H98v30.4zM17 8.1c3.2 0 6.1 1.8 7.6 4.5l.1.2.2-.1 4.8-3.1.3-.1-.1-.2C27 5 22.2 2.4 17.1 2.4 8.6 2.3 1.6 9.1 1.5 17.5v.3c-.1 8.5 6.8 15.4 15.3 15.5h.3c5.1.1 9.9-2.5 12.8-6.7l.1-.2-5.2-3.4-.1.2c-1.6 2.7-4.5 4.4-7.6 4.5-5.2 0-9.2-4.3-9.2-9.8 0-4.8 3.4-9.8 9.1-9.8zm14.6 24.7h5.6V2.4h-5.6v30.4zm94-10.5c0 .6 0 1.1-.1 1.7v.5h-14.8c.5 2.5 2.8 4.3 5.4 4.1 2 0 3.9-.7 5.5-2l.4-.3 2.8 4-.3.3c-2.4 2-5.5 3.1-8.6 3-6.4 0-10.8-4.6-10.8-11.1s4.3-11.1 10.6-11.1c5.7-.2 9.8 4.4 9.9 10.9zm-5.7-2.2c-.6-2.5-2.2-3.9-4.5-3.9-2.4-.1-4.4 1.6-4.7 3.9h9.2zm-60.7 2.2c0 .6 0 1.1-.1 1.7v.5H44.3c.5 2.5 2.8 4.3 5.4 4.1 2 0 3.9-.7 5.5-2l.4-.3 2.8 4-.3.3c-2.4 2-5.5 3.1-8.6 3-6.4 0-10.8-4.6-10.8-11.1S43 11.2 49.2 11.2c5.9 0 10 4.6 10 11.1zm-5.6-2.2c-.6-2.5-2.2-3.9-4.5-3.9-2.4-.1-4.4 1.6-4.7 3.9h9.2z" />
<clippath id="headerMask">
<path d="M151.8 44c-.2-1-1.1-1.6-2-1.4h-.1c-1.1.4-2.2.4-3.3.2-1.4-.2-2.9-.3-4.3-.5-2.4-.3-4.8-.5-7.2-.7-2.6-.2-5.3-.3-7.9-.5-2.5-.2-4.9-.4-7.4-.5-5.2-.3-10.5-.5-15.7-.6-4.4-.2-19.6-.3-23.9-.3-3.1 0-6.1.1-9.2.2-4.1 0-18.9.3-23 .6-4.3.2-8.7.4-13 .7-4 .3-8 .5-11.9.7-.9 0-1.8.1-2.7.3-2.4 0-4.4.2-6.5.3-1.7.1-3.4.1-5 .4v0c-.7 0-1-.4-2.1-.3s-2.1.5-2.1 1.1c-.5.1 0 .4-.6.5v.5c.4.2.6.4 0 .7v.2c.3-.1.4 0 .6.1v.4c-.4.2-.2.4-.1.5s.5.4.4.7c-.1.5.1 1 .5 1.3v.2c.1.7 1.1 1.3 1.2 2 .1.5 1 1 2.3.9 1.1-.1 1.5-.5 2.5-.7.2 0 .8-.1 1-.1 4.2-.3 8.5-.6 12.7-1 1.2-.1 2.6-.1 3.7-.3 1.5-.3 3.1-.3 4.6-.5 2.9-.3 5.8-.5 8.6-.5 2.4 0 4.8-.3 7.2-.4 1.3-.1 2.7.1 4-.1.5-.1 1-.1 1.6-.1 1.4.1 13.7-.1 15.1-.1 2.8 0 5.6-.1 8.4-.2 3.3-.1 17.4-.2 20.7 0 1.1 0 2.3.2 3.4.2 3.1-.2 6.2.1 9.3.2 2.7.1 5.4.3 8.1.4s5.2.2 7.8.5c1 .1 2.1.2 3.1.3.8.1 1.4-.2 2.2-.1 2 .3 4.1.5 6.2.6 1.1 0 2.2.1 3.2.3 1.6.3 3.1.5 4.7.7l1 .4c.9.4 1.8.5 2.8.3.5-.3.8-1 .6-1.6v-.2c.1-.2.2-.3.1-.5.3-.1.3-.2.2-.4.2-.6.7-1.1.4-1.7-.1-.2-.4-.6.4-.8v-.5c-.4 0-.4-.2-.5-.3-.2-.5-.1-1-.1-1.5zM78.3 45.3h-.2.2" />
</clippath>
<path class="Logo-streak animateLogo-streak" clip-path="url(#headerMask)" fill-rule="evenodd" fill="none" stroke="#23D8A0" stroke-width="13" d="M-1.1 49.4s50.4-6.3 81.9-6 77.1 4.6 77.1 4.6" />
</svg> </a>
<div class="Header__desktop-nav">
<nav class="PrimaryNav" aria-label="Primary">
<ul class="PrimaryNav__list" role="list">
<li class="PrimaryNav__listItem">
<a href="#" class="PrimaryNav__link focus ">
Services
</a>
</li>
<li class="PrimaryNav__listItem">
<a href="#" class="PrimaryNav__link focus ">
Work
</a>
</li>
<li class="PrimaryNav__listItem">
<a href="#" class="PrimaryNav__link focus ">
Thinking
</a>
</li>
<li class="PrimaryNav__listItem">
<a href="#" class="PrimaryNav__link focus ">
About
</a>
</li>
<li class="PrimaryNav__listItem">
<a href="#" class="PrimaryNav__link focus ">
Contact
</a>
</li>
</ul>
</nav>
</div>
<div class="Header__mobile-nav">
<button class="Button focus Button--outline Header__toggle" data-a11y-dialog-show="mobile-nav"><span>Menu</span></button>
<!-- dialog markup -->
<div class="Dialog Header__mobile-nav-modal" id="mobile-nav" data-a11y-dialog="mobile-nav" aria-labelledby="mobile-nav-title" aria-hidden="true">
<div role="document" class="Dialog__content Header__mobile-nav-inner constrain">
<h2 class="vh" id="mobile-nav-title">
Primary Navigation
</h2>
<button type="button" data-a11y-dialog-hide aria-label="Close dialog" class="Header__mobile-nav-close">
<span class="vh">Close dialog</span>
</button>
<nav class="PrimaryNav PrimaryNav--mobile" aria-label="Primary">
<ul class="PrimaryNav__list" role="list">
<li class="PrimaryNav__listItem">
<a href="#" class="PrimaryNav__link focus ">
Services
</a>
</li>
<li class="PrimaryNav__listItem">
<a href="#" class="PrimaryNav__link focus ">
Work
</a>
</li>
<li class="PrimaryNav__listItem">
<a href="#" class="PrimaryNav__link focus ">
Thinking
</a>
</li>
<li class="PrimaryNav__listItem">
<a href="#" class="PrimaryNav__link focus ">
About
</a>
</li>
<li class="PrimaryNav__listItem">
<a href="#" class="PrimaryNav__link focus ">
Contact
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<nav class="constrain" aria-label="Breadcrumb">
<a href="#" class="Twi Twi--link eyebrow eyebrow--black text-grey focus" style="">
<svg role="img" aria-hidden="true" focusable="false" class="Icon Icon--arrow-left eyebrow eyebrow--black text-grey">
<use xlink:href="/v6-assets/img/icons/sprite.svg?cachebust=2#arrow-left"></use>
</svg>
<span>services</span></a>
</nav>
<figure class="constrain">
<div class="Shape-slat__shape anim-triangle">
<svg width="60" viewbox="0 0 60 59" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="triangles grey" d="M41.5308 23.6922L22.3132 56.9781L3.09559 23.6922L41.5308 23.6922Z" fill="#425968" />
<path class="triangles green" d="M57.4879 14.2176L38.2703 47.5035L19.0526 14.2176L57.4879 14.2176Z" fill="#23D8A0" />
</svg>
</div>
</figure>
<section class="Page-header">
<div class="constrain">
<div class="Page-header__content grid grid--v-gap-l grid--10/2">
<div class="flow--m">
<header class="flow">
<h1 class="Page-header__header h h-1">
<span>Explore the</span>
<span>future</span>
</h1>
</header>
</div>
</div>
</div>
</section>
</section>
<div class="flow--l">
<header class="flow--3xs">
<h3 class="eyebrow eyebrow--accent eyebrow--black">
We can help you
</h3>
</header>
<div class="grid grid--of-three grid--v-gap">
<article class="Nutshell flow--s Nutshell--border">
<div class="flow--2xs">
<header class="flow--2xs">
<h2 class="h h-4">
Articulate a clear mission
</h2>
</header>
</div>
</article>
<article class="Nutshell flow--s Nutshell--border">
<div class="flow--2xs">
<header class="flow--2xs">
<h2 class="h h-4">
Rapidly solve problems
</h2>
</header>
</div>
</article>
<article class="Nutshell flow--s Nutshell--border">
<div class="flow--2xs">
<header class="flow--2xs">
<h2 class="h h-4">
Understand your customers
</h2>
</header>
</div>
</article>
</div>
</div>
<div class="Testimonials">
<figure class="Quote">
<blockquote class="Quote__quote body">
<p>Clearleft are one of only a few agencies in the world who consistently and predictably deliver successful projects. This shouldn’t be a rare skill amongst agencies, but in my experience it is.”</p>
</blockquote>
<footer class="Quote__footer">
<img class="Quote__image" src="" alt="" />
<div class="Quote__cite small">
<cite class="Quote__author">Josh Seiden</cite>
<cite class="Quote__company">seiden consulting</cite>
</div>
</footer>
</figure>
</div>
<div class="Case-study-promo">
<div class="flow">
<h2 class="Case-study-promo__eyebrow eyebrow">
case studies
</h2>
<h3 class="h h-4">
We’ve recently helped
</h3>
</div>
<div class="Case-study-promo__list grid grid--7/5" role="list">
<article class="Case-study-promo__featured flow--m theme--dark">
<img class="Case-study-promo__logo" src="https://via.placeholder.com/263x88" alt="3m" />
<p class="h h-4">
Build the culture and the capabilities for design to flourish
</p>
<a class="combo-button focus combo-button--green" href="#">
<span class="">Read this client story</span>
<div>
<svg role="img" aria-hidden="true" focusable="false" class="Icon Icon--arrow-right Icon--s">
<use xlink:href="/v6-assets/img/icons/sprite.svg?cachebust=2#arrow-right"></use>
</svg>
</div>
</a>
</article>
<ul class="Case-study-promo__collection" role="list">
<li class="Case-study-promo__item">
<article class="Article-signpost">
<div class="Article-signpost__wrapper focus">
<div class="flow--3xs">
<p class="eyebrow">client</p>
<p class="h h-6"><a class="Article-signpost__link" href="#">Build the culture and the capabilities for design to flourish</a></p>
</div>
<svg role="img" aria-hidden="true" focusable="false" class="Icon Icon--arrow-right ">
<use xlink:href="/v6-assets/img/icons/sprite.svg?cachebust=2#arrow-right"></use>
</svg>
</div>
</article>
</li>
<li class="Case-study-promo__item">
<article class="Article-signpost">
<div class="Article-signpost__wrapper focus">
<div class="flow--3xs">
<p class="eyebrow">client</p>
<p class="h h-6"><a class="Article-signpost__link" href="#">Build the culture and the capabilities for design to flourish</a></p>
</div>
<svg role="img" aria-hidden="true" focusable="false" class="Icon Icon--arrow-right ">
<use xlink:href="/v6-assets/img/icons/sprite.svg?cachebust=2#arrow-right"></use>
</svg>
</div>
</article>
</li>
<li class="Case-study-promo__item">
<article class="Article-signpost">
<div class="Article-signpost__wrapper focus">
<div class="flow--3xs">
<p class="eyebrow">client</p>
<p class="h h-6"><a class="Article-signpost__link" href="#">Build the culture and the capabilities for design to flourish</a></p>
</div>
<svg role="img" aria-hidden="true" focusable="false" class="Icon Icon--arrow-right ">
<use xlink:href="/v6-assets/img/icons/sprite.svg?cachebust=2#arrow-right"></use>
</svg>
</div>
</article>
</li>
</ul>
</div>
</div>
<div class="Latest">
<div class="Latest__inner">
<div class="Latest__intro flow">
<h2 class="Latest__eyebrow eyebrow">
Latest
</h2>
<h3 class="h h-4">
Creative thinking
</h3>
</div>
<ul class="Latest__list" role="list">
<li class="Latest__item">
<article class="Article-signpost">
<div class="Article-signpost__wrapper focus">
<div class="flow--3xs">
<p class="eyebrow eyebrow--small">advice</p>
<p class="h h-6"><a class="Article-signpost__link" href="#">Short text</a></p>
</div>
</div>
</article>
</li>
<li class="Latest__item">
<article class="Article-signpost">
<div class="Article-signpost__wrapper focus">
<div class="flow--3xs">
<p class="eyebrow eyebrow--small">advice</p>
<p class="h h-6"><a class="Article-signpost__link" href="#">How to engage the right people when recruiting in house for research</a></p>
</div>
</div>
</article>
</li>
<li class="Latest__item">
<article class="Article-signpost">
<div class="Article-signpost__wrapper focus">
<div class="flow--3xs">
<p class="eyebrow eyebrow--small">advice</p>
<p class="h h-6"><a class="Article-signpost__link" href="#">Design Effectiveness Report 2019</a></p>
</div>
</div>
</article>
</li>
<li class="Latest__item">
<article class="Article-signpost">
<div class="Article-signpost__wrapper focus">
<div class="flow--3xs">
<p class="eyebrow eyebrow--small">advice</p>
<p class="h h-6"><a class="Article-signpost__link" href="#">Short text</a></p>
</div>
</div>
</article>
</li>
<li class="Latest__item">
<article class="Article-signpost">
<div class="Article-signpost__wrapper focus">
<div class="flow--3xs">
<p class="eyebrow eyebrow--small">advice</p>
<p class="h h-6"><a class="Article-signpost__link" href="#">How to engage the right people when recruiting in house for research</a></p>
</div>
</div>
</article>
</li>
<li class="Latest__item">
<article class="Article-signpost">
<div class="Article-signpost__wrapper focus">
<div class="flow--3xs">
<p class="eyebrow eyebrow--small">advice</p>
<p class="h h-6"><a class="Article-signpost__link" href="#">Design Effectiveness Report 2019</a></p>
</div>
</div>
</article>
</li>
</ul>
</div>
</div>
<aside class="Contact theme--light">
<div class="constrain">
<div class="Contact__container">
<div class="Contact__content flow">
<h2 class="h h-3">
You're Unique
</h2>
<div class="body">
<p>Which is why we prefer to tailor our approach specifically for you. We’d
be happy to discuss a collaborative partnership with your organisation
about how we can achieve the best outcomes together.
</p>
</div>
</div>
</div>
</div>
</aside>
<footer class="Site-footer Footer theme--dark">
<div class="grid grid--of-two constrain">
<div class="Footer__content flow--gutter">
<div class="grid grid--of-two">
<ul class="Footer__nav flow" role="list">
</ul>
<nav>
<ul class="Footer__nav flow--xs" role="list">
<li class="body small">
<span class="block">68 Middle Street</span>
<span class="block">Brighton</span>
<span class="block">BN1 1AL</span>
<span class="block">United Kingdom</span>
</li>
<li>
<a class="focus" href="mailto:info@clearleft.com">
info@clearleft.com
</a>
</li>
</ul>
</nav>
</div>
<p class="Footer__copyright body small">
<span class="nowrap">Copyright © 2005-Now Clearleft Ltd.</span>
<span class="nowrap">All Rights Reserved.</span>
</p>
</div>
<div class="flow--gutter">
<nav class="Footer__social">
<ul class="Footer__icons" role="list">
<li class="Footer__icon">
<a class="Footer__icon-link focus" href="https://twitter.com/clearleft" aria-label="Follow us on twitter">
<svg role="img" aria-hidden="true" focusable="false" class="Icon Icon--twitter Icon--m">
<use xlink:href="/v6-assets/img/icons/sprite.svg?cachebust=2#twitter"></use>
</svg>
</a>
</li>
<li class="Footer__icon">
<a class="Footer__icon-link focus" href="https://www.instagram.com/weareclearleft/" aria-label="Follow us on instagram">
<svg role="img" aria-hidden="true" focusable="false" class="Icon Icon--instagram Icon--m">
<use xlink:href="/v6-assets/img/icons/sprite.svg?cachebust=2#instagram"></use>
</svg>
</a>
</li>
<li class="Footer__icon">
<a class="Footer__icon-link focus" href="https://www.linkedin.com/company/clearleft/" aria-label="Follow us on linkedin">
<svg role="img" aria-hidden="true" focusable="false" class="Icon Icon--linkedin Icon--m">
<use xlink:href="/v6-assets/img/icons/sprite.svg?cachebust=2#linkedin"></use>
</svg>
</a>
</li>
<li class="Footer__icon">
<a class="Footer__icon-link focus" href="https://medium.com/clear-left-thinking" aria-label="Follow us on medium">
<svg role="img" aria-hidden="true" focusable="false" class="Icon Icon--medium Icon--m">
<use xlink:href="/v6-assets/img/icons/sprite.svg?cachebust=2#medium"></use>
</svg>
</a>
</li>
<li class="Footer__icon">
<a class="Footer__icon-link focus" href="https://www.flickr.com/photos/clearleft/" aria-label="Follow us on flickr">
<svg role="img" aria-hidden="true" focusable="false" class="Icon Icon--flickr Icon--m">
<use xlink:href="/v6-assets/img/icons/sprite.svg?cachebust=2#flickr"></use>
</svg>
</a>
</li>
<li class="Footer__icon">
<a class="Footer__icon-link focus" href="https://www.youtube.com/channel/UCnCDHgM8pT51sE7tlcgDsZg" aria-label="Follow us on youtube">
<svg role="img" aria-hidden="true" focusable="false" class="Icon Icon--youtube Icon--m">
<use xlink:href="/v6-assets/img/icons/sprite.svg?cachebust=2#youtube"></use>
</svg>
</a>
</li>
<li class="Footer__icon">
<a class="Footer__icon-link focus" href="https://vimeo.com/clearleft" aria-label="Follow us on vimeo">
<svg role="img" aria-hidden="true" focusable="false" class="Icon Icon--vimeo Icon--m">
<use xlink:href="/v6-assets/img/icons/sprite.svg?cachebust=2#vimeo"></use>
</svg>
</a>
</li>
</ul>
</nav>
<form class="Footer__form flow--xs" action="https://clearleft.us1.list-manage.com/subscribe?u=262832f6c05900ce22e8b14b6&id=02008ae435&email=value" method="post" target="popupwindow">
<legend class="h h-5">
Sign up to our newsletter
</legend>
<fieldset class="Footer__form-fieldset">
<input type="hidden" name="embed" value="1" />
<div class="Text-input flow--2xs Footer__form-input">
<label class="Text-input__title small vh" for="tle-email">
Email address
</label>
<input placeholder="Email address" class="Input " type="email" id="tle-email" name="MERGE0" value="" />
</div>
<button class="Button focus Button--outline-light" type="submit"><span>Sign up</span><svg role="img" aria-hidden="true" focusable="false" class="Icon Icon--arrow-right Icon--s">
<use xlink:href="/v6-assets/img/icons/sprite.svg?cachebust=2#arrow-right"></use>
</svg></button>
</fieldset>
<p class="body small">
Every two weeks we send out a newsletter. It's a round-up of
handpicked hyperlinks covering design, technology, and culture.
</p>
</form>
</div>
</div>
</footer>
<section class="Global-header">
{% include '@header' with header %}
{% include '@breadcrumb' with breadcrumb %}
{% include '@shape-slat' with {
shape: shape
} %}
{% include '@page-header' with pageheader %}
</section>
{% include '@nutshells' with package %}
{% include '@testimonials' with quote %}
{% include '@case-study-promo' with caseStudies %}
{% include '@latest' with latest %}
{% include '@contact-footer' with contact %}
{% include '@footer' %}
{
"header": {
"match": "",
"links": [
{
"url": "#",
"title": "Services"
},
{
"url": "#",
"title": "Work"
},
{
"url": "#",
"title": "Thinking"
},
{
"url": "#",
"title": "About"
},
{
"url": "#",
"title": "Contact"
}
]
},
"pageheader": {
"title": {
"lines": [
"Explore the",
"future"
]
},
"lede": "<p>Uncover, validate and nurture exciting and innovative ideas that create and sustain competitive advantage for your business.</p>"
},
"shape": "triangle",
"breadcrumb": {
"title": "services",
"link": "#"
},
"package": {
"eyebrow": "We can help you",
"shells": [
{
"title": "Articulate a clear mission",
"description": "<p>Knowing where and how to focus energy in a busy and disruptive environment can be an art in itself. Turn vague intentions into a actionable set of objectives and a brief for a potential new initiative.</p>",
"meta": [
"1 day",
"FREE - £2k"
]
},
{
"title": "Rapidly solve problems",
"description": "<p>Tricky challenges can be time-consuming and expensive to mitigate. Explore and unlock innovative solutions through a highly collaborative and engaging design process at pace. </p>",
"meta": [
"1 - 3 weeks",
"£15 - £35k"
]
},
{
"title": "Understand your customers",
"description": "<p>Great products and services come from a rich awareness of the people who use them. Reveal deeper insight by more proactively listening to your customers, audiences or end-users.</p>",
"meta": [
"1 day",
"FREE - £2k"
]
}
]
},
"contact": {
"eyebrow": "get in touch",
"image": "/v6-assets/img/splash1000w.jpg",
"title": "You're Unique",
"description": "<p>Which is why we prefer to tailor our approach specifically for you. We’d\n be happy to discuss a collaborative partnership with your organisation\n about how we can achieve the best outcomes together.\n </p>",
"linkLabel": "Let's chat",
"links": [
{
"title": "Short text",
"link": "#",
"eyebrow": "advice"
},
{
"title": "How to engage the right people when recruiting in house for research",
"link": "#",
"eyebrow": "advice"
},
{
"title": "Design Effectiveness Report 2019",
"link": "#",
"eyebrow": "advice"
},
{
"title": "Short text",
"link": "#",
"eyebrow": "advice"
},
{
"title": "How to engage the right people when recruiting in house for research",
"link": "#",
"eyebrow": "advice"
},
{
"title": "Design Effectiveness Report 2019",
"link": "#",
"eyebrow": "advice"
}
],
"form": {
"name": "Let’s chat about your project",
"description": "We would love to hear from you",
"submittedSuccessfully": false,
"testTags": true,
"fields": [
{
"handle": "help",
"label": "Let us know what you would like help with?",
"required": true
},
{
"handle": "budget",
"label": "Budget",
"required": true
},
{
"handle": "deadline",
"label": "Milestone/deadline",
"required": true
},
{
"handle": "email",
"label": "Email",
"required": true
},
{
"handle": "message",
"label": "Message"
}
]
}
},
"quotes": [
{
"quote": "<p>Clearleft are one of only a few agencies in the world who consistently and predictably deliver successful projects. This shouldn’t be a rare skill amongst agencies, but in my experience it is.”</p>",
"citation": "Josh Seiden",
"qualifier": "seiden consulting",
"image": "https://www.fillmurray.com/400/400"
}
],
"caseStudies": {
"eyebrow": "case studies",
"title": "We’ve recently helped",
"dark": true,
"caseStudies": [
{
"title": "Build the culture and the capabilities for design to flourish",
"text": "read this client story",
"link": "#",
"logo": "https://via.placeholder.com/263x88",
"client": "3m"
},
{
"title": "Build the culture and the capabilities for design to flourish",
"text": "read this client story",
"link": "#",
"logo": "https://via.placeholder.com/150",
"client": "client"
},
{
"title": "Build the culture and the capabilities for design to flourish",
"text": "read this client story",
"link": "#",
"logo": "https://via.placeholder.com/150",
"client": "client"
},
{
"title": "Build the culture and the capabilities for design to flourish",
"text": "read this client story",
"link": "#",
"logo": "https://via.placeholder.com/150",
"client": "client"
}
]
},
"latest": {
"eyebrow": "Latest",
"title": "Creative thinking",
"links": [
{
"title": "Short text",
"link": "#",
"eyebrow": "advice"
},
{
"title": "How to engage the right people when recruiting in house for research",
"link": "#",
"eyebrow": "advice"
},
{
"title": "Design Effectiveness Report 2019",
"link": "#",
"eyebrow": "advice"
},
{
"title": "Short text",
"link": "#",
"eyebrow": "advice"
},
{
"title": "How to engage the right people when recruiting in house for research",
"link": "#",
"eyebrow": "advice"
},
{
"title": "Design Effectiveness Report 2019",
"link": "#",
"eyebrow": "advice"
}
]
}
}
No notes defined.