AvenirNext forINTUIT is a cornerstone element of our brand’s visual language. Our typography aligns our use of weights and sizes in our product. And it helps us meet the needs of all users. Content on any given page is easier to scan and read. Our typography brings us one step closer to meeting WCAG 2.0 accessibility.
Usage
Typography is integral to the look and feel of our brands and the success of our products. It needs to be legible, accessible, and seamless between product lines and across devices. It establishes a hierarchy to guide users through the completion of tasks in a multitude of languages. Through a cohesive use of typographic styles in the interface, we can establish a clear visual pattern for users interacting with our products. Our text sizes and line heights are harmonious with our spacing units and align to our 4 px grid.
Type scale
Type scale refers to point sizes and line heights. We use our type scale across our products and ecosystem to ensure continuity and a cohesive experience. Type scales are helpful when we deliver content and product frameworks through different platforms.
84/108 72/92 60/76 48/60 40/52 34/44
28/36 24/32 20/28 16/24 14/20 12/16
Weight
Weight refers to a font’s stroke thickness, which can create a content hierarchy by adding or removing emphasis to fonts of the same size. We balance our font weights and sizes carefully to work with our products. The QuickBooks Design System uses the following font weights: