blueprint-wireframes icon indicating copy to clipboard operation
blueprint-wireframes copied to clipboard

Responsive content reference wireframes in a blueprint style

Responsive content reference wireframes in a blueprint style

Based on Stephen Hays' idea of content reference wireframes and some sightings on Dribbble.

Idea

Static wireframes aren't always the best option for responsive workflows, nor are too detailed wireframes. By creating simple sketches in HTML and using the blueprint metaphor, this little toolkit aims to match both modern device contexts and the fact that wireframes are not design proposals.

Documentation and more on the idea: blueprint-wireframes.com

Credits

  • Graphics used based on "Free Blueprint Wireframe PSD Kit" by Göksel Vancin: https://www.behance.net/gallery/Free-Blueprint-Wireframe-PSD-Kit/10952285 (CC BY-NC 3.0)
  • Redacted font by Christian Naths (https://github.com/christiannaths/Redacted-Font) and licensed under the SIL Open Font License, Version 1.1 (see /fonts/OFL.txt)