In mid-2014, Fresh Tilled Soil adopted a new standard deliverable for all client engagements: coded style guides. Each guide outlines the project’s design system, including color palettes, grid systems, typography, and button and link states, and presents them with functional front-end code. This enables client teams to easily apply their new design system to future work, such as new pages or functions within their site or application. Furthermore, we’ve found the guides to strengthen communication and understanding between designers and developers.
Fresh Tilled Soil’s development team built a simple framework to standardize the process of creating coded guides. They named it Corkscrew for the celebratory bottle of wine enjoyed upon a successful product launch. As in-house illustrator, I provided the project’s logo and mascot: a wine-loving duck.
Corkscrew is open source and available on Github.