<aside> 👉 You'll need to make three decisions when you create design and typography for a new project:
Three fonts for different design tasks.
The body is the main text of the project, which can be used everywhere, from button labels to long reads. Usually, the choice of font for body text determines the style of typography and design. All other font decisions for headings or other elements just create accents.
Body font determines the style of typography and design.
Often the font of the headings is the same as the typeface of the body text. But if you want to create a more attractive design and achieve a better contrast between the main text and the headings, you can choose a different typeface for them.
Headings can have a different font than body text for contrast and expressiveness of typography.
Sometimes you may need a special typeface for accents in captions, quotes, code snippets, or small decorative headings. In general, for anything that can create visual appeal in typography and design, be points of focus, and diversify the rhythm.
Using a special font for quotes can achieve a good accent.
As a rule, monospaced fonts are always good for short captions for images, taglines in content blocks, or metadata cards. Serifs for quotes and callouts are a great fit.
Three decisions about three groups of design elements help build a system of typography and make the design coherent and exciting.