The Fairfax & Favor style guide is just that, a guide, to be followed closely with caution and attention to detail. Much like any fashion, trend or style, it will likely change and evolve over time. As such it is very important to refer back to this guide before undertaking any design work.
We use this guide as a reference to keep everything uniform, consistent and to ensure the brand and style remains instantly recognisable and familiar to the visitor.
Explore the brand navy, gold and supporting colours, how we use them and their colour codes.
Read about the way we use Gill Sans Nova, including weights, spacing, headings and colours.
Find out how we build consistency through grids, margins, padding with Tailwind markup.
Outlining breadcrumbs, tabs, links, product tags and many more website components.
How we get from A to B. The various different button and link types we use and when to use them.
Covering form inputs, textareas, select dropdowns, checkboxes, labels and how we lay out forms.