At this point, you should now have a fully functional theme with a completed layout, but with the same placeholder color scheme and visual styling you began with. Now, it's time to turn your bland looking theme into something visually unique.

90 percent of the visual styling from here is just a matter of working with the mixins you already have in place in your typography.styl, layout.styl and color_and_bgs.styl files. You can do a great deal just by adding custom values to the color variables and modifying the _color() mixins.

Of course, the actual designs you create will come down to your own unique talents and style so we can't teach you that here, but what we can do is give you an example of a design laid over the top of one of the layouts we've already covered earlier, along with the code used to create it so you can see what kind of things can be done.

Before moving onto that example, there are a couple of extra tricks you'll want to know about to help your...