Typography
Type should be legible, readable, and appealing. Its consistent use across an experience provides hierarchy and brand presence.
Noto Sans
Noto Sans is our primary font and should be used whenever possible. Like WestJet, Noto Sans is approachable, accessible, and professional, with ambitions that are global in scope.
Headlines
Headlines are the attention grabbers that help direct the guest through their experience. They are not specifically tied to certain heading levels but care should be taken that they’re used to create a logical visual hierarchy.
"Noto Sans Display", SemiBold, 40px, Line-height: 130%
"Noto Sans Display", SemiBold, 28px, Line-height: 130%
"Noto Sans Display", SemiBold, 22px, Line-height: 150%
"Noto Sans Display", SemiBold, 16px, Line-height: 150%
"Noto Sans Display", SemiBold, 14px, Line-height: 150%
"Noto Sans Display", SemiBold, 12px, Line-height: 150%
Body text
When placing full paragraphs of copy within a layout they must follow one of two possible styles. Which style to use is determined by the type of content being displayed.
"Noto Sans", Regular, 14px, Line height 175%
"Noto Sans", Regular, 12px, Line height 150%
"Noto Sans", SemiBold, 10px, Line-height: 150%
Lists
Use lists to organize content into ordered or unordered groups, enhancing readability and structure.
