FlatBlock Wireframe Kit

This Wireframe Kit is initially inspired by the this website which provides a "color block" based mockup. For example:

This toolkit aims to help facilitate the building process of this kind of mockup.

Wireframe Kit Contents

The current toolkit includes the following components:

The Flat colors collected are from the project Bootflat.

It has the following formats:

Srouce file (.cs) from the Mac App ColorSchemer Studio 2.
Export version (.clr), used by the Mac system. Once it is imported, it can also be used inside OmniGraffle.

From the source file, it can be also easily exported into other formats like ASE, AI, CSS, PNG, etc.

The stencil includes the basic elements that are usually used in this "block mockup" process.

It also include all color pickups just in case.

Inside the stencil file, it also includes several examples which are built right upon this stencil.

Here is the example copied from codyhouse.co/

Here is another example for mobile only.

Feel free to contribute if you are liking this style of mockup.

I will continue to expand the stencil, by adding more icons / colors as well as usefaul wedgets.

Always welcome to accept any feedback!