Design & UX
Article

6 Unique Geometric Fonts You Need in Your Toolkit

By Simone Sala

Geometric

Typography is one of the most dynamic and ever-changing areas of design and has a huge bearing on the overall UX of your work. Indeed, typography gives us the chance to evoke moods and feelings in the users just by selecting the appropriate fonts for the circumstance.

In both websites and mobile applications, sans-serif fonts are generally preferred for their lack of visual embellishments – serifs are thought to work better on paper than screen. This makes sans-serif a good fit for the flat design aesthetic while keeping the overall readability high.

But there are more categories than just serif and sans-serif. Sans-serif fonts are divided into four categories: Humanist, Grotesque Neo-grotesque & Geometric

Examples of Humanist Grotesque Neo-grotesque & Geometric fonts

In this article we're going to look at some designers who really know how to use geometric fonts well – and then we'll pick out a handful of the finest geometric fonts for use in our own projects.

Let’s go!

What Do We Mean By 'Geometric Fonts'?

Futura by Paul Renner

As the name suggests, these fonts are based on simple geometric shapes such as circles and squares. Geometric fonts are used mainly for headings of printed works, but can also suit web or mobile design projects.

Experts trace the rise of geometric fonts to the Bauhaus, the German art school which operated from 1919 to 1933. It is no coincidence that 'Futura‘, one of the most famous geometric fonts, was released in 1927 by Paul Renner, an artist strongly influenced by the Bauhaus movement.

One of the key principles of the Bauhaus was a strong focus on simplicity and function over superfluous decoration. Futura is a classy combination of cut-metal precision and understated elegance.

Geometric Fonts in the Wild

Let’s have a look at some examples of how geometric typefaces can be used with good results.

Jova

Website: Jova

Jova is a construction enterprise which is specialized in renovations of houses and shops.

Their website features an unconventional navigation menu which is based on a grid-style layout and it creates a professional, simple and refined look which goes well with the brand image.

The designers decided to write the text with a geometric font: I think it is a good choice because the linearity of the subtle typeface reinforces the overall design.

Le Parc Records

My second example is “Le Parc Records”, a music label. Here, the website is able to evoke a dark, contemporary, powerful mood thanks to the combination of rich background images and distinctive font choice.

Website: LeParc Records

Indeed, while the photography is spectacular, the typeface works beautifully to help bind the visuals together. Although the font is a bit bizarre, it is definitely attractive. The font is a geometric one which has no decorative serifs at the tips of the letters, but instead employs small inserts in some letters such as “O” and “X”.

This shows that geometric fonts not only work well in a sharp, elegant and clean setting like Jova, but also in cooler and edgier situations like Le Parc.

Comedy Central

The last example is the U.S. television channel, “Comedy Central”. A few years ago, Comedy Central underwent a rebranding process which introduced a new logo and a new look.

Website: ComedyCentral

This project was carried out by “theLab”, a creative production agency, which decided to use the geometric font “Brandon Grotesque” to evidence the confidence and maturity of the company.

The font always appears in uppercase and it is used in the logo as well as in almost all the text which is present on the website. This evokes an idea of elegance and competence but at the same time, with the help of some images, it lets leak out the sense of humour which distinguishes Comedy Central.

Geometric Fonts For Your Library

Now that we have seen how geometric fonts can be used, it’s time to hunt down some of the best fonts you can download from the web.

Attitude

Font: Attitude

The designer of “Attitude”, Emil Kozole, says that the creation of the font was inspired by the Japanese and American popular culture of the early ‘90s. With this font, the designer certainly wanted to experiment with letters and shapes. The result is a typeface not unlike the one used in “Le Parc Records”.

The font has 7 different versions: “regular”, “inline”, “3d”, “sliced”, “soldier”, “drunk” and “wasted”. Each version, with the only exception of “inline”, has 2 different styles: “regular” and “alternate”. Since “Attitude” is minimal but also stylish, it can work well for posters, clothes design, magazines and cd covers and, of course, for headings of websites.

The font can be downloaded for free : Download link

Biko

Biko is a geometric sans-serif font created by Marco Ugolini for Monofonts. The name is a tribute to Steve Biko, a South African activist who fought against the Apartheid.

Font: Biko

Biko has a friendly but strong character which makes the typeface good for websites, mobile apps, texts and logos. It is available in four different families: light, regular, bold and black.

If you need the font for personal use, you can download Biko for free at: Download link

Otherwise, if you need it for commercial purposes, you can buy a license at www.monofonts.com/products/biko. Prices vary according to the kind of license you look for and in case you are interested in a single family, you can contact the font creator.

Geomancy

Geomancy is a font developed by “One By Four Studio” and it clearly shows references to the geometric patterns inspired by the style of the French and American Art Deco. The font is designed to only contain uppercase letters, so we wouldn’t suggest using this for body text. I think that Geomancy is much better suited for titles and big posters.

Font: Geomancy

In the package you can find two different versions of the fonts: “Extra Bold” and the thinner “Hairline”. According to the effect you want to create, you can use these families separately or together.

The fonts can be downloaded for free here: Download link

Rometric

Rometric, by Thomas Richardson, heavily draws inspiration from the neo classic style of architecture, mixed with modern angles and geometric shapes. The most recurrent shapes are circles and triangles which are a common motif in neoclassicism.

The aim of the designer was to create a font which could explore and combine old and new trends within a single unique typeface.

Font: Rometric

What I really like of this font are the three horizontal lines present on every letter: they add a modern appeal and they make this font unforgettable. It’s a strange but pleasing meeting point between techno and art deco.

Of course, the font should not be used in long text passage, but only in headings.

You can download Rometric for free at: Download link

Building

Building is a font designed by the Italian Leonardo Gubbioni. He tells us the font was created to “capture the attention of the viewer in a world where we are constantly assaulted by sensory stimuli”.

Font: Building

Building works especially well on page titles, packaging and clothes design.

The font is composed of uppercase letters. Download link

Moderne Sans

Moderne Sans is a clean sans-serif typeface designed by Marius Kempken. The font is inspired by the typography of the 1920s. Here more than ever, letters are based on geometric shapes: the “O” is a perfect circle while the “M” and “N” are created by combinations of triangles.

Font: Moderne Sans

If you download the font, which is free, you will get the uppercase version as well as the lowercase one.

The font can be downloaded here: Download link

Over to you. Get Designing!

The fonts I listed are just a few of my personal favorites, but the web is full of geometric fonts which are waiting to be downloaded and used.

Sometimes simple shapes can make the most compelling and inspiring design statements.

  • http://semcore.com.au Semcore Online Solutions

    Thanks for this, I especially like Biko. I hadn’t seen that one before!

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in Design, once a week, for free.