What fonts does Ragged Edge use?
Measured from the captured homepage: ABCDiatype Expanded for headings and Grit for body copy.
Open full Ragged Edge reference →Observed typography
- Heading font
- ABCDiatype Expanded
- Body font
- Grit
- System
- Two-family hierarchy
How the page is built
Ragged Edge's captured homepage has 3 sections and 3 inner pages.
- 3 content
Other sites that use this pair
No other captured site in this library uses this same pair of fonts.
Captured colors
The captured homepage uses these 4 colors, in capture order.
- #dcf2eb
- #181f1f
- #ffffff
- #ebf7f3
Styles recorded: Light.
Same category, same heading font
0 of the 58 other captured Portfolio sites in this library use ABCDiatype Expanded for headings.
Ragged Edge's website font choices
Captured September 21, 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?
Ragged Edge pairs ABCDiatype Expanded for headings with Grit for body copy.
Compare it across the library
See the website font trends and the font pairing examples.
Ragged Edge fonts — FAQ
What font does Ragged Edge use?
Ragged Edge uses ABCDiatype Expanded for headings and Grit for body copy in the captured homepage.
Is ABCDiatype Expanded free to use?
Check the foundry license for ABCDiatype Expanded before shipping it. This page records what appeared on Ragged Edge's site and grants no reuse rights.
What colors and sections were captured for Ragged Edge?
4 colors (#dcf2eb, #181f1f, #ffffff, #ebf7f3) and 3 homepage sections, with 3 inner pages.
Which other sites use ABCDiatype Expanded and Grit?
No other captured site in this library uses this same pair of fonts.
Fonts come from the rendered capture and may change when the site does. Library methodology