What fonts does The Trevor Project use?
Measured from the captured homepage: Manrope for headings and Manrope for body copy.
Open full The Trevor Project reference →Observed typography
- Heading font
- Manrope
- Body font
- Manrope
- System
- One family across both roles
How the page is built
The Trevor Project's captured homepage has 16 sections and 6 inner pages.
- 11 content
- 2 statement
- 1 features
- 1 footer
- 1 hero
Other sites that use this pair
5 other captured sites use this same pair of fonts.
Captured colors
The captured homepage uses these 6 colors, in capture order.
- #101066
- #003a48
- #ffffff
- #f3f3f7
- #6b5df6
- #40009a
Styles recorded: Dark, Colorful.
Same category, same heading font
0 of the 257 other captured Lifestyle sites in this library use Manrope for headings.
The Trevor Project's website font choices
Captured September 25, 2026. Read it with the full reference, where the palette, section order and responsive views sit next to the type.
A single family or a two-font system?
The Trevor Project sets headings and body in Manrope, so the hierarchy comes from scale and weight.
Compare it across the library
See the website font trends and the font pairing examples.
The Trevor Project fonts — FAQ
What font does The Trevor Project use?
The Trevor Project uses Manrope for headings and Manrope for body copy in the captured homepage.
Is Manrope free to use?
Check the foundry license for Manrope before shipping it. This page records what appeared on The Trevor Project's site and grants no reuse rights.
What colors and sections were captured for The Trevor Project?
6 colors (#101066, #003a48, #ffffff, #f3f3f7, #6b5df6, #40009a) and 16 homepage sections, with 6 inner pages.
Which other sites use Manrope and Manrope?
5 other captured sites use this same pair of fonts. The links on this page go to the first ones in library order.
Fonts come from the rendered capture and may change when the site does. Library methodology