What fonts does Clockify use?

Measured from the captured homepage: Human Sans for headings and Inter for body copy.

Clockify website design referenceOpen full Clockify reference →

Observed typography

Heading font
Human Sans
Body font
Inter
System
Two-family hierarchy

How the page is built

Clockify's captured homepage has 56 sections and 8 inner pages.

  • 27 content
  • 12 features
  • 5 cta
  • 3 pricing
  • 2 blog
  • 2 footer
  • 1 faq
  • 1 hero
  • 1 logos
  • 1 stats
  • 1 testimonials

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.

  • #263238
  • #73768c
  • #0c1013
  • #03a9f4
  • #f0faff
  • #0287c5

Styles recorded: Light, Colorful.

Same category, same heading font

0 of the 72 other captured Productivity sites in this library use Human Sans for headings.

Clockify'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?

Clockify pairs Human Sans for headings with Inter for body copy.

Compare it across the library

See the website font trends and the font pairing examples.

Clockify fonts — FAQ

What font does Clockify use?

Clockify uses Human Sans for headings and Inter for body copy in the captured homepage.

Is Human Sans free to use?

Check the foundry license for Human Sans before shipping it. This page records what appeared on Clockify's site and grants no reuse rights.

What colors and sections were captured for Clockify?

6 colors (#263238, #73768c, #0c1013, #03a9f4, #f0faff, #0287c5) and 56 homepage sections, with 8 inner pages.

Which other sites use Human Sans and Inter?

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