GT Super Display is an expressive, friendly, and calligraphy-inspired display serif. It's best used at large sizes to uplift and communicate main points. We only use GT Super Display for top-level headlines, as you can’t appreciate each letter’s personality when it’s used at small sizes. GT Super Display has character sets in a multitude of languages alternates, making it very accessible. We always pair GT Super Display headlines with Poppins for maximum readability and clear hierarchy.
Poppins is a geometric-style sans serif typeface. It uses elementary shapes such as circles, triangles, and straight lines to create letterforms. The uniform simplicity of the shapes remain legible even at the smaller sizes typically seen in mobile websites and apps. We use Poppins in subheadings and body copy. With support for both Latin and non-Latin-based alphabets, Poppins ensures that we’re communicating and connecting with our users clearly.
Use GT Super Display for all top-level headlines above about 24pts — generally H1 through H3. Only the largest headline, H1, should use the Super weight, the rest should use the Bold weight.
Use Poppins for all body copy, captions, and some subheads. Poppins should be used for subheads when directly below a GT Super Disaply Headline, or the subhead is about 24pts or below. Poppins Regular is best for body copy, Medium, SemiBold, and Bold can be used for subheads. There may be cases where Poppins Light is acceptable for content that is required but less important.
On this page is an example of how we pair GT Super Display Headlines with Poppins subheads and paragraphs. The sizes chosen on this page are not set in stone, so as new brand expressions are created, use this example as a starting point. This is also true for the weights used in the Poppins subheads.
In most cases, text should be left aligned, ragged right. In some scenarios, center aligned type is ok. Sentence case is generally preferred, though there may be instances where all caps are used.
Typographic decisions should be made to best suit the format, channel, and execution. These size and weight examples are a recommended starting point to establish proper hierarchy. Depending on the available real estate, sizes may need to be adjusted, but the recommended weights and line spacing should remain consistent whenever possible.