What fonts does Otter use?
Measured from the captured homepage: Circular for headings and Circular for body copy.
Open full Otter reference →Observed typography
- Heading font
- Circular
- Body font
- Circular
- System
- One family across both roles
How the page is built
Otter's captured homepage has 60 sections and 10 inner pages.
- 37 content
- 9 features
- 5 cta
- 2 integrations
- 1 about
- 1 blog
- 1 faq
- 1 hero
- 1 how-it-works
- 1 logos
- 1 team
Other sites that use this pair
14 other captured sites use this same pair of fonts.
Captured colors
The captured homepage uses these 4 colors, in capture order.
- #000000
- #ffffff
- #144fff
- #22282f
Styles recorded: Light.
Otter'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?
Otter sets headings and body in Circular, so the hierarchy comes from scale and weight.
Compare it across the library
See the website font trends and the font pairing examples.
Otter fonts — FAQ
What font does Otter use?
Otter uses Circular for headings and Circular for body copy in the captured homepage.
Is Circular free to use?
Check the foundry license for Circular before shipping it. This page records what appeared on Otter's site and grants no reuse rights.
What colors and sections were captured for Otter?
4 colors (#000000, #ffffff, #144fff, #22282f) and 60 homepage sections, with 10 inner pages.
Which other sites use Circular and Circular?
14 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