- 扫描 ID：
- 54460738-3b3b-4f5a-8e88-2a448a00ab46已完成
- 提交的 URL：
- https://www.wholegraindigital.com/
- 报告完成时间：
链接 · 找到 8 个
从页面中识别出的传出链接
| 链接 | 文本 |
|---|---|
| https://www.google.co.uk/maps/dir//London+WC2R+1LA/@51.5107357,-0.1191264,17z/data=!4m17!1m7!3m6!1s0x487604b5f17d57c5:0x5d055e3dc6f953af!2sLondon+WC2R+1LA!3b1!8m2!3d51.5107324!4d-0.1169377!4m8!1m0!1m5!1m1!1s0x487604b5f17d57c5:0x5d055e3dc6f953af!2m2!1d-0.1169377!2d51.5107324!3e3 | The Strand, London |
| https://www.bbc.com/worklife/article/20190918-some-firms-give-more-time-off-to-those-who-shun-plane-travel | |
| https://www.telegraph.co.uk/news/2019/10/12/employers-ease-flying-guilt-awarding-extra-holiday-time-rail/ | |
| https://www.theguardian.com/small-business-network/2013/dec/10/showcase-cashflow-wholegrain-digital | |
| https://www.websitecarbon.com/ | Website Carbon |
| https://websitecarbon.com | This page loaded in1.42 seconds and emitted just0.08g of CO2 |
| https://www.instagram.com/eatwholegrain/ | |
| https://www.linkedin.com/company/eatwholegrain/ |
JavaScript 变量 · 找到 14 个
在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量，可以从当前范围内的代码中的任何位置访问
| 名称 | 类型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | undefined |
| jQuery | function |
| spai_settings | object |
| SPAI | function |
| spaiSniperClick | function |
| shortPixelAIonDOMLoadedTimeout | boolean |
| shortPixelAIonDOMLoadedCounter | number |
控制台日志消息 · 找到 1 条
记录到 Web 控制台的消息
| 类型 | 类别 | 记录 |
|---|---|---|
| log | other |
|
HTML
页面的原始 HTML 正文
<!DOCTYPE html><html lang="en-GB" class="js"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<!-- This site is optimized with the Yoast SEO plugin v23.6 - https://yoast.com/wordpress/plugins/seo/ -->
<title>London’s WordPress Agency | Wholegrain Digital</title>
<meta name="description" content="We combine design and technical talent with a passion for efficiency pushing boundaries in user experience & web performance to create websites. Let's talk!">
<link rel="canonical" href="https://www.wholegraindigital.com/">
<meta property="og:locale" content="en_GB">
<meta property="og:type" content="website">
<meta property="og:title" content="London’s WordPress Agency | Wholegrain Digital">
<meta property="og:description" content="We combine design and technical talent with a passion for efficiency pushing boundaries in user experience & web performance to create websites. Let's talk!">
<meta property="og:url" content="https://www.wholegraindigital.com/">
<meta property="og:site_name" content="Wholegrain Digital">
<meta property="article:modified_time" content="2024-08-06T11:41:26+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://www.wholegraindigital.com/","url":"https://www.wholegraindigital.com/","name":"London’s WordPress Agency | Wholegrain Digital","isPartOf":{"@id":"https://www.wholegraindigital.com/#website"},"datePublished":"2020-01-10T09:56:34+00:00","dateModified":"2024-08-06T11:41:26+00:00","description":"We combine design and technical talent with a passion for efficiency pushing boundaries in user experience & web performance to create websites. Let's talk!","breadcrumb":{"@id":"https://www.wholegraindigital.com/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https://www.wholegraindigital.com/"]}]},{"@type":"BreadcrumbList","@id":"https://www.wholegraindigital.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://www.wholegraindigital.com/#website","url":"https://www.wholegraindigital.com/","name":"Wholegrain Digital","description":"London's Original WordPress Agency","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.wholegraindigital.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel="dns-prefetch" href="//stats.zifera.nl">
<style id="safe-svg-svg-icon-style-inline-css" type="text/css">
.safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%}
</style>
<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="granola-styles-css" href="https://www.wholegraindigital.com/wp-content/themes/wholegrain-2019/assets/styles/styles.1701729161.css" type="text/css" media="all">
<link rel="https://api.w.org/" href="https://www.wholegraindigital.com/wp-json/"><link rel="alternate" title="JSON" type="application/json" href="https://www.wholegraindigital.com/wp-json/wp/v2/pages/83"><link rel="shortlink" href="https://www.wholegraindigital.com/">
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.wholegraindigital.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.wholegraindigital.com%2F">
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.wholegraindigital.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.wholegraindigital.com%2F&format=xml">
<link rel="icon" href="https://cdn.shortpixel.ai/spai3/q_glossy+ret_img+to_auto/www.wholegraindigital.com/wp-content/uploads/2023/06/cropped-wholegrain-favicon-1-32x32.png" data-spai-egr="1" sizes="32x32">
<link rel="icon" href="https://cdn.shortpixel.ai/spai3/q_glossy+ret_img+to_auto/www.wholegraindigital.com/wp-content/uploads/2023/06/cropped-wholegrain-favicon-1-192x192.png" data-spai-egr="1" sizes="192x192">
<link rel="apple-touch-icon" href="https://cdn.shortpixel.ai/spai3/q_glossy+ret_img+to_auto/www.wholegraindigital.com/wp-content/uploads/2023/06/cropped-wholegrain-favicon-1-180x180.png" data-spai-egr="1">
<meta name="msapplication-TileImage" content="https://www.wholegraindigital.com/wp-content/uploads/2023/06/cropped-wholegrain-favicon-1-270x270.png">
<style type="text/css" id="wp-custom-css">
.gform_validation_container{
display:none;
}
.grecaptcha-badge {
display: none;
} </style>
<link rel="preload" as="font" href="https://www.wholegraindigital.com/wp-content/themes/wholegrain-2019/assets/fonts/inter-regular.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="https://www.wholegraindigital.com/wp-content/themes/wholegrain-2019/assets/fonts/inter-bold.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="https://www.wholegraindigital.com/wp-content/themes/wholegrain-2019/assets/fonts/inter-medium.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="https://www.wholegraindigital.com/wp-content/themes/wholegrain-2019/assets/fonts/cooperltbt-light.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="manifest" href="https://www.wholegraindigital.com/wp-content/themes/wholegrain-2019/assets/general/site.webmanifest">
<meta name="theme-color" content="#1f005e">
<link rel="apple-touch-icon" sizes="180x180" href="https://cdn.shortpixel.ai/spai3/q_glossy+ret_img+to_auto/www.wholegraindigital.com/wp-content/themes/wholegrain-2019/assets/images/icons/apple-touch-icon.png" data-spai-egr="1">
<link rel="icon" type="image/png" sizes="32x32" href="https://cdn.shortpixel.ai/spai3/q_glossy+ret_img+to_auto/www.wholegraindigital.com/wp-content/themes/wholegrain-2019/assets/images/icons/favicon-32x32.png" data-spai-egr="1">
<link rel="icon" type="image/png" sizes="16x16" href="https://cdn.shortpixel.ai/spai3/q_glossy+ret_img+to_auto/www.wholegraindigital.com/wp-content/themes/wholegrain-2019/assets/images/icons/favicon-16x16.png" data-spai-egr="1">
<link rel="mask-icon" href="https://cdn.shortpixel.ai/spai3/ret_img/www.wholegraindigital.com/wp-content/themes/wholegrain-2019/assets/images/icons/safari-pinned-tab.svg" data-spai-egr="1" color="#1f005e">
<link rel="shortcut icon" href="https://www.wholegraindigital.com/wp-content/themes/wholegrain-2019/assets/images/icons/favicon.ico">
<script defer="" data-domain="wholegraindigital.com" data-api="https://events.wholegraindigital.workers.dev/events/event" src="https://events.wholegraindigital.workers.dev/events/script.js"></script>
<meta name="cf-2fa-verify" content="bx41ayXIQFnKpcXVGXv23l645ZtBU7">
<link href="https://cdn.shortpixel.ai" rel="preconnect" crossorigin=""></head>
<body class="home page-template-default page page-id-83 loaded" data-aos-easing="ease" data-aos-duration="400" data-aos-delay="0">
<a id="maincontent" class="skip-link screen-reader-text" href="#maincontent">
Skip to content</a>
<header class="header header--homepage header--homepage--night-mode">
<div class="header__inner container">
<div class="header__left">
<a class="header__logo" href="https://www.wholegraindigital.com/">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 170 31" role="img" aria-labelledby="title-6722ce7554693 description-6722ce7554693"><g fill="#1F005E"><path d="M5.767 24.126H3.125L0 .345h3.144l1.358 12.358.056.783h.26l.093-.783L6.381.345h2.455l1.451 12.358.093.783h.26l.056-.783L12.054.345h3.144l-3.125 23.78H9.43L7.85 12.856l-.187-1.394h-.13l-.186 1.394-1.581 11.27zm17.244-10.353h-2.642v10.353h-3.404V.345h3.404v9.837h2.642V.345h3.404v23.78h-3.404V13.774zm10.361 10.601c-4.576 0-4.538-5.138-4.538-5.138V5.235S28.796.097 33.372.097c4.577 0 4.54 5.138 4.54 5.138v14.02c0-.02.037 5.119-4.54 5.119zm0-20.896c-1.19 0-1.134 1.738-1.134 1.738v14.02s-.056 1.738 1.134 1.738c1.191 0 1.135-1.738 1.135-1.738V5.235s.075-1.757-1.135-1.757zM40.348.345h3.405v20.552h4.501v3.229h-7.906zm9.413 0h7.776v3.59h-4.372v6.247h3.144v3.82h-3.144v6.533h4.372v3.59H49.76zm15.254 8.538V5.235s.056-1.738-1.135-1.738c-1.19 0-1.135 1.738-1.135 1.738V19.54s-.055 1.738 1.135 1.738 1.135-1.738 1.135-1.738v-4.297h-1.358v-2.942h4.762v11.843H66.41L66 23.018c-.632.802-1.58 1.394-2.64 1.394-4.316 0-4-5.138-4-5.138V5.234S59.323.098 63.899.098s4.539 5.138 4.539 5.138v3.648h-3.423zm12.11 15.243l-1.767-10.028h-.912v10.028h-3.404V.345h3.404c4.037 0 5.804 2.388 5.804 6.857 0 2.369-.595 4.489-1.897 5.406l2.176 11.518h-3.404zM74.446 3.802v7.048c.949 0 2.53-.133 2.53-3.533-.018-3.381-1.581-3.515-2.53-3.515zm7.162 20.324L85.105.345h4.167l3.498 23.78h-3.312l-.632-4.851h-3.274l-.633 4.852h-3.31zM87.375 8.08l-.093-.611h-.186l-.093.61-.986 7.507h2.325l-.967-7.506zM94.462.345h3.405v23.78h-3.405V.346zm9.636 11.385l-.279-1.109h-.186v13.505h-3.125V.345h3.032l3.311 12.396.28 1.108h.185V.345h3.126v23.78h-3.032z"></path><path d="M122.856 24.086h-3.18v-1.13s-1.359 1.39-2.53 1.39c-1.73 0-2.456-1.946-2.456-3.354v-10.95c0-1.408.725-3.354 2.455-3.354 1.172 0 2.53 1.39 2.53 1.39v-7.04h3.181v23.048zm-3.18-13.414c0-.5-.466-1.038-.95-1.038-.483 0-.855.445-.855 1.038v9.634c0 .593.372 1.038.856 1.038.446 0 .948-.445.948-1.038v-9.634zM125.498 1h3.18v3.168h-3.18V1zm0 23.086V6.91h3.18v17.176h-3.18zm13.617-8.301s-.093 4.243-4.093 4.243c-.223 0-.409 0-.595-.037-.26.223-.447.538-.447.779 0 .722 1.265.87 2.419 1.074 1.99.278 4.409 1 4.409 3.984 0 3.353-2.828 4.39-5.45 4.39-3.052-.092-5.098-.777-5.098-3.334 0-1.167 1.284-2.038 2.493-2.613-1.042-.278-1.916-.982-1.916-2.297 0-.982 1.079-2.075 1.99-2.576-1.804-1.185-1.823-3.742-1.823-3.742v-4.67s.056-4.353 4.037-4.353c1.6 0 2.586.722 3.18 1.574.447-.444 1.582-1.574 2.624-1.574v2.853c-.856 0-1.488.185-1.86.37.148.593.148 1.075.148 1.075v4.854h-.018zm-2.958 9.394l-1.637-.315c-.67.37-1.172.853-1.172 1.501 0 .667.632 1.186 2.083 1.186 1.08 0 2.419-.352 2.419-1.167 0-.538-.13-.927-1.693-1.205zm-1.135-15.6c-1.004 0-.911 1.574-.911 1.574v4.707s-.093 1.537.911 1.537c1.08 0 .986-1.537.986-1.537v-4.707c-.018 0 .075-1.574-.986-1.574zM142.24 1h3.18v3.168h-3.18V1zm0 23.086V6.91h3.18v17.176h-3.18zm9.543-21.418V6.91h2.176v2.854h-2.176v8.541c0 1.075 0 2.817 1.004 2.817.54 0 1.172-.13 1.172-.13v3.113s-.688.222-1.692.222c-3.665 0-3.665-3.761-3.665-5.78V9.763h-1.6V6.91h1.6V2.668h3.18zm8.762 10.209v-1.89c0-.63 0-1.575-.875-1.575-1.079 0-.874 1.575-.911 2.538h-3.181v-.722c0-2.52 1.86-4.577 4.278-4.577a3.867 3.867 0 013.87 3.891v10.561c0 1.538.093 2.223.223 2.983h-3.125c-.28-.315-.28-1.186-.28-1.39h-.223c-.316.593-1.265 1.631-2.548 1.631-.856 0-2.549-.63-2.549-4.243 0-5.8 5.004-6.17 5.32-7.207zm-1.321 8.356c.725 0 1.32-.463 1.32-1.038v-4.41c-1.543.667-2.213 2.205-2.213 3.836 0 .407.111 1.612.893 1.612zm7.031 2.853V1.02h3.181v23.067h-3.18z" fill-opacity=".784"></path></g><title id="title-6722ce7554693">Wholegrain Digital</title><description id="description-6722ce7554693">London's Original WordPress Agency</description></svg> </a>
<p class="header__location">
<a class="header__location-link" href="https://www.google.co.uk/maps/dir//London+WC2R+1LA/@51.5107357,-0.1191264,17z/data=!4m17!1m7!3m6!1s0x487604b5f17d57c5:0x5d055e3dc6f953af!2sLondon+WC2R+1LA!3b1!8m2!3d51.5107324!4d-0.1169377!4m8!1m0!1m5!1m1!1s0x487604b5f17d57c5:0x5d055e3dc6f953af!2m2!1d-0.1169377!2d51.5107324!3e3" rel="norefferer noopener" target="_blank">
<span class="header__map_pin map_pin">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 30" role="img" aria-hidden="true"><path d="M11.353 0C16.988 0 22.35 4.82 22.35 12.987 22.353 21.162 14.96 30 11.352 30 7.744 29.996.352 21.163.35 12.995.353 4.821 5.712 0 11.353 0zm-.003 5a6 6 0 100 12 6 6 0 000-12z" fill="#1F005E"></path></svg> </span>
The Strand, London </a> <span class="header__location-divider"> | </span>Since 2007
</p>
</div>
<div class="header__right">
<div class="dropdown">
<button class="burger header__menu_burger" type="button">
<span class="screen-reader-text">Open menu</span>
<span class="burger__line burger__line--1"></span>
<span class="burger__line burger__line--2"></span>
<span class="burger__line burger__line--3"></span>
</button>
<div class="dropdown__panel">
<div class="dropdown__panel__inner">
<ul id="menu-menu" class="dropdown__menu"><li id="menu-item-14376" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14376"><a href="https://www.wholegraindigital.com/contact/">Get in touch</a></li>
<li id="menu-item-14371" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14371"><a href="/work/">Case studies</a></li>
<li id="menu-item-15834" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-15834"><a href="/#services" aria-current="page">Our services</a></li>
<li id="menu-item-14373" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14373"><a href="/team/">Our team</a></li>
<li id="menu-item-17374" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17374"><a href="https://www.wholegraindigital.com/about-us/">About us</a></li>
<li id="menu-item-14375" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14375"><a href="https://www.wholegraindigital.com/blog/">Blog</a></li>
<li id="menu-item-22694" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22694"><a href="https://www.wholegraindigital.com/jobs/">Careers</a></li>
<li id="menu-item-21973" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21973"><a href="https://www.wholegraindigital.com/digital-sustainability/">Digital sustainability</a></li>
</ul> </div>
</div>
</div>
<a href="https://www.wholegraindigital.com/contact/" class="button button--blink button--yellow">
Contact
<span class="button--blink__blinker">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 14" role="img" aria-hidden="true"><path d="M10.176 12.977l.98.803 5.133-6.273a.635.635 0 000-.802L11.157.432l-.981.8 4.286 5.24H.22v1.267h14.242l-4.286 5.238z" fill="#FFF"></path></svg> </span>
</a>
</div>
</div>
</header>
<div class="site" id="maincontent">
<main>
<article id="page-83" class="post-83 page type-page status-publish hentry">
<div class="homepage-banner night-mode">
<div class="the-sun"></div>
<div class="homepage-banner__inner container">
<h1 class="homepage-banner__header">London’s original sustainable <br>WordPress agency</h1>
<div class="homepage-banner__action"><a class="button button--yellow" href="#services">View our services
</a></div>
<p class="homepage-banner__contact">
<span class="homepage-banner__contact-mobile"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" role="img" aria-hidden="true"><path d="M11.676 9.09c.432.452.432.993 0 1.426-.306.306-.613.595-.9.902-.415.469-.92.613-1.514.577-.864-.054-1.657-.325-2.413-.704A13.373 13.373 0 012.49 7.882C1.59 6.818.852 5.646.365 4.347c-.234-.631-.396-1.28-.36-1.966a1.61 1.61 0 01.504-1.082c.343-.325.649-.65.99-.974.433-.433.973-.433 1.406 0l.792.793.775.776c.45.45.45.992 0 1.443l-.973.974c-.09.09-.09.144-.054.252.216.523.522.974.883 1.407.702.866 1.512 1.642 2.449 2.237.198.126.432.216.648.343.108.054.18.036.27-.054.325-.325.649-.668.973-.993.432-.432.973-.432 1.405 0 .558.542 1.08 1.065 1.603 1.588z" fill="#1F005E"></path></svg></span>
<span class="homepage-banner__contact-desktop">Or give us a call on </span>
<a href="tel:+442071128240"><strong>0207 112 8240</strong></a>
</p>
</div>
<div class="homepage-banner__bottom">
<div class="homepage-banner__bottom__wheat-left">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 61 66" role="img" aria-hidden="true"><defs><path id="a" d="M0 0h2.803v5.337H0z"></path></defs><g fill="none" fill-rule="evenodd"><path d="M12.122 44.466c-1.191.172-2.341-.294-2.788-1.12-.303-.56-.436-1.099-.155-1.78.334-.809.697-1.596 1.239-2.262.559-.687 1.236-1.28 1.872-1.902.402-.394.853-.74 1.23-1.156.652-.715 2.069-.983 2.751-.448.197.154.322.404.467.619.514.758.844 1.58.714 2.511-.063.453-.137.934-.344 1.33-.494.941-1.008 1.888-1.781 2.636-.366.354-.82.625-1.258.896-.62.383-1.256.753-1.947.676M8.878 25.309c0 .225.011.452-.003.677-.041.658-.37 1.03-1.039 1.018-.503-.009-1.018-.123-1.503-.27-.92-.28-1.824-.617-2.735-.93-.024-.008-.052-.01-.07-.025-.653-.526-1.487-.934-1.92-1.602C.43 22.364.273 20.368 2.48 18.88c.155-.105.285-.25.447-.341.929-.526 1.737-.454 2.51.324a15.2 15.2 0 012.05 2.545c.472.74.75 1.612 1.068 2.442.176.461.26.958.386 1.438l-.063.02m5.559-7.068c1.166-.26 1.8.62 2.16 1.555.197.513.32 1.106.279 1.647-.072.94-.184 1.9-.885 2.655-.498.536-1.005 1.054-1.656 1.403-.702.377-1.384.808-2.119 1.104-.806.323-1.82.07-2.138-.861-.457-1.334-.42-2.673.3-3.902.72-1.227 1.59-2.361 2.75-3.21.354-.258.845-.328 1.274-.484l.035.094m2.19 29.16c-.066.708-.102 1.614-.514 2.413-.333.646-.872 1.161-1.471 1.586-.775.55-1.55 1.1-2.35 1.612-.566.363-1.158.726-1.887.416-.064-.027-.15-.006-.225-.005-.732.004-1.198-.344-1.207-1.088-.012-.999.037-2.008.179-2.996.144-1.004.738-1.784 1.51-2.446.708-.606 1.523-1.001 2.365-1.36.093-.04.194-.065.278-.117.806-.503 1.615-.304 2.369.072.676.339.885 1.014.953 1.913M6.202 16.105c-.015-1.153-.016-2.306.397-3.394.364-.962.826-1.868 1.969-2.153.445-.11.834-.036 1.168.232.27.216.492.496.718.763.61.72 1.1 1.52 1.445 2.398.112.285.138.606.182.914.17 1.187-.075 2.325-.624 3.354-.337.633-.869 1.182-1.387 1.693-.5.492-1.391.457-1.924-.006-.348-.302-.665-.641-.982-.977-.56-.595-.55-1.413-.805-2.128-.08-.222-.106-.463-.157-.696m2.406 17.428c-.025.523-.02 1.05-.083 1.57-.07.563-.271.736-.823.693-.935-.073-1.884-.115-2.65-.79-.152-.132-.4-.149-.58-.257-.31-.186-.598-.41-.904-.604-.238-.152-.507-.262-.73-.433a2.934 2.934 0 01-.595-.596c-.327-.454-.674-.909-.908-1.412-.173-.372-.23-.82-.252-1.238-.083-1.63.84-2.874 2.383-3.303a.649.649 0 01.295-.006c.992.207 1.884.57 2.494 1.455.36.521.856.956 1.165 1.501.398.704.703 1.467.982 2.228.134.367.116.79.167 1.186l.04.006m8.961-4.585c-.056.581-.085 1.272-.195 1.95-.128.787-.726 1.286-1.223 1.855-.704.806-1.574 1.406-2.51 1.828-.751.34-1.638.455-2.474.504-.524.03-1.37-.593-1.51-1.336-.176-.928-.051-1.758.385-2.61.51-.996 1.286-1.743 2.105-2.427.819-.683 1.669-1.393 2.736-1.668.536-.139 1.113-.156 1.672-.153.304.001.564.229.653.549.126.458.223.924.36 1.508M.545 48.853L.53 47.797c-.009-.794.595-1.803 1.42-2.03.191-.053.362-.172.547-.249.695-.288 1.34-.042 1.995.179.784.264 1.512.63 2.063 1.25.914 1.029 1.66 2.145 1.571 3.62-.023.388-.002.779-.014 1.168-.028.975-.38 1.37-1.35 1.45-.328.028-.665-.055-.997-.092-.47-.054-.948-.076-1.408-.175-.935-.2-1.715-.71-2.365-1.387a8.125 8.125 0 01-1.094-1.428c-.218-.363-.295-.81-.435-1.22l.082-.03m7.57-6.307c0 .376.025.755-.013 1.128-.015.144-.148.305-.271.405-.453.368-.949.281-1.457.113-.665-.221-1.357-.371-2.003-.635-.717-.292-1.512-.487-1.984-1.202a1.558 1.558 0 00-.345-.34c-1.023-.806-1.48-2.55-.734-3.868.138-.244.41-.416.631-.609.71-.616 1.593-.563 2.45-.65.526-.055 1.02-.067 1.483.226.505.32.873.725 1.013 1.339.067.294.285.552.413.836.133.293.273.59.35.9.161.656.284 1.323.421 1.986.026.122.047.246.07.369l-.024.002m-.731 15.95c.085-.376.162-.64.201-.91.146-.989.285-1.98.411-2.972.029-.226-.088-.523.02-.673.1-.136.411-.128.633-.164.173-.028.36-.067.525-.03.29.066.324.274.324.57 0 .71.065 1.422.134 2.13.042.422.151.838.21 1.26.036.257-.003.447-.353.482-.678.068-1.35.194-2.105.307" fill="#1F005E"></path><path d="M8.58 54c-.281-10.989-.281-17.239 0-18.75.42-2.266 1.123-13.23.799-15.795" stroke="#1F005E" stroke-width="1.5"></path><path d="M54.877 49.122c.06 1.133-.042 2.217-.924 3.066a.401.401 0 00-.091.126c-.654 1.537-2.106 2.22-3.366 3.085-1.318.904-2.701 1.713-4.064 2.55a.868.868 0 01-.494.103c-1.212-.098-2.597-1.205-2.935-2.36-.065-.222-.035-.478-.023-.718.089-1.815.797-3.37 2.058-4.659.88-.899 1.775-1.79 2.734-2.602 1.25-1.055 2.773-1.478 4.378-1.441 1.31.03 2.641 1.297 2.727 2.85m-8.717-18.33c-.051-1.05.319-1.943.785-2.798 1.148-2.103 2.796-3.8 4.504-5.442.614-.59 2.454-.868 3.258-.44.896.478 1.836.93 2.611 1.568 1.078.888 1.774 2.193.876 3.861-.588 1.092-1.026 2.294-1.973 3.144-.934.84-1.735 1.883-3.102 2.126-.315.056-.58.363-.884.526a82.09 82.09 0 01-2.104 1.092c-.077.04-.192.01-.29.004-.211-.015-.451-.11-.63-.04-.47.181-.845.035-1.21-.227-.624-.45-1.138-.97-1.316-1.772-.12-.546-.346-1.07-.524-1.602m-.001-17.9c-.345.667-.575.68-1.384.37-.893-.341-1.25-1.136-1.731-1.813-.495-.696-.653-1.5-.706-2.388-.106-1.775.25-3.468.623-5.165.095-.428.375-.856.675-1.188.936-1.039 2.205-1.553 3.512-1.867.712-.172 1.51-.046 2.262.022.759.068 1.224.673 1.594 1.223.572.853 1.015 1.79 1.065 2.868.057 1.226-.424 2.291-1.104 3.21-.95 1.282-2.062 2.445-3.115 3.65-.318.364-.651.72-1.019 1.028-.116.098-.37.034-.672.05m11.888 1.549c.003 1.001-.199 1.872-.744 2.5-.476.545-1.194.934-1.875 1.236-1.299.577-2.556 1.184-3.654 2.116-.653.554-1.393 1.019-2.137 1.45-.567.328-1.054.704-1.431 1.24-.225.32-.504.525-.959.357-.37-.136-.47-.283-.449-.71.032-.661-.12-1.33-.186-1.996-.035-.356-.123-.726-.064-1.067.214-1.22.475-2.43.73-3.642.04-.181.107-.386.23-.515 1.063-1.118 1.804-2.513 3.118-3.425.717-.497 1.462-.926 2.287-1.04 2.059-.285 3.867-.187 4.85 2.316.16.41.21.865.284 1.18M43.256 43.377c-.032.516-.04 1.17-.124 1.814-.057.438-.37.652-.827.72a3.966 3.966 0 01-2.274-.314c-.219-.099-.466-.234-.687-.214-1.203.109-2.098-.614-3.054-1.125a8 8 0 01-1.869-1.368c-.381-.382-.567-.963-.823-1.464-.189-.368-.326-.764-.53-1.123-.913-1.608-.811-3.207.037-4.792.108-.202.308-.401.513-.494.549-.25 1.11-.507 1.693-.63.352-.076.764.058 1.133.159.561.153 1.113.345 1.658.549.349.13.737.244 1.007.48 1.273 1.117 2.287 2.434 2.958 4.005.23.538.611 1.02.781 1.57.207.672.263 1.39.408 2.227m1.302-12.28c-.106.577-.089 1.126-.32 1.534-.18.317-.666.464-1.024.673-.112.066-.295.052-.368.139-.701.84-1.6.572-2.39.317-.856-.277-1.61-.869-2.466-1.15-1.228-.404-2.145-1.23-3.054-2.048-1.336-1.202-2.16-2.726-1.975-4.573.063-.62.422-1.324.867-1.768.622-.622 1.421-1.127 2.357-1.198.78-.06 1.54.066 2.214.533.337.233.7.436 1.07.612.855.407 1.312 1.209 1.886 1.885.844.995 1.688 2 2.415 3.08.392.58.541 1.325.788 1.964m-.04-11.221c-.153.765-.281 1.536-.466 2.293-.156.644-.667.965-1.274.93a20.312 20.312 0 01-3.014-.383c-.426-.09-.79-.47-1.184-.717-.48-.303-.963-.601-1.44-.91-.739-.481-1.252-1.164-1.709-1.903-.495-.802-1.033-1.578-1.52-2.386a1.714 1.714 0 01-.216-.789c-.026-.672-.076-1.358.032-2.014.068-.41.368-.806.63-1.159.526-.707 1.236-1.19 2.061-1.495a.864.864 0 01.406-.039c1.708.244 3.21.855 4.294 2.298.428.57 1.038 1.008 1.444 1.59.971 1.397 1.84 2.856 1.782 4.662l.174.022m-2.481 36.139l.58-.73.155.068c-.072.265-.1.553-.225.79-.448.85-1.116 1.51-2.039 1.788-.762.23-1.48-.12-2.184-.42-1.44-.613-2.892-1.194-4.33-1.81a2.699 2.699 0 01-.81-.527c-.782-.763-1.621-1.45-2.108-2.504-.412-.89-.325-1.682.043-2.482.258-.56.6-1.096.983-1.58.75-.944 1.801-1.036 2.92-.958 1.14.08 2.16.44 3.09 1.085.197.136.406.266.57.438 1.614 1.684 2.76 3.614 3.095 5.966.038.264.152.518.26.876m2.764-12.266c.118-.474.2-.82.291-1.165.133-.5.263-1.002.41-1.499.466-1.576 1.485-2.73 2.803-3.656.592-.416 1.16-.867 1.763-1.264.533-.351 1.09-.672 1.655-.967 1.18-.616 2.364-.508 3.448.19.917.59 1.158 1.68.882 2.873-.34 1.474-1.193 2.648-2.029 3.86-1.113 1.61-2.76 2.386-4.473 3.098-.67.278-1.353.539-1.972.905a4.69 4.69 0 01-.871.4c-.488.173-.741-.066-.889-.37-.388-.801-.7-1.639-1.018-2.405" fill="#1F005E"></path><g transform="scale(-1 1) rotate(3 -1135.719 -806.208)"><mask id="b" fill="#fff"><use xlink:href="#a"></use></mask><path d="M2.678 1.294c0 .722-.015 1.445.005 2.166.014.494.08.986.117 1.479.024.334-.073.447-.457.379-.415-.074-.858-.034-1.284.005-.398.038-.682-.133-.685-.53-.004-.46.048-.92.053-1.38C.43 3.213.38 3.01.35 2.81.23 2.028.089 1.249.005.466-.032.125.135-.076.554.027c.26.065.55.037.825.014.828-.067 1.415.446 1.3 1.253" fill="#1F005E" mask="url(#b)" transform="matrix(-1 0 0 1 2.803 0)"></path></g><path d="M43 60c2-17.129 3-28.74 3-34.832V11" stroke="#1F005E" stroke-width="2"></path></g></svg> </div>
<div class="homepage-banner__bottom__wheat-right">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 62 75" role="img" aria-hidden="true"><defs><path id="a" d="M12.75 44.066h2.157v4.106H12.75z"></path></defs><g fill="none" fill-rule="evenodd"><path d="M53.318 49.237c-1.702.246-3.345-.42-3.984-1.6-.433-.8-.622-1.57-.221-2.542.477-1.156.995-2.28 1.77-3.232.798-.982 1.765-1.828 2.674-2.718.574-.562 1.219-1.057 1.758-1.65.93-1.022 2.954-1.405 3.93-.64.28.22.459.577.667.883.734 1.083 1.206 2.257 1.02 3.588-.09.647-.197 1.334-.493 1.9-.704 1.344-1.44 2.696-2.543 3.765-.523.506-1.172.893-1.798 1.28-.886.548-1.793 1.077-2.78.966M48.682 21.87c0 .322.017.646-.003.967-.06.94-.53 1.471-1.484 1.454-.72-.012-1.454-.176-2.148-.386-1.315-.4-2.606-.88-3.907-1.327-.034-.012-.075-.015-.1-.036-.933-.751-2.124-1.335-2.744-2.289-1.681-2.59-1.905-5.441 1.247-7.567.221-.15.407-.358.638-.488 1.327-.75 2.481-.648 3.587.463a21.783 21.783 0 012.927 3.636c.674 1.059 1.07 2.303 1.526 3.489.252.658.372 1.368.551 2.054l-.09.03m7.943-10.098c1.665-.373 2.572.885 3.085 2.221.282.733.457 1.58.398 2.353-.102 1.342-.262 2.715-1.264 3.793-.71.766-1.435 1.505-2.365 2.004-1.003.54-1.977 1.154-3.028 1.576-1.15.463-2.599.1-3.054-1.23-.653-1.905-.599-3.817.43-5.573 1.027-1.753 2.27-3.373 3.928-4.585.505-.37 1.207-.47 1.819-.693l.05.134m3.129 41.658c-.094 1.011-.147 2.306-.735 3.447-.475.923-1.246 1.66-2.101 2.266-1.107.785-2.215 1.57-3.356 2.302-.81.52-1.655 1.037-2.697.595-.092-.038-.213-.008-.32-.007-1.047.005-1.713-.492-1.725-1.554a27.84 27.84 0 01.255-4.281c.206-1.434 1.054-2.548 2.158-3.493 1.011-.867 2.175-1.43 3.378-1.943.132-.057.276-.093.397-.168 1.151-.719 2.307-.435 3.384.104.966.483 1.265 1.448 1.362 2.733M44.86 8.721c-.021-1.647-.022-3.294.567-4.848.52-1.374 1.18-2.67 2.813-3.076.635-.158 1.192-.05 1.67.331.385.31.702.71 1.024 1.09A12.194 12.194 0 0153 5.645c.16.406.196.865.259 1.305.243 1.696-.107 3.322-.89 4.791-.482.905-1.242 1.689-1.983 2.419-.713.703-1.987.652-2.748-.008-.497-.432-.95-.917-1.402-1.396-.802-.85-.785-2.02-1.15-3.04-.114-.317-.153-.662-.226-.995m3.438 24.897c-.036.748-.029 1.501-.12 2.242-.098.806-.387 1.052-1.176.99-1.335-.103-2.69-.163-3.786-1.126-.216-.19-.57-.214-.828-.368-.443-.266-.854-.585-1.29-.863-.341-.217-.725-.374-1.043-.618a4.192 4.192 0 01-.85-.852c-.468-.649-.964-1.299-1.298-2.017-.247-.532-.329-1.17-.36-1.768-.118-2.33 1.201-4.106 3.404-4.72a.927.927 0 01.421-.008c1.418.296 2.692.815 3.563 2.078.514.745 1.224 1.366 1.665 2.145.569 1.005 1.004 2.095 1.402 3.183.192.524.166 1.127.24 1.694l.056.008M61.1 27.069c-.08.83-.122 1.817-.279 2.785-.183 1.124-1.037 1.838-1.747 2.65-1.005 1.152-2.248 2.009-3.584 2.612-1.074.485-2.34.65-3.536.72-.748.043-1.956-.847-2.157-1.909-.252-1.325-.073-2.512.55-3.729.73-1.423 1.837-2.49 3.008-3.466 1.17-.976 2.383-1.99 3.908-2.384.766-.198 1.59-.223 2.388-.219.435.003.806.328.933.785.18.654.318 1.32.515 2.155M36.778 55.504c-.007-.503-.015-1.005-.02-1.509-.013-1.134.85-2.575 2.029-2.9.272-.075.516-.245.78-.355.994-.412 1.915-.06 2.85.256 1.12.377 2.16.899 2.947 1.784 1.306 1.47 2.372 3.066 2.245 5.174-.034.554-.004 1.111-.02 1.667-.04 1.394-.543 1.959-1.93 2.073-.468.039-.95-.08-1.424-.133-.671-.076-1.353-.108-2.01-.249-1.336-.286-2.45-1.014-3.38-1.983a11.607 11.607 0 01-1.562-2.038c-.312-.52-.421-1.159-.621-1.745l.116-.042m10.815-9.009c0 .537.036 1.078-.019 1.61-.021.207-.212.437-.388.58-.646.525-1.354.4-2.08.16-.95-.315-1.938-.53-2.862-.907-1.025-.417-2.16-.695-2.835-1.716-.124-.189-.311-.343-.492-.485-1.461-1.153-2.115-3.644-1.048-5.528.197-.348.585-.594.9-.868 1.015-.881 2.277-.805 3.5-.93.753-.078 1.459-.095 2.12.324.72.456 1.246 1.035 1.446 1.912.097.42.408.789.591 1.195.19.418.39.842.499 1.284.231.939.406 1.891.603 2.838.036.175.066.352.099.527l-.034.004M46.55 69.28c.12-.537.23-.914.286-1.299.208-1.414.406-2.829.587-4.246.041-.324-.126-.748.029-.962.142-.195.587-.183.904-.235.247-.04.515-.095.75-.042.415.094.463.391.463.815 0 1.014.092 2.03.192 3.041.059.604.215 1.199.299 1.801.05.367-.004.639-.505.689-.968.096-1.929.276-3.006.438" fill="#1F005E"></path><path d="M49.044 64c-.142-17.505.062-28.51.612-33.013.55-4.504.44-10.167-.328-16.987" stroke="#1F005E" stroke-width="2"></path><g transform="rotate(3 -445.762 75.188)"><path d="M3.832 37.438c0 .873.122 1.7.834 2.318.03.025.057.058.075.093.564 1.154 1.706 1.621 2.709 2.235 1.049.641 2.144 1.207 3.225 1.795.107.058.26.075.383.058.927-.124 1.947-1.03 2.16-1.93.04-.174.007-.369-.011-.552-.142-1.392-.748-2.557-1.769-3.497-.712-.655-1.435-1.304-2.205-1.888-1.002-.761-2.19-1.025-3.42-.931-1.005.076-1.977 1.102-1.98 2.299M9.79 23.006c-.002-.808-.323-1.48-.715-2.117-.967-1.57-2.301-2.806-3.68-4-.495-.428-1.92-.568-2.52-.206-.669.403-1.372.787-1.943 1.31-.792.725-1.274 1.755-.517 3 .496.816.88 1.722 1.642 2.336.752.607 1.41 1.377 2.469 1.508.244.031.46.256.7.37.55.259 1.104.508 1.66.753.061.027.148 0 .223-.009.162-.02.343-.102.482-.056.368.12.65-.007.92-.223.463-.371.836-.79.94-1.414.071-.425.223-.835.339-1.252m-.72-13.75c.291.498.468.5 1.078.229.672-.299.914-.923 1.257-1.463.352-.555.44-1.18.446-1.863.01-1.367-.332-2.654-.687-3.943-.09-.324-.323-.642-.566-.885C9.837.571 8.84.227 7.825.038c-.554-.103-1.162.026-1.737.108-.58.083-.913.566-1.175 1.004-.405.678-.708 1.416-.703 2.246.005.944.418 1.743.977 2.42.781.948 1.683 1.797 2.54 2.68.26.266.53.526.824.749.094.07.285.01.519.01M0 10.925c.038.768.228 1.43.672 1.89.388.4.955.67 1.49.874 1.021.39 2.011.806 2.892 1.478.525.4 1.112.727 1.7 1.028.449.23.839.498 1.15.895.185.237.408.383.75.236.28-.12.35-.237.317-.564-.051-.506.039-1.026.062-1.541.013-.274.066-.562.006-.822-.213-.928-.462-1.848-.707-2.768-.037-.138-.098-.293-.197-.387-.862-.815-1.487-1.857-2.533-2.505-.571-.353-1.16-.653-1.8-.707-1.592-.136-2.976.013-3.63 1.975-.107.321-.127.672-.171.918m12.527 21.632c.045.395.077.897.168 1.389.061.333.31.486.664.52a3.05 3.05 0 001.734-.333c.165-.086.349-.2.52-.193.928.035 1.586-.556 2.3-.987a6.154 6.154 0 001.38-1.126c.279-.309.398-.763.575-1.158.13-.29.219-.6.36-.883.638-1.273.495-2.497-.22-3.68a.915.915 0 00-.414-.36c-.432-.17-.873-.344-1.326-.416-.273-.043-.585.076-.864.169-.425.14-.841.31-1.252.488-.262.114-.556.218-.754.41-.933.909-1.658 1.961-2.11 3.195-.156.422-.43.808-.538 1.238-.131.524-.145 1.078-.223 1.727m-1.495-9.381c.105.439.114.861.308 1.166.15.236.53.329.813.475.09.046.229.028.288.092.573.617 1.252.375 1.849.147.647-.247 1.202-.732 1.849-.982.926-.36 1.598-1.032 2.263-1.696.978-.977 1.55-2.181 1.333-3.592-.073-.475-.377-1-.737-1.324-.503-.453-1.137-.808-1.859-.825-.602-.014-1.18.112-1.679.498a5.9 5.9 0 01-.798.513c-.64.347-.959.982-1.372 1.524-.609.798-1.216 1.605-1.732 2.463-.277.462-.362 1.04-.526 1.54m-.421-8.62c.148.581.278 1.168.45 1.743.146.488.551.714 1.016.662a15.624 15.624 0 002.3-.415c.324-.086.59-.392.88-.598.357-.252.717-.501 1.07-.758.549-.399.916-.944 1.237-1.53.348-.636.73-1.254 1.07-1.894.096-.18.138-.41.136-.615-.008-.517.004-1.046-.106-1.546-.069-.313-.315-.604-.53-.865-.433-.522-.998-.864-1.644-1.065a.665.665 0 00-.313-.014c-1.303.257-2.433.786-3.206 1.938-.306.456-.758.816-1.046 1.28-.69 1.112-1.298 2.268-1.181 3.653a38.62 38.62 0 00-.133.024m3.361 27.661l-.475-.537-.117.058c.067.2.1.42.205.597.379.636.918 1.116 1.638 1.292.595.146 1.133-.151 1.662-.41 1.08-.53 2.173-1.034 3.253-1.565.22-.108.435-.259.6-.438.57-.617 1.188-1.179 1.52-2.008.28-.7.181-1.305-.134-1.904a6.049 6.049 0 00-.819-1.175c-.613-.695-1.425-.723-2.281-.618a4.646 4.646 0 00-2.33.958c-.146.112-.302.22-.42.359-1.173 1.359-1.975 2.887-2.138 4.708-.018.204-.095.403-.164.683m-2.617-9.311c-.11-.36-.187-.623-.27-.883-.123-.38-.243-.76-.376-1.135-.422-1.192-1.25-2.038-2.3-2.696-.472-.295-.926-.62-1.405-.9a14.612 14.612 0 00-1.311-.676c-.931-.426-1.836-.295-2.641.284-.68.49-.821 1.337-.562 2.243.32 1.119 1.023 1.986 1.714 2.883.92 1.193 2.216 1.722 3.562 2.2.524.187 1.06.36 1.55.616.23.12.44.2.686.272.382.113.567-.08.668-.32.265-.63.471-1.287.685-1.888" fill="#1F005E"></path><mask id="b" fill="#fff"><use xlink:href="#a"></use></mask><path d="M14.81 45.062c0 .555-.011 1.111.004 1.666.011.38.062.758.09 1.138.019.256-.056.344-.351.291-.32-.057-.66-.026-.988.004-.306.029-.525-.102-.527-.407-.003-.354.037-.708.04-1.062.003-.155-.036-.31-.06-.465-.09-.6-.2-1.2-.264-1.803-.028-.262.1-.416.422-.337.2.05.424.028.635.011.637-.052 1.088.343 1 .964" fill="#1F005E" mask="url(#b)" transform="matrix(-1 0 0 1 27.657 0)"></path></g><path d="M15 69c-2.374-20.69-3.34-33.024-2.895-37" stroke="#1F005E" stroke-width="1.3"></path></g></svg> </div>
<div class="homepage-banner__bottom__windmill">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 125 245" role="img" aria-hidden="true"><g class="mill-rotator"><path d="M66.272.001c1.863.19 3.728-.305 5.613.402 2.765 1.036 5.17 2.644 7.608 4.212 1.824 1.172 2.34 3.16 2.651 5.104.573 3.577.557 7.263-.727 10.613-1.007 2.628-1.697 5.325-2.582 7.973-.385 1.15-.535 2.376-.846 3.553-.88 3.328-1.923 6.62-2.645 9.982-.662 3.081-.985 6.236-1.464 9.357-.147.959-.314 1.915-.479 2.871-.124.723.119 1.175.805 1.54a14.466 14.466 0 016.118 6.166 6.39 6.39 0 01.712 2.463c.137 2.033.093 4.079.187 6.116.014.306.323.658.586.885 2.966 2.558 6.515 4.144 9.938 5.947 4.22 2.221 8.439 4.446 12.61 6.758 2.851 1.582 5.583 3.381 8.435 4.963 2.32 1.287 4.759 2.36 7.11 3.593 2.212 1.157 4.36 2.436 6.572 3.591 1.484.775 3.031 1.429 4.417 2.075l1.17-.705c.023.483.22 1.046.038 1.435-1.18 2.532-2.284 5.122-3.738 7.494-.791 1.29-2.1 2.371-3.387 3.228-3.677 2.447-7.694 2.177-11.497.537-2.565-1.106-4.913-2.798-7.195-4.452-3.043-2.206-6.07-4.474-8.849-6.995-4.12-3.738-8.021-7.72-12.01-11.603-2.058-2.003-4.105-4.016-6.158-6.025a2.75 2.75 0 00-.159-.146c-1.523-1.306-1.683-1.296-3.169.066-.604.553-1.263 1.048-1.848 1.62l.1-.092A13.793 13.793 0 0168 84.002c-1.11 0-2.193-.134-3.24-.39l-.006-.007-.099-.058c-.62-.328-1.389-.378-2.006-.711-.607-.327-1.155-.811-1.633-1.318-.542-.575-.997-.984-1.834-.463-.44.274-1.02.323-1.537.473-.754.22-1.541.364-2.257.673-1.545.665-3.09 1.349-4.562 2.158-.679.374-1.186 1.06-1.769 1.607-.152.143-.276.328-.448.438-1.178.75-2.368 1.477-3.547 2.224-3.453 2.185-6.835 4.494-10.371 6.535-4.104 2.368-8.33 4.524-12.527 6.726-1.328.698-2.796 1.14-4.088 1.892-2.255 1.311-4.437 2.751-6.623 4.177-.924.604-1.072.554-1.358-.47-.394-1.41-.9-2.788-1.32-4.191-.246-.82-.564-1.657-.598-2.496-.112-2.83-.277-5.674-.097-8.493.131-2.053 1.039-3.586 3.193-4.75 3.114-1.682 6.468-2.707 9.608-4.261 1.038-.514 2.264-.652 3.41-.943 3.472-.88 6.962-1.7 10.418-2.64 2.452-.668 4.86-1.499 7.29-2.247 3.323-1.025 6.655-2.022 9.97-3.07.879-.278 1.71-.704 2.573-1.065-.482-1.91-.108-3.808.504-5.665.583-1.768 1.24-3.512 1.89-5.257.107-.289.292-.58.517-.788 1.4-1.283 2.8-2.57 4.25-3.794.45-.38 1.04-.617 1.599-.837.759-.3 1.164-.803 1.156-1.621-.012-1.282-.04-2.564-.044-3.846-.007-2.298.017-4.598-.007-6.896-.018-1.687-.132-3.373-.133-5.06 0-2.648.126-5.297.072-7.944-.05-2.394-.267-4.784-.414-7.175-.047-.751-.12-1.5-.165-2.252-.116-1.933-.306-3.866-.31-5.799-.004-1.897.17-3.796.295-5.693.099-1.503.141-3.021.388-4.503.304-1.83.759-3.637 1.235-5.43.087-.328.616-.797.897-.771z" fill="#1F005E"></path><path class="no-fill" d="M0 0h140v140H0z"></path></g><path d="M70.088 78.551c1.894 0 3.627.571 5.253 1.57-.847 1.697-1.566 3.18-1.563 3.294.111 4.054.246 8.107.383 12.16.09 2.651.267 5.302.274 7.952.006 2.9-.156 5.8-.214 8.7 0 20.573 2.979 41.222 3.744 61.825.638 17.177-.519 34.648 1.479 51.731.462 3.96 1.024 7.908 1.518 11.864.181 1.455.317 2.918.425 4.381l.017.012-.013.029c.003.046.008.093.01.14.023.31-.193.637-.323 1.03a2.318 2.318 0 01-.472-.297l-22.928 1.98v-.041c-.02.009-.04.024-.06.028-.127.036-.436-.204-.5-.38-.256-.706-.607-1.302.04-2.162.463-.617.291-1.718.384-2.605.062-.603.016-1.227.15-1.813 2.047-8.984.83-18.315 1.212-27.429.436-10.39.703-20.784.918-31.182.428-20.772.736-41.568 2.47-62.284.399-4.763.703-9.537 1.194-14.29.287-2.782.974-5.521 1.274-8.302.355-3.28.51-6.582.675-9.879.017-.342-.424-.848-.78-1.036-.292-.155-.096-1.988.13-3.917 1.73-.692 3.484-1.079 5.303-1.079z"></path></svg> </div>
<div class="homepage-banner__bottom__edge">
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 375 53" role="img" aria-hidden="true"><path d="M0 30.2c83.7 14.2 146 21.3 187.2 21.3 62 0 124.5-7.2 187.8-21.5v23H0V30.2z" fill="#1F005E"></path></svg> </div>
<div class="homepage-banner__bottom__images">
<div class="homepage-banner__bottom__night">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 800" role="img" aria-hidden="true"><circle fill="#FFF" cx="196" cy="140.907" r="2"></circle><circle fill="#FFF" cx="308" cy="214.907" r="2"></circle><ellipse fill="#FFF" cx="414" cy="157.407" rx="2" ry="1.5"></ellipse><ellipse fill="#FFF" cx="866" cy="415.407" rx="2" ry="2.5"></ellipse><ellipse fill="#FFF" cx="742.5" cy="280.907" rx="1.5" ry="2"></ellipse><ellipse fill="#FFF" cx="531" cy="326.407" rx="2" ry="2.5"></ellipse><circle fill="#FFF" cx="525" cy="490.907" r="2"></circle><ellipse fill="#FFF" cx="669" cy="573.407" rx="2" ry="2.5"></ellipse><ellipse fill="#FFF" cx="774.5" cy="514.907" rx="2.5" ry="2"></ellipse><circle fill="#FFF" cx="1104" cy="638.907" r="2"></circle><ellipse fill="#FFF" cx="892.5" cy="684.907" rx="2.5" ry="2"></ellipse><ellipse fill="#FFF" cx="1027.5" cy="534.907" rx="1.5" ry="2"></ellipse></svg> </div>
</div>
</div>
</div>
<div class="entry-content container">
<div class="logos">
<div class="container">
<div class="logos__row">
<div class="logos__single">
<img fetchpriority="high" decoding="async" width="490" height="317" src="https://cdn.shortpixel.ai/spai3/ret_img/www.wholegraindigital.com/wp-content/uploads/2020/02/Ecover-2020-white.svg" data-spai="1" class="logos__image" alt="ecover logo" data-spai-upd="72"> </div>
<div class="logos__single">
<img decoding="async" width="94" height="23" src="https://cdn.shortpixel.ai/spai3/ret_img/www.wholegraindigital.com/wp-content/uploads/2020/01/unicef.svg" data-spai="1" class="logos__image" alt="" data-spai-upd="72"> </div>
<div class="logos__single">
<img decoding="async" width="1281" height="1279" src="https://cdn.shortpixel.ai/spai3/ret_img/www.wholegraindigital.com/wp-content/uploads/2021/12/GoodEnergy-alt-LogoWhite-01-1.svg" data-spai="1" class="logos__image" alt="Good Energy logo" data-spai-upd="72"> </div>
<div class="logos__single">
<img decoding="async" width="680" height="255" src="https://cdn.shortpixel.ai/spai3/ret_img/www.wholegraindigital.com/wp-content/uploads/2020/08/oxfam_logo.svg" data-spai="1" class="logos__image" alt="Oxfam Logo" data-spai-upd="72"> </div>
<div class="logos__single">
<img decoding="async" width="89" height="35" src="https://cdn.shortpixel.ai/spai3/ret_img/www.wholegraindigital.com/wp-content/uploads/2020/01/network-rail.svg" data-spai="1" class="logos__image" alt="image of network rail logo" data-spai-upd="72"> </div>
<div class="logos__single">
<img decoding="async" width="200" height="200" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgZGF0YS11PSJodHRwcyUzQSUyRiUyRnd3dy53aG9sZWdyYWluZGlnaXRhbC5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjAlMkYwOCUyRkxTRV9Mb2dvX1doaXRlLnN2ZyIgZGF0YS13PSIyMDAiIGRhdGEtaD0iMjAwIiBkYXRhLWJpcD0iIj48L3N2Zz4=" data-spai="1" class="logos__image" alt="London School of Economics Logo"> </div>
</div>
</div>
</div>
<div class="work-cards work-cards--background-darkblue work-cards--compact">
<div class="container">
<h2 class="work-cards__title screen-reader-text">
Our work </h2>
<div class="work-cards__carousel flickity-enabled is-draggable" tabindex="0">
<div class="flickity-viewport" style="height: 517px; touch-action: pan-y;"><div class="flickity-slider" style="left: 0px; transform: translateX(-1.64%);"><a class="card is-selected" href="https://www.wholegraindigital.com/work/c40-cities/" style="position: absolute; left: 0%;">
<div class="card__title">Creating a site that reflects the growth of this leading global climate organisation<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 14" role="img" aria-hidden="true"><path d="M26.74 12.994l1.015.83 5.316-6.496a.658.658 0 000-.831L27.755 0 26.74.83l4.438 5.425H0v1.313h31.178l-4.438 5.426z" fill="#327D87"></path></svg></div>
<div class="card__background" style="background-color: #000000">
<img decoding="async" width="346" height="517" src="https://cdn.shortpixel.ai/spai3/w_277+q_glossy+ret_img+to_auto/www.wholegraindigital.com/wp-content/uploads/2022/04/[email protected]" data-spai="1" class="attachment-work size-work" alt="Creating a site that reflects the growth of this leading global climate organisation" role="presentation" srcset="" sizes="" data-spai-upd="277"> </div>
</a><a class="card is-selected" href="https://www.wholegraindigital.com/work/cafedirect/" style="position: absolute; left: 39.74%;">
<div class="card__title">Creating a low-carbon site for Cafédirect<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 14" role="img" aria-hidden="true"><path d="M26.74 12.994l1.015.83 5.316-6.496a.658.658 0 000-.831L27.755 0 26.74.83l4.438 5.425H0v1.313h31.178l-4.438 5.426z" fill="#327D87"></path></svg></div>
<div class="card__background" style="background-color: #2d2525">
<img decoding="async" width="346" height="517" src="https://cdn.shortpixel.ai/spai3/w_277+q_glossy+ret_img+to_auto/www.wholegraindigital.com/wp-content/uploads/2023/02/Cafedirect-Card-2.jpg" data-spai="1" class="attachment-work size-work" alt="Creating a low-carbon site for Cafédirect" role="presentation" srcset="" sizes="" data-spai-upd="277"> </div>
</a><a class="card" href="https://www.wholegraindigital.com/work/oxfam-policy-website/" aria-hidden="true" style="position: absolute; left: 79.47%;">
<div class="card__title">Upgrading Oxfam’s policy and practice website<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 14" role="img" aria-hidden="true"><path d="M26.74 12.994l1.015.83 5.316-6.496a.658.658 0 000-.831L27.755 0 26.74.83l4.438 5.425H0v1.313h31.178l-4.438 5.426z" fill="#327D87"></path></svg></div>
<div class="card__background" style="background-color: #146714">
<img decoding="async" width="346" height="517" src="https://cdn.shortpixel.ai/spai3/w_277+q_glossy+ret_img+to_auto/www.wholegraindigital.com/wp-content/uploads/2020/12/[email protected]" data-spai="1" class="attachment-work size-work" alt="Upgrading Oxfam’s policy and practice website" role="presentation" srcset="" sizes="" data-spai-upd="277"> </div>
</a><a class="card" href="https://www.wholegraindigital.com/work/unicef-data-website/" aria-hidden="true" style="position: absolute; left: 119.21%;">
<div class="card__title">Making Unicef’s data far more appealing<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 14" role="img" aria-hidden="true"><path d="M26.74 12.994l1.015.83 5.316-6.496a.658.658 0 000-.831L27.755 0 26.74.83l4.438 5.425H0v1.313h31.178l-4.438 5.426z" fill="#327D87"></path></svg></div>
<div class="card__background" style="background-color: #1aabe2">
<img decoding="async" width="346" height="517" src="https://cdn.shortpixel.ai/spai3/w_277+q_glossy+ret_img+to_auto/www.wholegraindigital.com/wp-content/uploads/2020/02/[email protected]" data-spai="1" class="attachment-work size-work" alt="Making Unicef’s data far more appealing" role="presentation" srcset="" sizes="" data-spai-upd="277"> </div>
</a><a class="card" href="https://www.wholegraindigital.com/work/uk-homes-combat-climate-change/" aria-hidden="true" style="position: absolute; left: 158.95%;">
<div class="card__title">A source of truth helping UK households adapt to a low cost, low carbon lifestyle.<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 14" role="img" aria-hidden="true"><path d="M26.74 12.994l1.015.83 5.316-6.496a.658.658 0 000-.831L27.755 0 26.74.83l4.438 5.425H0v1.313h31.178l-4.438 5.426z" fill="#327D87"></path></svg></div>
<div class="card__background" style="background-color: #000000">
<img decoding="async" width="346" height="517" src="https://cdn.shortpixel.ai/spai3/w_277+q_glossy+ret_img+to_auto/www.wholegraindigital.com/wp-content/uploads/2022/11/Wholegrain-Digital-One-Home-Card-Vertical.jpg" data-spai="1" class="attachment-work size-work" alt="A source of truth helping UK households adapt to a low cost, low carbon lifestyle." role="presentation" srcset="" sizes="" data-spai-upd="277"> </div>
</a><a class="card" href="https://www.wholegraindigital.com/work/good-energy/" aria-hidden="true" style="position: absolute; left: 198.68%;">
<div class="card__title">Bringing nothing but good energy to Good Energy's new website<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 14" role="img" aria-hidden="true"><path d="M26.74 12.994l1.015.83 5.316-6.496a.658.658 0 000-.831L27.755 0 26.74.83l4.438 5.425H0v1.313h31.178l-4.438 5.426z" fill="#327D87"></path></svg></div>
<div class="card__background" style="background-color: #46413E">
<img decoding="async" width="346" height="517" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzg0IDIwNjgiIHdpZHRoPSIxMzg0IiBoZWlnaHQ9IjIwNjgiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cud2hvbGVncmFpbmRpZ2l0YWwuY29tJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIxJTJGMTIlMkZHb29kLUVuZXJneSU0MDJ4LmpwZyIgZGF0YS13PSIxMzg0IiBkYXRhLWg9IjIwNjgiIGRhdGEtYmlwPSIiPjwvc3ZnPg==" data-spai="1" class="attachment-work size-work" alt="Bringing nothing but good energy to Good Energy's new website" role="presentation" srcset=" " sizes="(max-width: 346px) 100vw, 346px"> </div>
</a></div></div><button class="flickity-button flickity-prev-next-button previous" type="button" disabled="" aria-label="Previous"><svg class="flickity-button-icon" viewBox="0 0 100 100"><path d="M70.933 98.413c2.134 2.116 5.334 2.116 7.467 0 2.133-2.117 2.133-5.291 0-7.408l-41.6-41.27 41.6-40.74c2.133-2.117 2.133-5.291 0-7.408-2.133-2.116-5.333-2.116-7.467 0L25.6 46.032c-2.133 2.116-2.133 5.29 0 7.407l45.333 44.974z" class="arrow"></path></svg></button><button class="flickity-button flickity-prev-next-button next" type="button" aria-label="Next"><svg class="flickity-button-icon" viewBox="0 0 100 100"><path d="M70.933 98.413c2.134 2.116 5.334 2.116 7.467 0 2.133-2.117 2.133-5.291 0-7.408l-41.6-41.27 41.6-40.74c2.133-2.117 2.133-5.291 0-7.408-2.133-2.116-5.333-2.116-7.467 0L25.6 46.032c-2.133 2.116-2.133 5.29 0 7.407l45.333 44.974z" class="arrow" transform="translate(100, 100) rotate(180) "></path></svg></button></div>
<div class="work-cards__content">
<a class="button button--yellow" href="https://www.wholegraindigital.com/work/">
View more work </a>
</div>
</div>
</div>
<div class="quotes quotes--background--lightestblue quotes--colour--darkblue quotes--text--small">
<div class="container">
<div class="quotes__single">
<div class="quotes__single__inner">
<p class="quotes__single__quote">
<span class="quotes__single__quote__marks">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 54" role="img" aria-hidden="true"><path d="M68.7 4.614c0 2.16-1.555 4.09-3.734 4.475-3.268.617-6.459 2.006-9.571 4.244-4.28 3.01-6.458 6.714-6.458 11.112 0 4.012 3.812 3.858 6.847 3.55 10.738-1.158 17.897 10.262 12.217 19.445-5.447 8.797-19.142 8.41-25.367.849-8.949-10.88-5.836-30.635 4.124-39.894 4.746-4.399 10.271-7.1 16.652-8.257 2.723-.54 5.29 1.698 5.29 4.476zm-37.349 0c0 2.16-1.556 4.09-3.735 4.475-3.268.617-6.458 2.006-9.57 4.244-4.28 3.01-6.46 6.714-6.46 11.112 0 4.012 3.813 3.858 6.848 3.55 10.738-1.158 17.897 10.262 12.217 19.445-5.447 8.797-19.142 8.41-25.367.849C-3.665 37.33-.552 17.577 9.408 8.318 14.154 3.919 19.679 1.218 26.06.06c2.723-.463 5.291 1.775 5.291 4.553z" fill="#1F005E"></path></svg> </span>
The Wholegrain team delivered a more agile, engaging and navigable site, that ran parallel to a complete brand change for our organisation. </p>
<div class="quotes__single__author">
<img decoding="async" width="150" height="150" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDggNDA4IiB3aWR0aD0iNDA4IiBoZWlnaHQ9IjQwOCIgZGF0YS11PSJodHRwcyUzQSUyRiUyRnd3dy53aG9sZWdyYWluZGlnaXRhbC5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjMlMkYxMCUyRkJlbi1XeWF0dC5qcGVnIiBkYXRhLXc9IjQwOCIgZGF0YS1oPSI0MDgiIGRhdGEtYmlwPSIiPjwvc3ZnPg==" data-spai="1" class="quotes__single__author__image" alt="Man wearing red bull racing shirt" srcset=" " sizes="(max-width: 150px) 100vw, 150px"> <div class="quotes__single__author__meta">
<p class="quotes__single__author__name">Ben Wyatt</p>
<p class="quotes__single__author__link">
Head of communications,
<a href="https://www.wholegraindigital.com/work/greenhouse-sports-charity/" target="_blank">
Greenhouse Sports</a> </p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="accordion accordion--bg--yellow accordion--text--darkblue accordion--highlight--darkblue accordion--highlight-color--white" id="services">
<div class="container accordion__container">
<div class="accordion__image">
<div class="blob blob-5"><img decoding="async" width="637" height="478" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDQ4IDE1MzYiIHdpZHRoPSIyMDQ4IiBoZWlnaHQ9IjE1MzYiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cud2hvbGVncmFpbmRpZ2l0YWwuY29tJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIyJTJGMDUlMkZQWExfMjAyMjA1MTNfMTIyMTA4NjkzLk1QXy0yMDQ4eDE1MzYuanBnIiBkYXRhLXc9IjIwNDgiIGRhdGEtaD0iMTUzNiIgZGF0YS1iaXA9IiI+PC9zdmc+" data-spai="1" class="attachment-accordion size-accordion" alt="Team working together in Somerset house" srcset=" " sizes="(max-width: 637px) 100vw, 637px"></div> </div>
<div class="accordion__content">
<h2 class="accordion__heading">
Our digital agency services </h2>
<div class="accordion__holder">
<div class="accordion__item">
<h3 class="accordion__item__heading">
<a href="#digital-sustainability" id="h-digital-sustainability" aria-controls="digital-sustainability" aria-expanded="false">
Digital Sustainability </a>
</h3>
<div class="accordion__item__content" id="digital-sustainability" aria-labelledby="h-digital-sustainability" role="region">
<p class="p1">We can assist your team in quantifying impact, identifying key areas for improvement and advise on practical actions in design and development to create a sustainable website.</p>
<p><a class="button button--yellow" href="https://www.wholegraindigital.com/digital-sustainability/">Digital sustainability services
</a></p> </div>
</div>
<div class="accordion__item">
<h3 class="accordion__item__heading">
<a href="#digital-strategy" id="h-digital-strategy" aria-controls="digital-strategy" aria-expanded="false">
Digital strategy </a>
</h3>
<div class="accordion__item__content" id="digital-strategy" aria-labelledby="h-digital-strategy" role="region">
<p>As a leading digital agency in London, we harness digital strategy to solve your pain points and help you achieve your marketing and communication goals. Strategy lays the foundation for success.</p>
<p><a class="button button--yellow" href="https://www.wholegraindigital.com/digital-strategy-consulting/">Our strategic services
</a></p> </div>
</div>
<div class="accordion__item">
<h3 class="accordion__item__heading">
<a href="#ui-ux-design" id="h-ui-ux-design" aria-controls="ui-ux-design" aria-expanded="false">
UI/UX design </a>
</h3>
<div class="accordion__item__content" id="ui-ux-design" aria-labelledby="h-ui-ux-design" role="region">
<p>UX and UI design are where form meets function. As a web design agency in London, we design delightful and inclusive user experiences that are easy to navigate, and deliver on your goals.</p>
<p><a class="button button--yellow" href="https://www.wholegraindigital.com/ux-ui-design-agency/">Design services
</a></p> </div>
</div>
<div class="accordion__item">
<h3 class="accordion__item__heading">
<a href="#front-end-development" id="h-front-end-development" aria-controls="front-end-development" aria-expanded="false">
Front-end development </a>
</h3>
<div class="accordion__item__content" id="front-end-development" aria-labelledby="h-front-end-development" role="region">
<p>We build fast, accessible and delightful digital products through industry-leading front-end development. Our code is pixel perfect and brings design to life with dynamic interactions.</p>
<p><a class="button button--yellow" href="https://www.wholegraindigital.com/web-development/">Front-end services
</a></p> </div>
</div>
<div class="accordion__item">
<h3 class="accordion__item__heading">
<a href="#wordpress-cms" id="h-wordpress-cms" aria-controls="wordpress-cms" aria-expanded="false">
WordPress CMS </a>
</h3>
<div class="accordion__item__content" id="wordpress-cms" aria-labelledby="h-wordpress-cms" role="region">
<p>We’re London’s original WordPress agency and have over a decade of experience pushing enterprise WordPress development to the highest standards of security, performance and accessibility.</p>
<p><a class="button button--yellow" href="https://www.wholegraindigital.com/enterprise-wordpress-development/">Our WordPress expertise
</a></p> </div>
</div>
<div class="accordion__item">
<h3 class="accordion__item__heading">
<a href="#web-performance" id="h-web-performance" aria-controls="web-performance" aria-expanded="false">
Web performance </a>
</h3>
<div class="accordion__item__content" id="web-performance" aria-labelledby="h-web-performance" role="region">
<div class="content-and-heading content-and-heading--vertical content-and-heading--large">
<div class="content-and-heading__primary">
<div class="content-and-heading__content">
<p>Web performance optimisation is integral to everything that we do, from design to front-end coding and WordPress development. We make your websites go faster.</p>
</div>
</div>
</div>
<div class="content-and-heading content-and-heading--reverse">
<div class="content-and-heading__primary"></div>
</div>
<p><a class="button button--yellow" href="https://www.wholegraindigital.com/wordpress-speed-optimisation/">‘Go faster’ services
</a></p> </div>
</div>
</div>
</div>
</div>
</div>
<div class="cta cta--list">
<div class="container">
<div class="cta__list">
<div class="cta__background">
<img decoding="async" width="1280" height="444" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDQ4IDcxMCIgd2lkdGg9IjIwNDgiIGhlaWdodD0iNzEwIiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGd3d3Lndob2xlZ3JhaW5kaWdpdGFsLmNvbSUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMCUyRjAzJTJGaWNvbnMubWluXy0yMDQ4eDcxMC5qcGVnIiBkYXRhLXc9IjIwNDgiIGRhdGEtaD0iNzEwIiBkYXRhLWJpcD0iIj48L3N2Zz4=" data-spai="1" class="attachment-full-width size-full-width" alt="" srcset=" " sizes="(max-width: 1280px) 100vw, 1280px"> </div>
<div class="cta__frame cta__frame--phone">
<div class="cta__frame__inner">
<ul>
<li>Latest version</li>
<li>Security scanning</li>
<li>Image compression</li>
<li>Uptime monitoring</li>
<li>Crisis resolution</li>
<li>Secondary backups</li>
</ul>
</div>
</div>
</div>
</div>
<div class="cta__container">
<h2 class="cta__heading">Flexible WordPress maintenance services for your peace of mind</h2>
<div class="cta__content">
<p>You won’t need to worry about your website with our maintenance and support plans. These are designed to continuously add value and support you in getting the most from your web presence.</p>
<p class="cta__links">
<a class="button" href="/contact/">Enquire now
</a> <a class="cta__link" href="/wordpress-maintenance-and-support/">WordPress maintenance and support<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 14" role="img" aria-hidden="true"><path d="M26.74 12.994l1.015.83 5.316-6.496a.658.658 0 000-.831L27.755 0 26.74.83l4.438 5.425H0v1.313h31.178l-4.438 5.426z" fill="#327D87"></path></svg>
</a> </p>
</div>
</div>
</div>
<div class="icons">
<div class="container">
<h3 class="icons__heading">Delivering mission-critical, <br>low-carbon websites</h3>
<div class="icons__row" data-columns="4">
<div class="icons__single">
<div class="icons__single__media">
<div class="icons__single__media-wrap">
<img decoding="async" width="90" height="77" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MCA3NyIgd2lkdGg9IjkwIiBoZWlnaHQ9Ijc3IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGd3d3Lndob2xlZ3JhaW5kaWdpdGFsLmNvbSUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMCUyRjAxJTJGZmFzdGVyLnN2ZyIgZGF0YS13PSI5MCIgZGF0YS1oPSI3NyIgZGF0YS1iaXA9IiI+PC9zdmc+" data-spai="1" class="attachment-thumbnail size-thumbnail" alt=""> </div>
</div>
<div class="icons__single__text">
<p>The websites that Wholegrain build average over <strong>90/100</strong> for <strong>SEO </strong></p>
</div>
</div>
<div class="icons__single">
<div class="icons__single__media">
<div class="icons__single__media-wrap">
<img decoding="async" width="93" height="92" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MyA5MiIgd2lkdGg9IjkzIiBoZWlnaHQ9IjkyIiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGd3d3Lndob2xlZ3JhaW5kaWdpdGFsLmNvbSUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMCUyRjAxJTJGcG9sbHV0aW5nLnN2ZyIgZGF0YS13PSI5MyIgZGF0YS1oPSI5MiIgZGF0YS1iaXA9IiI+PC9zdmc+" data-spai="1" class="attachment-thumbnail size-thumbnail" alt=""> </div>
</div>
<div class="icons__single__text">
<p>Our websites are <strong>67% less polluting</strong> than industry average</p>
</div>
</div>
<div class="icons__single">
<div class="icons__single__media">
<div class="icons__single__media-wrap">
<img decoding="async" width="78" height="74" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3OCA3NCIgd2lkdGg9Ijc4IiBoZWlnaHQ9Ijc0IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGd3d3Lndob2xlZ3JhaW5kaWdpdGFsLmNvbSUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMCUyRjAxJTJGcHJvZ3Jlc3NpdmUuc3ZnIiBkYXRhLXc9Ijc4IiBkYXRhLWg9Ijc0IiBkYXRhLWJpcD0iIj48L3N2Zz4=" data-spai="1" class="attachment-thumbnail size-thumbnail" alt=""> </div>
</div>
<div class="icons__single__text">
<p>We build websites as <strong>Progressive Web Apps</strong> to enhance user experience</p>
</div>
</div>
<div class="icons__single">
<div class="icons__single__media">
<div class="icons__single__media-wrap">
<img decoding="async" width="79" height="97" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3OSA5NyIgd2lkdGg9Ijc5IiBoZWlnaHQ9Ijk3IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGd3d3Lndob2xlZ3JhaW5kaWdpdGFsLmNvbSUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMCUyRjAxJTJGYWNjZXNzaWJsZS5zdmciIGRhdGEtdz0iNzkiIGRhdGEtaD0iOTciIGRhdGEtYmlwPSIiPjwvc3ZnPg==" data-spai="1" class="attachment-thumbnail size-thumbnail" alt=""> </div>
</div>
<div class="icons__single__text">
<p>Our websites average over <strong>90/100</strong> for <strong>accessibility</strong></p>
</div>
</div>
</div>
</div>
</div>
<div class="flag flag--align-left flag--bg--green flag--text--white flag--offset flag--aba">
<div class="container">
<div class="flag__content">
<h2 class="flag__heading flag__heading--hero">
Nature is the foundation of all things good </h2>
<div class="flag__text">
<p>If the internet was a country, it would be the world’s sixth biggest polluter. As a digital agency, we are world leaders in greening the web and our co-founder Tom has written the book Sustainable Web Design for A Book Apart.</p>
<p>We’re also committed to being one of the world’s most nature-friendly businesses and have implemented a range of pioneering initiatives.</p>
<p> </p>
<div class="flag__links">
<a href="/blog/now-certified-b-corporation/">
<img decoding="async" width="98" height="150" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDIgMTU2IiB3aWR0aD0iMTAyIiBoZWlnaHQ9IjE1NiIgZGF0YS11PSJodHRwcyUzQSUyRiUyRnd3dy53aG9sZWdyYWluZGlnaXRhbC5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjAlMkYwMiUyRkdyb3VwLTIzLnBuZyIgZGF0YS13PSIxMDIiIGRhdGEtaD0iMTU2IiBkYXRhLWJpcD0iIj48L3N2Zz4=" data-spai="1" class="attachment-logo size-logo" alt="B Corp logo"> </a>
<a href="/blog/1-for-the-planet/">
<img decoding="async" width="150" height="65" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyODUgMTIzIiB3aWR0aD0iMjg1IiBoZWlnaHQ9IjEyMyIgZGF0YS11PSJodHRwcyUzQSUyRiUyRnd3dy53aG9sZWdyYWluZGlnaXRhbC5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjAlMkYwMiUyRkdyb3VwLTcucG5nIiBkYXRhLXc9IjI4NSIgZGF0YS1oPSIxMjMiIGRhdGEtYmlwPSIiPjwvc3ZnPg==" data-spai="1" class="attachment-logo size-logo" alt="1% For The Planet logo"> </a>
<a href="/blog/carbon-calculator-v2/">
<img decoding="async" width="150" height="62" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOTcgMTIzIiB3aWR0aD0iMjk3IiBoZWlnaHQ9IjEyMyIgZGF0YS11PSJodHRwcyUzQSUyRiUyRnd3dy53aG9sZWdyYWluZGlnaXRhbC5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjAlMkYwMiUyRldlYnNpdGUtY2FyYm9uLnBuZyIgZGF0YS13PSIyOTciIGRhdGEtaD0iMTIzIiBkYXRhLWJpcD0iIj48L3N2Zz4=" data-spai="1" class="attachment-logo size-logo" alt="Website carbon"> </a>
<a href="/blog/introducing-the-sustainable-web-manifesto/">
<img decoding="async" width="150" height="83" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMTYgMTIwIiB3aWR0aD0iMjE2IiBoZWlnaHQ9IjEyMCIgZGF0YS11PSJodHRwcyUzQSUyRiUyRnd3dy53aG9sZWdyYWluZGlnaXRhbC5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjAlMkYwMiUyRlN1c3RhaW5hYmxlLXdlYi1tYW5pZmVzdG8ucG5nIiBkYXRhLXc9IjIxNiIgZGF0YS1oPSIxMjAiIGRhdGEtYmlwPSIiPjwvc3ZnPg==" data-spai="1" class="attachment-logo size-logo" alt="Sustainable web manifesto"> </a>
<a href="/blog/why-declare-a-climate-emergency/">
<img decoding="async" width="127" height="150" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzIgMTU2IiB3aWR0aD0iMTMyIiBoZWlnaHQ9IjE1NiIgZGF0YS11PSJodHRwcyUzQSUyRiUyRnd3dy53aG9sZWdyYWluZGlnaXRhbC5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjAlMkYwMiUyRkNsaW1hdGUtZW1lcmdlbmN5LnBuZyIgZGF0YS13PSIxMzIiIGRhdGEtaD0iMTU2IiBkYXRhLWJpcD0iIj48L3N2Zz4=" data-spai="1" class="attachment-logo size-logo" alt="Climate emergency"> </a>
</div>
<a class="button button--yellow" href="/about-us/">More about our ethos
</a>
</div>
</div>
<div class="flag__media">
<div class="flag__image"><img decoding="async" width="443" height="886" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDMgODg2IiB3aWR0aD0iNDQzIiBoZWlnaHQ9Ijg4NiIgZGF0YS11PSJodHRwcyUzQSUyRiUyRnd3dy53aG9sZWdyYWluZGlnaXRhbC5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjElMkYwMSUyRlRyaW8tb2YtQm9va3MtU1dELnN2ZyIgZGF0YS13PSI0NDMiIGRhdGEtaD0iODg2IiBkYXRhLWJpcD0iIj48L3N2Zz4=" data-spai="1" class="attachment-blog_image size-blog_image" alt="Illustration of Sustainable Web Design by Tom Greenwood book cover"></div> </div>
</div>
</div>
<div class="blog-block">
<div class="container blog-block__inner blog-block__header">
<h2>From our blog</h2>
</div>
<div class="posts posts--block flickity-enabled is-draggable flickity-resize" tabindex="0">
<div class="flickity-viewport" style="height: 428.656px; touch-action: pan-y;"><div class="flickity-slider" style="left: 0px; transform: translateX(-2.67%);"><a href="https://www.wholegraindigital.com/blog/sustainable-web-design-book-updated/" class="posts__single is-selected" style="position: absolute; left: 0%;">
<div class="posts__single__inner">
<h4 class="posts__single__title">Why I’ve republished my book, Sustainable Web Design<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 14" role="img" aria-hidden="true"><path d="M26.74 12.994l1.015.83 5.316-6.496a.658.658 0 000-.831L27.755 0 26.74.83l4.438 5.425H0v1.313h31.178l-4.438 5.426z" fill="#327D87"></path></svg></h4>
<div class="posts__single__meta">
<ul class="post_filter__categories post_filter__categories--small">
<li class="cat-item"> <span>Design</span>
</li>
<li class="cat-item"> <span>Digital Sustainability</span>
</li>
<li class="cat-item"> <span>Planet</span>
</li>
<li class="cat-item"> <span>Tech</span>
</li>
</ul>
<p>Written by Tom Greenwood – October 9, 2024</p>
</div>
</div>
</a><a href="https://www.wholegraindigital.com/blog/autum-conference-inspo/" class="posts__single" aria-hidden="true" style="position: absolute; left: 50%;">
<div class="posts__single__inner">
<h4 class="posts__single__title">Autumnal inspiration – Dreaming, imperfection and collaboration<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 14" role="img" aria-hidden="true"><path d="M26.74 12.994l1.015.83 5.316-6.496a.658.658 0 000-.831L27.755 0 26.74.83l4.438 5.425H0v1.313h31.178l-4.438 5.426z" fill="#327D87"></path></svg></h4>
<div class="posts__single__meta">
<ul class="post_filter__categories post_filter__categories--small">
<li class="cat-item"> <span>Business</span>
</li>
<li class="cat-item"> <span>Humane Web</span>
</li>
<li class="cat-item"> <span>People</span>
</li>
<li class="cat-item"> <span>Planet</span>
</li>
</ul>
<p>Written by Georgie Monaghan – October 8, 2024</p>
</div>
</div>
</a><a href="https://www.wholegraindigital.com/blog/uk-premiere-documentary-film-responsible/" class="posts__single" aria-hidden="true" style="position: absolute; left: 100%;">
<div class="posts__single__inner">
<h4 class="posts__single__title">Screening the UK premiere of the documentary film ‘Responsible’<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 14" role="img" aria-hidden="true"><path d="M26.74 12.994l1.015.83 5.316-6.496a.658.658 0 000-.831L27.755 0 26.74.83l4.438 5.425H0v1.313h31.178l-4.438 5.426z" fill="#327D87"></path></svg></h4>
<div class="posts__single__meta">
<ul class="post_filter__categories post_filter__categories--small">
<li class="cat-item"> <span>Business</span>
</li>
<li class="cat-item"> <span>People</span>
</li>
<li class="cat-item"> <span>Planet</span>
</li>
</ul>
<p>Written by Anneliese Murray – September 30, 2024</p>
</div>
</div>
</a></div></div></div>
<div class="container blog-block__inner">
<a href="https://www.wholegraindigital.com/blog/" class="cta__link">
Go to all blog posts <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 14" role="img" aria-hidden="true"><path d="M26.74 12.994l1.015.83 5.316-6.496a.658.658 0 000-.831L27.755 0 26.74.83l4.438 5.425H0v1.313h31.178l-4.438 5.426z" fill="#327D87"></path></svg> </a>
</div>
</div>
<div class="as-seen as-seen--bg--lightblue as-seen--text--night">
<div class="container as-seen__container">
<h5 class="as-seen__title">
As seen in </h5>
<a href="https://www.bbc.com/worklife/article/20190918-some-firms-give-more-time-off-to-those-who-shun-plane-travel" title="Some firms give more time off to those who shun plane travel" target="_blank" rel="noreferrer noopener" class="as-seen__link">
<img decoding="async" width="150" height="43" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTAgNDMiIHdpZHRoPSIxNTAiIGhlaWdodD0iNDMiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cud2hvbGVncmFpbmRpZ2l0YWwuY29tJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDElMkZiYmMuc3ZnIiBkYXRhLXc9IjE1MCIgZGF0YS1oPSI0MyIgZGF0YS1iaXA9IiI+PC9zdmc+" data-spai="1" class="attachment-full size-full" alt="BBC logo"> </a>
<a href="https://www.telegraph.co.uk/news/2019/10/12/employers-ease-flying-guilt-awarding-extra-holiday-time-rail/" title="Employers ease flying guilt by awarding extra holiday time for rail travel" target="_blank" rel="noreferrer noopener" class="as-seen__link">
<img decoding="async" width="215" height="36" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMTUgMzYiIHdpZHRoPSIyMTUiIGhlaWdodD0iMzYiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cud2hvbGVncmFpbmRpZ2l0YWwuY29tJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDElMkZ0ZWxlZ3JhcGguc3ZnIiBkYXRhLXc9IjIxNSIgZGF0YS1oPSIzNiIgZGF0YS1iaXA9IiI+PC9zdmc+" data-spai="1" class="attachment-full size-full" alt="Telegraph logo"> </a>
<a href="https://www.theguardian.com/small-business-network/2013/dec/10/showcase-cashflow-wholegrain-digital" title="Cashflow: Wholegrain Digital" target="_blank" rel="noreferrer noopener" class="as-seen__link">
<img decoding="async" width="150" height="50" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTAgNTAiIHdpZHRoPSIxNTAiIGhlaWdodD0iNTAiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cud2hvbGVncmFpbmRpZ2l0YWwuY29tJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDElMkZndWFyZGlhbi5zdmciIGRhdGEtdz0iMTUwIiBkYXRhLWg9IjUwIiBkYXRhLWJpcD0iIj48L3N2Zz4=" data-spai="1" class="attachment-full size-full" alt="The Guardian logo"> </a>
</div>
</div> </div>
</article>
</main> <footer class="footer">
<div class="footer__outer">
<div class="container">
<a href="#top" class="back-to-top">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 14" role="img" aria-hidden="true"><path d="M10.176 12.977l.98.803 5.133-6.273a.635.635 0 000-.802L11.157.432l-.981.8 4.286 5.24H.22v1.267h14.242l-4.286 5.238z" fill="#FFF"></path></svg> <span class="screen-reader-text">Back to top</span>
</a>
<div class="footer__contact">
<div class="footer__contact__image">
<img width="403" height="380" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MzIgNTAwIiB3aWR0aD0iNTMyIiBoZWlnaHQ9IjUwMCIgZGF0YS11PSJodHRwcyUzQSUyRiUyRnd3dy53aG9sZWdyYWluZGlnaXRhbC5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjQlMkYwNSUyRkJhaWxleS5wbmciIGRhdGEtdz0iNTMyIiBkYXRhLWg9IjUwMCIgZGF0YS1iaXA9IiI+PC9zdmc+" data-spai="1" class="attachment-blob size-blob" alt="" decoding="async" srcset=" " sizes="(max-width: 403px) 100vw, 403px"> </div>
<div class="footer__contact__content">
<p class="footer__contact__title">This is Bailey, give her a call to discuss your next project!</p>
<p>
<a class="button button--blink button--yellow" href="/contact/">Contact<span class="button--blink__blinker"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 14" role="img" aria-hidden="true"><path d="M10.176 12.977l.98.803 5.133-6.273a.635.635 0 000-.802L11.157.432l-.981.8 4.286 5.24H.22v1.267h14.242l-4.286 5.238z" fill="#FFF"></path></svg></span>
</a> <span class="desktop-only">Give us a call on <a href="tel:02071128240"><strong>0207 112 8240</strong></a></span>
<strong class="mobile-only">
<a href="tel: +442071128240" class="contact_details__phone">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" role="img" aria-hidden="true"><path d="M11.676 9.09c.432.452.432.993 0 1.426-.306.306-.613.595-.9.902-.415.469-.92.613-1.514.577-.864-.054-1.657-.325-2.413-.704A13.373 13.373 0 012.49 7.882C1.59 6.818.852 5.646.365 4.347c-.234-.631-.396-1.28-.36-1.966a1.61 1.61 0 01.504-1.082c.343-.325.649-.65.99-.974.433-.433.973-.433 1.406 0l.792.793.775.776c.45.45.45.992 0 1.443l-.973.974c-.09.09-.09.144-.054.252.216.523.522.974.883 1.407.702.866 1.512 1.642 2.449 2.237.198.126.432.216.648.343.108.054.18.036.27-.054.325-.325.649-.668.973-.993.432-.432.973-.432 1.405 0 .558.542 1.08 1.065 1.603 1.588z" fill="#1F005E"></path></svg> 0207 112 8240 </a>
</strong>
</p>
</div>
</div>
<div class="footer__grid">
<div class="footer__menu">
<ul id="menu-footer-menu" class="footer__menu__menu"><li id="menu-item-14380" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14380"><a href="https://www.wholegraindigital.com/jobs/">Careers</a></li>
<li id="menu-item-16557" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16557"><a href="https://www.wholegraindigital.com/sustainability-policy/">Sustainability</a></li>
<li id="menu-item-21975" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21975"><a href="https://www.wholegraindigital.com/wholegrain-ethical-policy/">Ethical policy</a></li>
<li id="menu-item-24714" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24714"><a href="https://www.wholegraindigital.com/accessibility-statement/">Accessibility statement</a></li>
<li id="menu-item-15796" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15796"><a href="https://www.wholegraindigital.com/charity-web-design-agency/">Charities</a></li>
<li id="menu-item-15795" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15795"><a href="https://www.wholegraindigital.com/b-corps-web-design-agency/">B Corps</a></li>
<li id="menu-item-21976" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21976"><a href="https://www.wholegraindigital.com/digital-sustainability/">Digital sustainability</a></li>
<li id="menu-item-24715" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-24715"><a href="https://www.websitecarbon.com/">Website Carbon</a></li>
</ul> </div>
<div class="footer__links">
<a href="https://www.wholegraindigital.com/blog/1-for-the-planet/" target="_blank" rel="norefferer noopener">
<img width="1066" height="447" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDY2IDQ0NyIgd2lkdGg9IjEwNjYiIGhlaWdodD0iNDQ3IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGd3d3Lndob2xlZ3JhaW5kaWdpdGFsLmNvbSUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMCUyRjA3JTJGMWZ0cC5zdmciIGRhdGEtdz0iMTA2NiIgZGF0YS1oPSI0NDciIGRhdGEtYmlwPSIiPjwvc3ZnPg==" data-spai="1" class="attachment-full size-full" alt="1% For The Planet logo" decoding="async"> </a>
<a href="https://www.wholegraindigital.com/charity-web-design-agency/" target="_blank" rel="norefferer noopener">
<img width="367" height="162" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNjggMTYzIiB3aWR0aD0iMzY4IiBoZWlnaHQ9IjE2MyIgZGF0YS11PSJodHRwcyUzQSUyRiUyRnd3dy53aG9sZWdyYWluZGlnaXRhbC5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjElMkYwMSUyRmNoYXJpdHktY29tbXMtbG9nby1uZXcuc3ZnIiBkYXRhLXc9IjM2OCIgZGF0YS1oPSIxNjMiIGRhdGEtYmlwPSIiPjwvc3ZnPg==" data-spai="1" class="attachment-full size-full" alt="Logo for the Charity Comms Organisation" decoding="async"> </a>
<a href="https://www.wholegraindigital.com/blog/climate-perks-green-travel/" target="_blank" rel="norefferer noopener">
<img width="753" height="673" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NTQgNjc0IiB3aWR0aD0iNzU0IiBoZWlnaHQ9IjY3NCIgZGF0YS11PSJodHRwcyUzQSUyRiUyRnd3dy53aG9sZWdyYWluZGlnaXRhbC5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjElMkYwMSUyRmNsaW1hdGUtcGVya3MtbG9nby5zdmciIGRhdGEtdz0iNzU0IiBkYXRhLWg9IjY3NCIgZGF0YS1iaXA9IiI+PC9zdmc+" data-spai="1" class="attachment-full size-full" alt="Climate Perks logo" decoding="async"> </a>
<a href="https://www.wholegraindigital.com/blog/now-certified-b-corporation/" target="_blank" rel="norefferer noopener">
<img width="97" height="164" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NyAxNjQiIHdpZHRoPSI5NyIgaGVpZ2h0PSIxNjQiIGRhdGEtdT0iaHR0cHMlM0ElMkYlMkZ3d3cud2hvbGVncmFpbmRpZ2l0YWwuY29tJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDclMkYyMDE4LUItQ29ycC1Mb2dvLVdoaXRlLnN2ZyIgZGF0YS13PSI5NyIgZGF0YS1oPSIxNjQiIGRhdGEtYmlwPSIiPjwvc3ZnPg==" data-spai="1" class="attachment-full size-full" alt="2020 B Corp logo" decoding="async"> </a>
</div>
<div class="footer__carbon carbon-badge">
<div class="carbon-badge__inner">
<a href="https://websitecarbon.com" title="Website Carbon Calculator" rel="noreferrer" target="_blank">
<p class="carbon-badge__message"><span class="carbon-badge__time">This page loaded in <span class="carbon-badge__stat">1.42 seconds</span></span> and emitted just <span class="carbon-badge__stat">0.08g of CO2</span></p>
</a>
</div>
</div>
<div class="footer__social">
<ul class="social_links">
<li class="social_links__single">
<a href="https://www.instagram.com/eatwholegrain/" target="_blank" rel="norefferer noopener">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" role="img" aria-hidden="true"><g fill="#FFF"><path d="M12.659 0H4.825C2.165 0 0 2.216 0 4.94v8.02c0 2.725 2.164 4.94 4.825 4.94h7.834c2.66 0 4.825-2.215 4.825-4.94V4.94c0-2.724-2.165-4.94-4.825-4.94zm3.274 12.96c0 1.849-1.47 3.352-3.274 3.352H4.825c-1.805 0-3.274-1.503-3.274-3.351V4.94c0-1.848 1.469-3.352 3.274-3.352h7.834c1.805 0 3.274 1.504 3.274 3.352v8.02z"></path><path d="M8.742 4.338c-2.484 0-4.505 2.07-4.505 4.613 0 2.543 2.02 4.612 4.505 4.612 2.484 0 4.505-2.07 4.505-4.612 0-2.544-2.021-4.613-4.505-4.613zm0 7.637c-1.629 0-2.954-1.357-2.954-3.025 0-1.667 1.325-3.024 2.954-3.024 1.629 0 2.954 1.357 2.954 3.024 0 1.668-1.325 3.025-2.954 3.025zm4.694-8.984a1.13 1.13 0 00-.804.341 1.185 1.185 0 000 1.648c.211.216.505.34.804.34.3 0 .592-.124.804-.34a1.188 1.188 0 000-1.648 1.13 1.13 0 00-.804-.34z"></path></g></svg> <span class="screen-reader-text">Instagram</span>
</a>
</li>
<li class="social_links__single">
<a href="https://www.linkedin.com/company/eatwholegrain/" target="_blank" rel="norefferer noopener">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" role="img" aria-hidden="true"><path d="M16.667 0C17.402 0 18 .581 18 1.297V16.7c0 .717-.598 1.3-1.332 1.3H1.328C.597 18 0 17.416 0 16.7V1.297C0 .58.596 0 1.329 0zM5.344 6.748H2.669v8.59h2.675v-8.59zm6.797-.213c-1.304 0-2.175.712-2.531 1.387h-.036V6.748l-2.557-.001v8.588h2.668v-4.249c0-1.12.214-2.205 1.603-2.205 1.37 0 1.387 1.283 1.387 2.278v4.179h2.668v-4.712c0-2.312-.499-4.091-3.202-4.091zM4.004 2.473a1.547 1.547 0 10-.003 3.094 1.547 1.547 0 00.003-3.094z" fill="#FFF"></path></svg> <span class="screen-reader-text">Linkedin</span>
</a>
</li>
</ul> </div>
<div class="footer__signature">
<p>Wholegrain Digital, Scamper Ltd, Exchange at Somerset House, New Wing, Strand, London, WC2R 1LA. 0207 112 8240. Read our <a href="/privacy-policy-2020/">privacy policy, </a><a href="/terms/">website terms</a>, <a href="/terms-and-conditions/">service terms.</a></p>
</div>
<div class="footer__signup">
<div class="footer__signup__inner">
<h4>Curious about a greener web?</h4>
<p>Join over 6000 subscribers getting monthly updates on digital sustainability and a more humane web.</p>
<p>No spam, just good content.</p>
<form id="gosquared_form" action="https://gsforms.net/post/GSN-381717-M/c870c31d-30d3-47d8-a8a3-3895af8fbc2d?frame=1" method="POST">
<label for="footer-email" class="screen-reader-text">Email address</label>
<input type="email" value="" name="email" class="required email" id="footer-email" placeholder="Enter email">
<button class="button" type="submit">
Sign up
</button>
<input aria-hidden="true" name="gs_c870c31d-30d3-47d8-a8a3-3895af8fbc2d" tabindex="-1" class="screen-reader-text">
<input aria-hidden="true" name="original_source_url" value="www.wholegraindigital.com" tabindex="-1" class="screen-reader-text">
<input aria-hidden="true" name="original_campaign_name" value="Wholegrain Digital" tabindex="-1" class="screen-reader-text">
</form>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<script type="text/javascript" src="https://www.wholegraindigital.com/wp-includes/js/jquery/jquery.min.js" id="jquery-core-js"></script>
<script type="text/javascript" id="spai-scripts-js-extra">
/* <![CDATA[ */
var spai_settings = {"api_domain":"cdn.shortpixel.ai","api_url":"https:\/\/cdn.shortpixel.ai\/spai3\/w_%WIDTH%+q_glossy+ret_img","api_short_url":"https:\/\/cdn.shortpixel.ai\/spai3\/ret_img","method":"src","crop":"1","size_breakpoints":{"on":false,"base":50,"rate":10},"lqip":"","lazy_threshold":"500","hover_handling":"","native_lazy":"","serve_svg":"1","debug":"","site_url":"https:\/\/www.wholegraindigital.com","plugin_url":"https:\/\/www.wholegraindigital.com\/wp-content\/plugins\/shortpixel-adaptive-images","version":"3.9.4","excluded_selectors":[".mailpoet_template img",".mailpoet_template picture"],"eager_selectors":[".no-lazy-load"],"noresize_selectors":[],"alter2wh":"","use_first_sizes":[],"lazy_bg_style":"","active_integrations":{"nextgen":false,"modula":false,"elementor":false,"elementor-addons":false,"viba-portfolio":false,"envira":false,"everest":false,"wp-bakery":false,"woocommerce":false,"wpc-variations":false,"foo":false,"global-gallery":false,"essential-grid":false,"oxygen":false,"slider-revolution":false,"custom-facebook-feed":false,"smart-slider":false,"real3d-flipbook":false,"wp-grid-builder":false,"beaver-builder":false,"the-grid":false,"social-pug":false,"instagram-feed":false,"insta-gallery":false,"content-views":false,"featherlight":false,"lightbox-photoswipe":false,"acf":true,"soliloquy":false,"jetpack":false,"wp-rocket":{"lazyload":false,"css-filter":false,"minify-css":false,"defer-all-js":false,"video-placeholder":false},"perfmatters":false,"swift-performance":false,"imagify":{"active":false},"wp-fastest-cache":false,"litespeed-cache":false,"w3-total-cache":false,"wp-super-cache":false,"wp-optimize":{"active":false,"enable_css":false,"enable_merging_of_css":false},"breeze":false,"smart-cookie-kit":false,"wpzoom-theme":false,"avia-gallery-module":false,"theme":"Wholegrain 2019"},"parse_css_files":"","backgrounds_max_width":"0","sep":"+","webp":"1","avif":"1","webp_detect":"","extensions_to_nextgenimg":{"png":true,"jpg":true,"gif":true},"sniper":"https:\/\/www.wholegraindigital.com\/wp-content\/plugins\/shortpixel-adaptive-images\/assets\/img\/target.cur","affected_tags":"{\"figure\":2,\"link\":1}","ajax_url":"https:\/\/www.wholegraindigital.com\/wp-admin\/admin-ajax.php","ajax_nonce":"3ef188033e","excluded_paths":["cmVnZXg6L1wvXC8oW15cL10qXC58KWdyYXZhdGFyLmNvbVwvLw=="]};
/* ]]> */
</script>
<script data-cfasync="false" type="text/javascript" src="https://www.wholegraindigital.com/wp-content/plugins/shortpixel-adaptive-images/assets/js/ai-2.0.min.js" id="spai-scripts-js"></script>
<script async="" data-zifera-key="88eba3d6-8a30-40cd-8977-c05314cde3ec" src="https://stats.zifera.nl/scripts/stats.latest.js"></script><script type="text/javascript" id="granola-scripts-js-extra">
/* <![CDATA[ */
var granola_params = {"ajax_url":"https:\/\/www.wholegraindigital.com\/wp-admin\/admin-ajax.php","home_url":"https:\/\/www.wholegraindigital.com"};
/* ]]> */
</script>
<script type="text/javascript" src="https://www.wholegraindigital.com/wp-content/themes/wholegrain-2019/assets/scripts/scripts.11f7a1d5916ddeec19b8.js" id="granola-scripts-js"></script>
<div class="screen-reader-text footer__clips">
<svg viewBox="0 0 403 380" role="img" aria-hidden="true"><defs><clipPath id="footerClip"><path d="M280.803 380c-24.173-.784-47.557-5.66-70.608-11.97-39.185-10.727-78.483-20.512-118.464-27.7-48.462-8.711-82.403-45.246-90.474-95.307-3.332-20.656.45-41.094 5.6-61.132 9.31-36.244 27.558-67.447 49.486-96.539C76.179 61.034 98.428 37.51 126.324 20.49 147.024 7.86 169.288.7 193.177.043c27.935-.77 52.713 8.877 73.793 27.985 36.766 33.327 70.75 69.5 97.848 112.133 18.215 28.656 31.341 59.745 36.188 94.14 4.08 28.966 2.47 57.354-10.196 84.092-15.237 32.158-41.272 49.273-73.62 56.635-11.912 2.712-24.247 3.375-36.387 4.972"></path></clipPath><clipPath id="signUp1"><path d="M60.18 16.194c42.374-23.596 85.764-17.04 130.746-7.621 60.022 12.566 119.016 28.586 179.5 36.758 52.502 7.092 109.35 15.005 154.405 46.125 51.965 35.89 78.457 98.818 81.755 160.485 3.29 61.512-13.186 124.152-44.334 177.059H40.132c12.35-.037-29.64-209.354-31.714-218.853-2.552-11.688-4.712-23.875-6.222-36.238C-4.982 115.104 3.233 47.902 60.18 16.194z"></path></clipPath><clipPath id="signUp"><path d="M60.18 16.194c42.374-23.596 85.764-17.04 130.746-7.621 60.022 12.566 119.016 28.586 179.5 36.758 52.502 7.092 109.35 15.005 154.405 46.125 51.965 35.89 78.457 98.818 81.755 160.485 3.29 61.512-4.938 124.152-36.086 177.059-18.529 22.267-27.862 43.267-28 63H40c-4-20.333-4-34.5 0-42.5 5.868-55-29.509-229.854-31.582-239.353-2.552-11.688-4.712-23.875-6.222-36.238C-4.982 115.104 3.233 47.902 60.18 16.194z"></path></clipPath><clipPath id="accordion"><path d="M443.85 601c-38.21-1.24-75.171-8.951-111.607-18.932-61.937-16.966-124.053-32.44-187.249-43.81C68.394 524.481 14.745 466.7 1.987 387.524c-5.266-32.67.712-64.994 8.85-96.686 14.717-57.323 43.56-106.673 78.22-152.683 31.355-41.624 66.523-78.83 110.617-105.75C232.392 12.433 267.584 1.11 305.344.069c44.156-1.218 83.32 14.04 116.64 44.26 58.115 52.71 111.831 109.919 154.664 177.347 28.791 45.323 49.539 94.492 57.2 148.89 6.448 45.813 3.905 90.71-16.117 132.998-24.083 50.86-65.236 77.93-116.367 89.574-18.828 4.289-38.324 5.338-57.515 7.863"></path></clipPath><clipPath id="team"><path d="M365.043 0c-31.424 1.019-61.823 7.358-91.79 15.561-50.94 13.946-102.027 26.666-154.003 36.01-63 11.325-107.123 58.82-117.616 123.899-4.331 26.853.586 53.422 7.279 79.471 12.103 47.118 35.826 87.682 64.333 125.501 25.787 34.213 54.71 64.795 90.976 86.922 26.908 16.417 55.853 25.724 86.908 26.58 36.316 1.001 68.526-11.54 95.93-36.38 47.797-43.326 91.976-90.35 127.204-145.773 23.679-37.253 40.743-77.669 47.043-122.382 5.304-37.657 3.213-74.56-13.255-109.32-19.807-41.805-53.653-64.054-95.706-73.626-15.485-3.525-31.52-4.387-47.303-6.463"></path></clipPath><clipPath id="blob-1"><path d="M195.112 342.424c-36.56-9.98-73.224-19.084-110.527-25.772C39.37 308.547 7.704 274.554.173 227.976c-3.109-19.22.42-38.235 5.224-56.879 8.686-33.723 25.712-62.755 46.17-89.822 18.51-24.487 39.268-46.375 65.295-62.211C136.173 7.314 156.946.653 179.234.04c26.065-.716 49.182 8.26 68.85 26.038 34.303 31.009 66.01 64.664 91.292 104.331 16.995 26.663 29.241 55.589 33.763 87.59 3.807 26.952 2.306 53.365-9.513 78.242-14.215 29.92-38.506 45.845-68.687 52.695-11.114 2.523-22.622 3.14-33.95 4.626-27.538 2.353-44.37-5.266-65.877-11.138z"></path></clipPath><clipPath id="blob-2"><path d="M341.693 263.003c.303 15.55-7.05 31.12-17.836 42.649-26.315 28.125-70.67 41.3-107.55 47.125-8.86 1.399-17.908 2.121-26.88 2.215C94.988 355.982.073 263.911 0 169.1c-.017-22.563 5.698-45.646 19.282-63.977 16.564-22.352 42.367-35.07 67.692-44.925 22.573-8.783 44.793-18.452 66.733-28.707 20.927-9.78 41.424-22.499 63.936-28.409 17.598-4.619 37.105-4.602 53.181 3.908 48.374 25.608 42.345 94.635 41.655 140.229-.293 19.319.474 39.121 5.829 57.818 4.967 17.346 18.239 31.1 22.264 48.726a45.45 45.45 0 011.121 9.24"></path></clipPath><clipPath id="blob-3"><path d="M5.104 192.601a298.745 298.745 0 01-1.282-8.239c-5.75-40.63-6.797-86.05 9.685-124.631C31.097 18.56 71.202-2.622 118.13.26c28.903 1.777 55.028 13.703 81.234 24.198 26.946 10.792 52.595 16.635 81.498 20.965 24.535 3.676 48.37 8.7 66.716 25.595 27.817 25.615 29.942 66.874 27.81 101.29-2.473 39.91-14.539 80.84-36.793 115.089-11.144 17.15-25.317 32.906-43.074 44.32-43.138 27.73-106.744 22.132-155.082 11.88-34.994-7.423-69.95-20.75-92.074-48.43-23.806-29.784-37.05-66.005-43.26-102.566"></path></clipPath><clipPath id="blob-4"><path d="M291.277 47.29c36.858 25.982 74.145 51.965 81.362 84.803 7.216 32.922-15.637 72.87-36.085 107.061-20.361 34.193-38.318 62.63-63.834 83.534-25.431 20.905-58.422 34.276-89.781 32.076-31.445-2.116-61.257-19.889-93.475-38.593-32.304-18.703-67.014-38.424-81.447-68.045-14.348-29.538-8.42-68.977 9.708-98.599 18.042-29.621 48.112-49.426 77.41-77.863C124.43 43.228 152.868 6.243 185.344.741c32.475-5.5 68.989 20.566 105.932 46.549"></path></clipPath><clipPath id="blob-5"><path d="M322.843 35.86c31.77 26.9 48.177 75.028 52.198 122.21 4.022 47.097-4.343 93.163-30.08 116.883-25.737 23.806-68.927 25.268-106.889 38.502-37.962 13.235-70.696 38.245-108.98 40.393-38.364 2.149-82.277-18.65-105.843-55.26-23.646-36.7-26.943-89.297-20.107-141.55C10.06 104.7 27.03 52.79 60.97 26.234 94.91-.322 145.741-1.526 194.802.794c48.98 2.321 96.192 8.08 128.041 35.066"></path></clipPath></defs></svg></div>
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', function() {
navigator.serviceWorker.register('/serviceworker.js').then(function(registration) {
// Registration was successful
console.log('ServiceWorker registration successful with scope: ', registration.scope);
}, function(err) {
// registration failed :(
console.log('ServiceWorker registration failed: ', err);
});
});
}
</script>
</body></html>