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%
No designs match these filters
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.