What fonts does Ditto use?

Measured from the captured homepage: ABC Social for headings and ABC Social for body copy.

Ditto website design referenceOpen full Ditto reference →

Observed typography

Heading font
ABC Social
Body font
ABC Social
System
One family across both roles

How the page is built

Ditto's captured homepage has 62 sections and 8 inner pages.

  • 32 features
  • 21 content
  • 3 statement
  • 2 footer
  • 1 cta
  • 1 faq
  • 1 showcase
  • 1 team

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 6 colors, in capture order.

  • #000000
  • #f7f5f3
  • #6a6559
  • #dcd8cf
  • #ffdd33
  • #1345eb

Styles recorded: Light, Colorful.

Same category, same heading font

0 of the 72 other captured Productivity sites in this library use ABC Social for headings.

Ditto's website font choices

Captured September 23, 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?

Ditto sets headings and body in ABC Social, so the hierarchy comes from scale and weight.

Compare it across the library

See the website font trends and the font pairing examples.

Ditto fonts — FAQ

What font does Ditto use?

Ditto uses ABC Social for headings and ABC Social for body copy in the captured homepage.

Is ABC Social free to use?

Check the foundry license for ABC Social before shipping it. This page records what appeared on Ditto's site and grants no reuse rights.

What colors and sections were captured for Ditto?

6 colors (#000000, #f7f5f3, #6a6559, #dcd8cf, #ffdd33, #1345eb) and 62 homepage sections, with 8 inner pages.

Which other sites use ABC Social and ABC Social?

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