Gotham is the display typeface of our brand. We use the black weight for headings 1-3 and the bold weight for headings 4 and 5.

Gotham Rounded, is our text typeface. It is functional, contemporary and timeless in appearance. We use it’s book weight for body copy across all applications and the medium weight for emphasis. It is also used for H6 level headings as eyebrow text.

Merriweather bold italic is our typeface for callouts, quotations, and testimonials–creating a conversational tone without being overly serious.

Gotham XNarrow Medium is our typeface for chart/graph data points (labels and values) and data table column and row headings.

One of the most important techniques for effectively communicating content is the use of typographic hierarchy.

Typographic hierarchy is a system for organizing type that establishes an order of importance within the data, allowing the reader to easily find what they are looking for and navigate the content. It helps guide the reader’s eye to where a section begins and ends, whilst enabling the user to isolate certain information based on the consistent use of style throughout a body of text.

It is important to maintain this system. This allows for clarity, consistency and a strong hierarchy for all communications.

Adjust the type scale depending on application. Start with a classical increment ratio of 1:2 with a hexationic scale (x6).

Easily calculate adjustments using the typographic scale calculator at layoutgridcalculator.com