Creating a custom blog template for Ecover

Project overview

We’ve been lucky enough to have been working with our long-term client and leader in green cleaning, Ecover, for seven years (half of Wholegrain’s lifetime!) now. 

Having partnered with the team on several projects, from website rebrands to specific campaigns like Ocean Plastic, our story is closely tied to theirs in many ways.

So, when they asked us to help them launch a brand new blog in 2020, to help them further promote their mission of leading a ‘clean world revolution’, we couldn’t wait to (to use their words) get stuck in!

The new blog is an extension of the theme we created for their most recent website rebrand, with the same low carbon credentials, with enough flexibility for it to grow and change with the team over time.


  • Custom block creation using Granola
  • Four different post formats
  • Custom ‘like’ icons.


CO2 per page view


Lighthouse Accessibility score

Ecover wanted to launch a new blog platform that would be the publishing ‘heart’ of their clean world ‘revolution’. More than a blog, Ecover wanted a platform that would not just communicate what they’re doing, but would also inspire and empower their audience to get involved and take action.

Image of the Ecover blog homepage displayed on a tablet

Custom block creation 


As well as the standard gutenberg blocks used for blog posts, we needed to create several custom blocks to cover a range of specific types of content Ecover wanted to use.

Two mobile devices, each displaying different sorts of posts from the Ecover blog. One video, one poll

Using our eco-friendly open source framework, Granola, we created custom blocks for interview content, polls, quotes and calls to action (CTA). A wide range of multimedia content is supported, with types of media (audio, video, text) differentiated with different block colour/overlay options.

Custom ‘like’ icons


In keeping with the passion Ecover brings to their mission, we created custom ‘like’ icons for their blog posts – Ecover consumers are strong-minded and the like buttons reflect this, with a ‘hell yeah’ or ‘hell no’ fist replacing the usual thumbs up or down options.

image showing part of a blog post displayed on desktop, with a mobile device in front, to the right, showing the custom icons