All the documents you will find here have been created in Illustrator and are completely free to open and modify.
Print this document as many times as needed, add your content details to the printed cards and then use them as a guide for your web site.
This document has three parts:
Before beginning any web project, it is essential to understand your objectives and targeted users. In this part of Sazarac´s Design Book, you will find the questions you need to ask in order to clarify those objectives and users.
Most of these questions are based on those found in this fantastic post by Steve 'Doc' Baty "Questions to ask for any UX project" Other are inspired by the beautiful tome, "Design Discovery"
Use these pages to create your Personas, Scenarios & Task Flows.
Here are the base templates where you can sketch out your wireframes. Remember Sazerac works with a 16-column grid.
Sazerac is not a FrameWork CSS, instead it is mix of many good ideas and existing code in the most important FrameWorks out there.
Sazerac uses LESS and emulates the work of Bootstrap.
Inside the file "Sazerac CSS Boilerplate" you will find all the LESS files that make up the Sazerac boilerplate. The most important ones are "variables.less" which contains all the defined variables that we used to personalize the Sazerac boilerplate, from the color of links to the number of columns in our grid.
Once you've edited "variables.less" and modified its values, you can open the file called "sazerac.less" where the rest of the less files are linked. You can delete or add new files depending on the flavor of your own code.
When you compile your edits with "sazerac.less" you will have your new Sazerac cocktail, mixed perfectly according to your taste.
In the following links you will find more information about the options you have using the Sazerac Boilerplate CSS