Skip to content
DesignPorn

Typography inspiration with the type pairing shown

Typography inspiration is a set of strong type in use, from web pages to posters. This page shows the fonts, the pairings and the scale, with credit to the designers.

Designs
12
Dark canvas
8%

2 designs match the filters, newest first

About typography

How to use typography inspiration

Type does most of the work in design. Study how pairs of fonts share a page, and how size and weight set the order of reading. Good type often looks simple, because the choices are careful.

On DesignPorn you can search typography in plain words, or upload a screenshot to find designs like it. Open any item to see its palette with share, its heading and body fonts, and its spacing base unit. Save the best to a board and send it to a client by private link. Every item has a source link and a credit to its author. Next, look at color palette inspiration.

Keep going with color palette inspiration, graphic design inspiration and branding inspiration.

Patterns to look for

  • One type family for headings and one for reading, or one used in two weights.
  • A clear scale, such as 14, 16, 20, 28 and 40 pixels.
  • Line length of about 60 to 75 characters for body text.
  • Line height of about 1.4 to 1.6 for reading.
  • Weight and size, not color alone, show the hierarchy.

Pattern breakdown

What makes great typography, from our data

Counted over the 12 curated typography in the library.

12

Designs

8%

Use a dark canvas

4 px

Most common base unit

Most used hue families

  • Red 42%
  • Orange 33%
  • Pink 33%
  • Amber 25%
  • Blue 25%

Share of designs where the hue covers part of the page.

Heading fonts

  • CF Basis1
  • Enduro1
  • GT-Corporate1
  • Monument Grotesk1
  • Neue Montreal1

Spacing base units

  • 4 px5 designs
  • 8 px2 designs
  • 5 px2 designs

FAQ

Typography inspiration questions

What is a type pairing?

It is two fonts chosen to work together, often one for headings and one for body text.

How do I choose fonts?

Start from the mood you want and the reading need. Test the pair at real sizes.

Can I see which fonts a design uses?

Yes. Each design shows its heading and body fonts.

What is visual hierarchy?

It is the order in which the eye reads a page. Size, weight, color and space set it.

Search typography by style

Describe the look in plain words or upload a screenshot. The first search needs no account.

Search designs
Search designs