$(function() { $('a[href*=#]:not([href=#])').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); if (target.length) { $('html,body').animate({ scrollTop: target.offset().top }, 2000); return false; } } }); });


Coders build the finished design into a real, live product.

The details are not the details. They make the design.
— Charles Eames

Talented developers now have what they need to understand what they’re building – from the big picture down to the nitty-gritty details.

Big picture Diagram and Draft deliverables help developers structure their code and decide which technologies to use. The finer details in Draft and Design guide the crafting that will ensure a consistent, standout experience for users.

We stick around to support the developers. It's important we're available to explain our design rationale and help navigate the inevitable issues that arise as concept become reality. If we’re not, we have consistently found that the final product inevitably strays from the design intention.