Generate custom grids:
Create CSS Blueprint Grids of infinite varieties.
Build your HTML layout graphically:
Draw your HTML layout on top of your Blueprint grid.
Build complex layouts of any variety and depth.
Add your client's mockup image as background to trace over.
Semantic CSS IDs using Blueprint:
Use your own semantic CSS IDs in your HTML layout.
Use <div id="sidebar"> instead of <div class="span-6, last">.
  • Create your custom Blueprint Grid.
  • Create any HTML layout structure.
    Use semantic CSS IDs.
  • Preview layout in your Browser.
  • Add your mockup image to trace over.
  • Export all required files to begin development.
  • slide one
  • slide two
  • slide three
  • slide five
  • slide four