Typography System
In this page, we introduced all components/elements you can preview and learn how to use them.
Desktop
Main Title
Helvetica Bold / 50px / 53pxSecondary Title
Helvetica Bold / 38px / 38pxMain Heading
Helvetica Bold / 34px / 45pxSub-heading 1
Helvetica Bold / 24x / 26pxSub-heading 2
Helvetica Bold / 16px / 16pxHelvetica Bold / 13px / 16px (Our People Page - Name Only)
LABEL
Helvetica Bold / 12px / 19px / UppercaseLead-in text, Helvetica Light, 20px. It should be used for an introductory sentence or short paragraph. There should never be more than one paragraph of intro text.
Helvetica Light / 20px / 27pxParagraph text, Helvetica Light, 14px. This is paragraph text which should be used for the majority of all text content on the page. Inline links, which look like this, may be added to paragraph text using the link icon.
Helvetica Light / 14px / 23pxSmall paragraph text, Helvetica Light, 14px. This is small-paragraph text which should be used for content that is second in heirarchy, like the Helpful links sidebar.
Helvetica Light / 14px / 22pxDesktop Caption, Helvetica Light, 14px
Helvetica Light / 14px / 20pxPrimary Link
Helvetica Bold / 12px / 12px / UppercaseSecondary Link
Helvetica Bold / 14pxHamburger
Helvetica Bold / 40px / 16px