Fonts In Use
Helvetica NeueThe Helvetica® design is a classic that has stood the test of time – and changed with technological advances in the process. First announced in 1957, Helvetica was re-released in 1983 as the Neue Helvetica® family, with a suite of subtle differences that made a positive impact on the design.
Monotype GaramondGaramond is a group of many old-style serif typefaces, named for sixteenth-century Parisian engraver Claude Garamond (generally spelled as Garamont in his lifetime). Garamond-style typefaces are popular and often used, particularly for printing body text and books.
Typography Style
Desktop (XL) Text Styles
Heading - H1
CSS Code: { font-family: "Helvetica Neue"; font-size: 28px; font-weight: 100; letter-spacing: 6px; line-height: 42px; }
Heading - H2
CSS Code: { font-family: "Helvetica Neue"; font-size: 24px; font-weight: 100; letter-spacing: 4px; line-height: 31px; }
Heading - H3
CSS Code: { font-family: "Helvetica Neue"; font-size: 16px; font-weight: 700; letter-spacing: 3px; line-height: 21px; }
Heading - H4
CSS Code: { font-family: "Helvetica Neue"; font-size: 18px; font-style: italic; letter-spacing: 0.5px; line-height: 27px; }
Body - B1
CSS Code: { font-family: "Monotype Garamond"; font-size: 22px; font-weight: 400; letter-spacing: 0.5px; line-height: 33px; }
Body - B2
CSS Code: { font-family: "Monotype Garamond"; font-size: 18px; font-weight: 400; letter-spacing: 0.5px; line-height: 27px; }
Body - B3
CSS Code: { font-family: "Monotype Garamond"; font-size: 15px; font-weight: 400; letter-spacing: 0.5px; line-height: 25px; }
Caption - C1
CSS Code: { font-family: "Helvetica Neue"; font-size: 12px; font-weight: 700; letter-spacing: 3px; line-height: 16px; }
Caption - C2
CSS Code: { font-family: "Helvetica Neue"; font-size: 12px; font-weight: 400; letter-spacing: 3px; line-height: 16px; }
Caption - C3
CSS Code: { font-family: "Helvetica Neue"; font-size: 10px; font-weight: 700; letter-spacing: 3px; line-height: 13px; }
Caption - C4
CSS Code: { font-family: "Helvetica Neue"; font-size: 10px; font-weight: 400; letter-spacing: 3px; line-height: 13px; }
Quote - Q1
CSS Code: { font-family: "MonotypeGaramond"; font-size: 48px; font-style: Italic; letter-spacing: -0.5px; line-height: 67px; }
Quote - Q2
CSS Code: { font-family: "MonotypeGaramond"; font-size: 21px; font-style: Italic; letter-spacing: 0.5px; line-height: 32px; }
Mobile Text Styles
Heading - H1
CSS Code: { font-family: "Helvetica Neue"; font-size: 28px; font-weight: 100; letter-spacing: 6px; line-height: 42px; }
Heading - H2
CSS Code: { font-family: "Helvetica Neue"; font-size: 24px; font-weight: 100; letter-spacing: 4px; line-height: 31px; }
Heading - H3
CSS Code: { font-family: "Helvetica Neue"; font-size: 16px; font-weight: 700; letter-spacing: 3px; line-height: 21px; }
Heading - H4
CSS Code: { font-family: "Helvetica Neue"; font-size: 18px; font-style: italic; letter-spacing: 0.5px; line-height: 27px; }
Body - B1
CSS Code: { font-family: "Monotype Garamond"; font-size: 22px; font-weight: 400; letter-spacing: 0.5px; line-height: 33px; }
Body - B2
CSS Code: { font-family: "Monotype Garamond"; font-size: 18px; font-weight: 400; letter-spacing: 0.5px; line-height: 27px; }
Body - B3
CSS Code: { font-family: "Monotype Garamond"; font-size: 15px; font-weight: 400; letter-spacing: 0.5px; line-height: 25px; }
Caption - C1
CSS Code: { font-family: "Helvetica Neue"; font-size: 12px; font-weight: 700; letter-spacing: 3px; line-height: 16px; }
Caption - C2
CSS Code: { font-family: "Helvetica Neue"; font-size: 12px; font-weight: 400; letter-spacing: 3px; line-height: 16px; }
Caption - C3
CSS Code: { font-family: "Helvetica Neue"; font-size: 10px; font-weight: 700; letter-spacing: 3px; line-height: 13px; }
Caption - C4
CSS Code: { font-family: "Helvetica Neue"; font-size: 10px; font-weight: 400; letter-spacing: 3px; line-height: 13px; }
Quote - Q1
CSS Code: { font-family: "MonotypeGaramond"; font-size: 32px; font-style: Italic; letter-spacing: -0.5px; line-height: 45px; }
Quote - Q2
CSS Code: { font-family: "MonotypeGaramond"; font-size: 21px; font-style: Italic; letter-spacing: 0.5px; line-height: 32px; }
Tablet Text Styles
Heading - H1
CSS Code: { font-family: "Helvetica Neue"; font-size: 32px; font-weight: 100; letter-spacing: 5px; line-height: 47px; }
Heading - H2
CSS Code: { font-family: "Helvetica Neue"; font-size: 24px; font-weight: 100; letter-spacing: 4px; line-height: 31px; }
Heading - H3
CSS Code: { font-family: "Helvetica Neue"; font-size: 16px; font-weight: 700; letter-spacing: 3px; line-height: 21px; }
Heading - H4
CSS Code: { font-family: "Helvetica Neue"; font-size: 18px; font-style: italic; letter-spacing: 0.5px; line-height: 27px; }
Body - B1
CSS Code: { font-family: "Monotype Garamond"; font-size: 22px; font-weight: 400; letter-spacing: 0.5px; line-height: 33px; }
Body - B2
CSS Code: { font-family: "Monotype Garamond"; font-size: 18px; font-weight: 400; letter-spacing: 0.5px; line-height: 27px; }
Body - B3
CSS Code: { font-family: "Monotype Garamond"; font-size: 15px; font-weight: 400; letter-spacing: 0.5px; line-height: 25px; }
Caption - C1
CSS Code: { font-family: "Helvetica Neue"; font-size: 12px; font-weight: 700; letter-spacing: 3px; line-height: 16px; }
Caption - C2
CSS Code: { font-family: "Helvetica Neue"; font-size: 12px; font-weight: 400; letter-spacing: 3px; line-height: 16px; }
Caption - C3
CSS Code: { font-family: "Helvetica Neue"; font-size: 10px; font-weight: 700; letter-spacing: 3px; line-height: 13px; }
Caption - C4
CSS Code: { font-family: "Helvetica Neue"; font-size: 10px; font-weight: 400; letter-spacing: 3px; line-height: 13px; }
Quote - Q1
CSS Code: { font-family: "MonotypeGaramond"; font-size: 36px; font-style: Italic; letter-spacing: -0.5px; line-height: 50px; }
Quote - Q2
CSS Code: { font-family: "MonotypeGaramond"; font-size: 21px; font-style: Italic; letter-spacing: 0.5px; line-height: 32px; }
Mobile/Tablet App Text Styles
Heading H1
Heading H2
Body - B1
Body - B2
Body - B3
Caption - C1
Caption - C2
Caption - C3
Caption - C4
Contextual Copy
Mobile Recommendation
Itinerary items