Gradients Don't Sell. Clarity Does.

The Three Fonts Behind My Brand

Read time:

2

minutes

Abdul Kareem

Abdul Kareem

Web Designer

Huge KAREEM wordmark over an orange glow

People ask me about my typography a lot, so here’s the whole system. It’s only three fonts, and each one has a single job.

Anton SC for headlines

Tall, condensed and loud. It lets me set big uppercase headings that grab attention without taking over the whole screen.

Geist Mono for the details

Labels, tags, buttons and little notes like ( 01 ) or / SELECTED WORK. The monospace gives everything a precise, slightly technical feel.

Inter for reading

For body copy I want something that just works. Inter is clean, easy to read at any size and never fights the headlines.

Why only three?

Fewer fonts means a stronger look. When every page uses the same three, the whole site feels like one brand instead of a mood board.

Pick fewer fonts and give each one a job. Your site will look more confident overnight.

Keep reading

All articles

Enter your email to receive updates

Enter your email to receive updates

Create a free website with Framer, the website builder loved by startups, designers and agencies.