What fonts does Sugar App use?
Measured from the captured homepage: Haffer for headings and Haffer for body copy.
Open full Sugar App reference →Observed typography
- Heading font
- Haffer
- Body font
- Haffer
- System
- One family across both roles
How the page is built
Sugar App's captured homepage has 13 sections and 3 inner pages.
- 5 content
- 3 features
- 2 statement
- 1 footer
- 1 hero
- 1 showcase
Captured colors
The captured homepage uses these 6 colors, in capture order.
- #f6f4e7
- #202129
- #ffffff
- #45464a
- #d1cfc6
- #0066ff
Styles recorded: Light, Award winner.
Same category, same heading font
0 of the 166 other captured Health & Fitness sites in this library use Haffer for headings.
Sugar App's website font choices
Captured September 22, 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?
Sugar App sets headings and body in Haffer, so the hierarchy comes from scale and weight.
Compare it across the library
See the website font trends and the font pairing examples.
Sugar App fonts — FAQ
What font does Sugar App use?
Sugar App uses Haffer for headings and Haffer for body copy in the captured homepage.
Is Haffer free to use?
Check the foundry license for Haffer before shipping it. This page records what appeared on Sugar App's site and grants no reuse rights.
What colors and sections were captured for Sugar App?
6 colors (#f6f4e7, #202129, #ffffff, #45464a, #d1cfc6, #0066ff) and 13 homepage sections, with 3 inner pages.
Which other sites use Haffer and Haffer?
1 other captured site uses 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