Design

Gotham Font: Where It's Used and What It's Paired With

Gotham Font: Where It's Used and What It's Paired With

Try 4 top design professions. Free ➞ In 5 days, you'll get acquainted with illustration, UX/UI, web, and graphic design. Add 4 cool case studies to your portfolio and decide which direction to take next.

Learn more

Creating effective typography for a website, document, poster, or advertisement is a complex task. Choosing the right fonts is crucial, as they influence the perception of both text and images. Fonts can attract attention or, conversely, repel audiences. There are many fonts, and even if a primary font has already been selected for a project, it is often necessary to select additional options that will harmoniously complement the main style. Optimized typography improves readability and comprehension, which in turn increases user engagement and helps achieve project goals.

In this article, we will take a closer look at the popular Gotham typeface and discuss which styles and design elements it works best with. Gotham stands out for its modernity and versatility, making it an excellent choice for a variety of projects. Its clean lines and geometric shape are ideal for both headlines and body copy. We will discuss how to use Gotham in various contexts to achieve maximum visual impact and design harmony.

Gotham - What is this font?

The Gotham typeface was released in 2000 and developed by request of GQ magazine. The main goal of this design project was to create a modern and rational typeface that would meet current typographic requirements. Gotham quickly gained popularity thanks to its clarity and versatility, making it an ideal choice for a variety of design solutions.

One of the font's creators is Tobias Frere-Jones, who was inspired by the unique design of signs in a Manhattan bus terminal. However, the creation of the typeface required an in-depth study of New York City's street signage and everyday urban lettering. This work was carried out in collaboration with his colleague Jonathan Hoefle. The research allowed not only to preserve the font's aesthetic qualities but also to adapt it for ease of perception in an urban environment.

The design of the new Gotham typeface is based on references, including store signs, advertisements, and signs decorated with paint, neon tubes, as well as metal and stone elements. New York City has a unique letterform style that has no official name or systematization. The work on Gotham has led to the font being perceived as a natural and essential design element, reflecting the character of the city's aesthetic.

The Gotham font has returned to the city where it was created. Since its introduction in 2002, Gotham has become a popular choice for cover art, websites, advertising, and signage. It is also used for the text on the memorial located at the site of the Twin Towers in New York City. Its popularity culminated in Barack Obama's 2008 presidential campaign, where Gotham formed the basis of his visual identity.

Barack Obama's campaign poster design became an iconic element of his political strategy. Designed in a minimalist style, this poster effectively conveys the key messages and ideas associated with his candidacy. The use of bright colors, simple shapes, and expressive font creates a memorable image that is easily perceived by voters.

The appeal to symbols of hope and change, embedded in the slogan "Hope," made the poster not only a campaign tool but also a cultural phenomenon. Thanks to this design, Obama's image became associated with hope for a better future, which played a significant role in his electoral success.

Thus, the design of the Barack Obama campaign poster demonstrates how visual elements can influence political processes and public opinion, making it an important example for future campaigns.

Gotham is recognized as a classic of American type design and is listed in the Museum of Modern Art (MoMA) inventory. This typeface has become a symbol of modern graphic design thanks to its versatile and concise style, which is ideal for a variety of applications, from print to web design. Gotham features clean lines and modern proportions, making it a popular choice among designers and brands.

Since the release of Gotham, the Hoefle & Co team has been actively working on improving and expanding its character set for several years. As a result, Gotham has evolved into a font superfamily encompassing a wide range of styles and weights.

  • 66 fonts in the Gotham family—33 weights from Thin to Ultra in styles from Extra Narrow to Regular, with corresponding italics;
  • 8 fonts in the Gotham Rounded family.

The Gotham font supports the extended Latin, Cyrillic, and Greek alphabets. This makes it a versatile tool for creating content in various languages. This font allows you to effectively format texts while maintaining their readability and aesthetic appeal. Gotham is ideal for web design, printed materials, and advertising campaigns, providing high-quality text display in any language.

This is what Cyrillic Gotham looks like. Screenshot: My Fonts / Skillbox Media website.
The previous version of the Balenciaga logo, from 2013 to 2017, was typeset Gotham. Image: Balenciaga
Gotham is used in the typography of the official Tom Ford website. Screenshot: Tom Ford website / Skillbox Media
Gotham Rounded in Logo for Education Startup Image: John Duggan / Dribbble
Several variations of Gotham appear in both the furniture designer's logo and the text on the website. For decorative purposes, one i in the word Triptico was replaced with a letter with an acute accent. This glyph is also included in the font collection. Screenshot: Vinicius Siega / Skillbox Media website.

Gotham in the interface.

Gotham and Ninna font pair. Screenshot: Calendario Pirelli 2023 / Skillbox website. Media

The 2023 Pirelli Calendar is themed "Love Letters to the Muses." This edition features 14 models depicted as patrons of the arts and creative inspiration. The design of the website dedicated to this calendar is harmoniously complemented by the ornamental Ninna typeface, which, combined with the Gotham typeface, creates a unique atmosphere and conveys the spirit of creativity.

The Gotham typeface was chosen deliberately. Not only is it ideal for web design, but it also serves as a link between the two digital products—the calendar website and the official Pirelli website. The use of Gotham in the interface of these platforms emphasizes their unity and creates a harmonious visual style.

Font pair PF Highway Sans Pro and GothamScreenshot: Mikel / Skillbox Media website

The typography of the website of the Greek coffee shop chain uses a harmonious combination of fonts Gotham and PF Highway Sans Pro. The design of the second font, PF Highway Sans Pro, is inspired by American navigation, particularly road signs, the design standards for which were established in 1966. This creates a unique atmosphere that reflects modern style and functionality, which is important for attracting and retaining customers in the food service industry.PF Highway Sans Pro was introduced in 2001, alongside Gotham, and was developed by Greek designer Panos Vasiliou. This typeface combines modern style with high legibility, making it a popular choice for a variety of design projects. PF Highway Sans Pro is perfect for use in advertising materials, web design, and print products, thanks to its versatility and aesthetic appearance.

Gotham in packaging

Font pair Salome Stencil and GothamImage: Milu

The logo for the Milu cosmetics brand is designed in the Gotham Light font. The brand's packaging uses a combination of Gotham Light, Gotham Book, and the display font Salome Stencil. This choice of fonts emphasizes the style and individuality of Milu products, creating a harmonious visual perception and enhancing the brand image.

The Salome font adds lightness and playfulness to the design, creating a striking contrast with the more formal and rational Gotham font. This combination makes the visual style more dynamic and attractive, ideal for projects that require a fresh and modern approach.

Gotham in Identity

Gotham and Slab Serif Font PairImage: Dave Keller / Dribbble

Creating a simple identity with a distinctive American style for a small design studio involved using the Gotham typeface for text and a logo in a slab serif. This approach creates a modern and uncluttered look that highlights the studio's professionalism and creativity. Using Gotham in the text ensures excellent legibility, while the slab serif in the logo adds uniqueness and style, contributing to brand recognition. An effective identity is an important element for attracting clients and creating a positive image of a design studio.

Gotham in visual communications

Gotham in the visual system for the Barack Obama campaign Photo: Charles Ommanney / Getty Images

2007 was a pivotal moment in the US presidential campaign, when graphic design played a crucial role in communicating with voters. A visual system based on the New York Sans Sequin typeface was chosen to convey a confident and clear message for the Illinois candidate. This design approach emphasized not only the candidate's individuality but also his desire for openness and accessibility, which helped attract attention and create a positive image in the eyes of voters.

Gotham in Print

Cover design by Chip Kidd with Gotham Black fontImage: Random House / Chip Kidd

Chip Kidd is primarily known as a book designer, and he occasionally uses the Gotham typeface in his projects. One striking example is the cover of the American edition of Haruki Murakami's novel "1Q84", designed in the Black typeface. The geometric shape of the characters and the lack of contrast in the strokes make the cut-out letters easy to read, creating the effect of being printed with bright paint. The use of Gotham in book design emphasizes its modernity and appeal, which makes Kidd's work memorable.

Where to download and buy Gotham

All fonts in the Gotham superfamily are paid. They can be purchased from official resources offering licenses for the use of this font. Gotham is suitable for a variety of design projects thanks to its modern and versatile style. Purchasing a license guarantees legal use of the fonts and access to updates, making it an ideal choice for graphic and web design professionals.

  • Available at Typography.com. This resource belongs to Hoefler & Co, the studio that owns the rights to Gotham.
  • In the MyFonts catalog. Not available in Russia.

If you come across an offer to download the Gotham font for free, be careful - it may be illegal. The Gotham font is copyrighted, and its illegal download violates the rights of its owners. We recommend purchasing fonts only through official channels to avoid legal consequences and support the developers.

It's important to consider the specifics of the Cyrillic version of the font. A free font, Gotham Pro, designed by unknown designers several years ago, is available on aggregator websites. However, it's worth noting that the letterforms in this free Cyrillic version differ significantly from the original characters created by Hoefler & Co. This may negatively impact the readability of the text and the overall aesthetics of the website. When choosing a font for a project, it's important to pay attention to details like these to ensure consistency of style and improve the readability of your content.

Reworked text:

Explore additional resources:

Font Licensing: A Complete Overview

Font licensing is an important consideration for designers, developers, and business owners. Understanding font license types helps avoid legal issues and ensures the legal use of fonts in projects. There are several basic license types, including commercial, free, and open source. Commercial licenses require a fee and often offer additional rights, such as use in print or on websites. Free licenses may restrict usage, so it's important to read the terms carefully. Open licenses, such as the SIL Open Font License, provide maximum freedom to use and modify fonts.

When choosing fonts for your project, it's important to consider the license type to ensure legal use. For example, commercially licensed fonts may require additional fees for use in certain contexts, while free fonts may have restrictions on use in promotional materials.

It's also important for designers and developers to stay up-to-date with licenses, as terms are subject to change. Using fonts without the appropriate license can lead to legal consequences and penalties. Therefore, before integrating a font into your project, always check its license terms and ensure they meet your needs.

In conclusion, understanding font licenses and their specifics is key to success in design and web development. Ensure legal use of fonts to avoid problems and focus on creativity.

Gotham Alternatives

If you need a font reminiscent of Gotham, it's worth considering alternatives that also reflect an "urban" aesthetic. Consider fonts such as Montserrat, Bebas Neue, or Raleway. These options have a modern design and are well suited for use in urban-themed projects. Choosing the right font can help create the right mood and emphasize the style of your content.

  • Montserrat from the Google Fonts library;
  • free Metropolis;
  • BN Hamburg Hand with an extended Latin set, but without Cyrillic.

You should pay attention to clean, yet “warm” grotesques that contain hidden original details. These elements make the work unique and memorable, giving it depth and layering. Grotesque can act as a means of expressing complex emotions and ideas, arousing the viewer's interest and desire to explore the details. Therefore, studying such works allows you to better understand their artistic value and significance in the context of contemporary art.

  • Gordita,
  • Avenir,
  • Hamlin,
  • Figtree.

Learn more about design by subscribing to our Telegram channel. We share the latest news, trends, and design tips. Don't miss out on the most interesting and useful content!

Reworked text:

Explore additional content:

  • Neue Haas Grotesk font: where it's used and what it's paired with
  • Raleway font: where it's used and what it's paired with
  • Gilroy font: where it's used and what it's paired with
  • Montserrat font: where it's used and what it's paired with
  • Typography trends - 2023

Profession Graphic Designer PRO

You will learn how to create corporate identity elements and graphics for business. You will put together a portfolio that reflects your style and confirms your design skills. You can start a career in a studio or as a freelancer.

Find out more