Join Over 20,000 Designers and Get My Free Design Tools

Get access to my email newsletter and all of my exclusive design tools, assets, Genesis child themes and more.

Get Free Access
Get Free Access
The Essential Web Design Handbook

Learn to Design Beautiful and Simple Websites

using my simple and proven methods.

The Essential Web Design Handbook is a complete guide to designing simple websites from initial ideas to the final Photoshop project files.

Get The Ebook


  1. Hi Rafal

    I’ve been wondering who designed Chris’ new site – now I know 🙂

    It’s not only a fantastic piece of design, but I interviewed Chris on my podcast a while back and he’s a great bloke who genuinely wants to help people – and the stylish, understated, and accessible look of your design does actually complement his personality – which is no mean feat in design terms.

    As an online branding vehicle and an easy to use website – it’s really well done. I absolutely love it – great work 🙂



  2. This was such an awesome read Rafal!! Really great seeing a peek into how you go about completing a project and that redesign is just stellar! Thanks for sharing.

  3. Love these kinds of posts where we get to see what goes on behind the curtain. Thanks for sharing! And the subtle changes to the logo = brilliant!

  4. Great write up, Rafal! You and Brian Gardner should put together a course on the specifics of designing/developing for Rainmaker and how it differs from a normal Genesis design/dev process. I know lots of people would be interested in purchasing it!

    • Thanks for the tip. It’s definitely something we should think about, but first, I need more hours in my day! 😉

  5. I have one question. The query args you used. To my knowledge you cannot use the same name for multiple queries?

    So did you really just use that php code for genesis to create the custom queries for the podcast and blog posts or did you rename the queries into more specific names?

    Cause if this is all I have to do to create multiple queries on the frontpage with different content then oh my, it´s even easier than I thought! Or is this way of doing it only for rainmaker? it will not work on the genesis ordinary themes?

    All in all, great writeup. Loved the code parts.

    • Henrik,
      That’s the actual code I used on the site. You can use ‘$query_args’ for both loops as long as you call genesis_custom_loop() function right after.

      Otherwise, you would need to change names; for example:

      $query_args_podcast = wp_parse_args(
      ‘post_type’ => ‘podcast’

      $query_args_blog = wp_parse_args(
      ‘showposts’ => ‘3’

      Then you can use later in the code:

      genesis_custom_loop( $query_args_podcast );
      genesis_custom_loop( $query_args_blog );

  6. Hi,
    What a great insight! Thank you for this article.
    Would you know if there is a book on coding Genesis themes? Your book is great for design but what I am trying to find is how to transfer visual part that you create in Photoshop to the new Genesis theme.

    This article helps a lot but there are still pieces missing and there are some terms that I don’t understand like what’s the thing about number 12 (genesis_post_info’, 12) …

  7. Great post Rafal. It saved my time. Love the new design of Very clean and good design.

  8. Thanks so much for this article. Great to see your process with typography, colors and design snippets. I also like how you show the goal of each section. It has given me ideas for the story I want to tell for a B&B site I’m working on. Very helpful!

  9. This is badass. Great work on this post and chris’s website! I will be using this as a guide for future site redesigns. Thanks man!

  10. Hi Rafal,

    This is a great revelation thanks for sharing this to us. I’m just a newbie guy from the paradise of Philippines, this is quite helpful for me as a newbie to show what genesis framewrok can do and make such website like this. The wireframe, color scheme, typhography are perfetly awesome.

    Just a quick question. Did you just make this from scratch or you chose a genesis theme that was close to your wireframe?

  11. This is awesome, Rafal! Wow! I love it. Now, could I ask to steal just one thing from here? The newsletter form before footer area! Can you share the CSS to achieve that? Thanks.

  12. Hi Rafal

    I just reviewed your blog post hoping I could learn something that I could apply to my own website. I’m wodering how you did your custom home page with this site. Would that be alright if you can share your actual code with your custom homepage and how did you incorporate your registered side bar to it. I know this is out side scope of your blog post but your answers will help me a lot. I ask because I’m willing to learn from the expert.

    remove_action( ‘genesis_loop’, ‘genesis_do_loop’ );
    add_action( ‘genesis_loop’, function() {

    // your custom home page HTML code goes here

     ‘home-intro’, ‘name’ => ‘Home – Intro’ ) );
    genesis_register_sidebar( array( ‘id’ => ‘home-book’, ‘name’ => ‘Home – Book’, ‘before_title’ => ”, ‘after_title’ => ” ) );
    genesis_register_sidebar( array( ‘id’ => ‘home-book-info’, ‘name’ => ‘Home – Book Info’ ) );
    genesis_register_sidebar( array( ‘id’ => ‘home-podcast’, ‘name’ => ‘Home – Podcast’, ‘before_title’ => ”, ‘after_title’ => ” ) );
    genesis_register_sidebar( array( ‘id’ => ‘home-blog’, ‘name’ => ‘Home – Blog’, ‘before_title’ => ”, ‘after_title’ => ” ) );
    genesis_register_sidebar( array( ‘id’ => ‘home-speaking’, ‘name’ => ‘Home – Speaking’, ‘before_title’ => ”, ‘after_title’ => ” ) );

  13. Hi Rafal, I found your blog searching about “genesis logo”. I love your blog. I’ve learned so much and I’ll buy your book very soon. I like the way you approach design.

    Could you tell me what font did you use to the logo?


Leave a Reply

Your email address will not be published. Required fields are marked *