Question: I'd like to create a custom drag and drop template so I can increase the design possibilities without losing the functionality. I can't find anything in their documentation.

I was hoping to create something like [this](http://i.stack.imgur.com/KhAd3.png), not sure if I'm missing something obvious but I can't find a drag and drop that allows for the different coloured background with columns too.

I could use a block of code but I can't edit the css styles so it wouldn't be responsive for mobile and also not very friendly for those who don't know html.

Answer: 
Rather old question, but to who it might be helpfull: 

If you code your own template and upload it to Mailchimp you lose the 'drag & drop' system/UX interface with the different blocks. You are able to create repeatable blocks but then it works with a dropdown list. This is (in my humble opinion) not that user friendly and takes a while before you fully understand how to use the dropdown. I had to explain it to a client earlier today and took a while before they understood it, so I decided to write them a manual for it. 

But the design you want to create should be possible to make with a standard MC template. In the 'design' tab you will find settings to control background colors etc.
You can create your own drag and drop template you need to add the following into your html coded template where you want the 'drag and drop' feature to exist.

```
<div id="templateBody" mc:container="container_name" mccontainer="container_name" class="tpl-container">                                
    <div mc:block="3502204" mc:blocktype="text" mcblock="3502204" mcblocktype="text" class="tpl-block"></div>
</div>

```

This can be repeated in your code multiple times for multiple insertions. I could not find documentation to indicate if the container name or block number needs to be unique, I did make it unique in my template.