 Hi! Today I'd like to show you how easily and quickly I've created a new theme in Gutenberg, the WordPress Block Editor. At Automatic, the process of designing a theme always includes an initial phase of conceptualization and iteration. But after we have a solid design direction, we start building our new theme directly in the editor. This is the exciting part, being able to see the idea's life. The theme I'm building today is called Offset, and it's called that way because of the offset layout of the pages. The index, archive, page and post templates use the columns block to create that zigzag effect with plenty of white space to achieve the goal of the design. I have some posts created already to test the layouts, but I've started from scratch setting up the styles and templates for this theme. The first thing I did was customize colors, fonts, the title and tagline of my site. This is really not mandatory to start with styles, but because I'm a visual creature I love it when I can get the right vibe right away. After I've set up the global styles, I go ahead and start adjusting or rebuilding my templates and or template parts. Next, I've customized the appearance of specific blocks. For instance, I wanted headings and post titles to be bold, and I wanted a different line height in post, excerpts and paragraphs. I find this tool really useful as a designer, it gives me endless possibilities and even though there is a learning curve, once you get how to use it, it's so cool. The header and footer template parts also needed some customizing. In the footer, I wanted the social icons to be quite large to match the dimensions of the header items. As I'm designing I like to see the site and I always find something else to adjust. Usually a spacer here and there or pattings apply to each section. For this video though, I didn't go pixel perfect for the sake of your time, I just wanted to get the main idea and structure built. Once we have set the foundation and the embellishments that usually take so much time to get right, we can export the templates from within the site editor. The ability to export global styles is coming soon as well. It's really exciting how much you can get done if you're like me and the furthest you can go touching code is the real basics. Now with the possibilities the editor provides, designers or users with no coding experience can create their own themes. And the more they do it, the faster they get. In the end I also check how the site behaves in smaller screen sizes, especially when we're using columns blocks. It's always worth checking if text overlaps or breaks in weird ways or if there are any weird alignments. In this case it actually works pretty well. I hope you enjoyed this video and that it has given you an idea of how easy it is to design a theme with WordPress. I also hope it motivates you to design your own site or theme.