Wireframe Kit is initially inspired by the this website which provides a “color block” based mockup. For example:
Table of Contents
Wireframe Kit Contents
The current toolkit includes the following components:
- Flat UI Color Palette
- OmniGraffle Stencil
- OmniGraffle Example
Flat UI Color Palette
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.
source file, it can be also easily exported into other formats like
stencil includes the basic elements that are usually used in this “block mockup” process.
- Basic Frames for web and mobile.
- Content Blocks
- Layout Components
It also include all color pickups just in case.
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.