Designing Gutenberg Themes with Sketch

Kjell Reigstad explores designing a block-driven theme with Gutenberg & Sketch, including two beautiful examples.

Gutenberg Themes with Sketch

Kjell just published an awesome article on how to create a block-driven theme using Sketch & Gutenberg. He's provided a set of Sketch symbols, as well as a library file, for the community to use and expand upon.

Here's a quick taste of the workflow in Sketch.

Kjell wanted to test the limits of design using only CSS, so he set out to create a theme that didn't conform to the typical block style that we've seen so far.

I encourage you to check out the post and read it all the way through. You can also download the Sketch files directly from Github.

Here's what his 2nd, more creative theme design looks like:

I've heard some concerns that new themes created for Gutenberg would all start to look the same. Hopefully, this eases some of those concerns, and shows you what's possible when you flex your design muscles 💪🏼.

1 comment on Designing Gutenberg Themes with Sketch
  1. Hi,

    My sincere apology as I know you probably don’t like me to contact you this way, but this is very special for gogutenberg.com only.

    We have prepared something specifically for your site – gogutenberg.com, showing you how you can rank your site on Google and get tons of traffics easily, for FREE…

    Check it out here – http://report.seomadeeasy.net?domain=gogutenberg.com

    Regards,
    Vivian Creecy
    Account Manager
    SEO Made Easy

Leave a Comment