An independent archive of typography.
Topics
Formats
Typefaces

Observador website and app

Contributed by Darden Studio on Aug 1st, 2022. Artwork published in .
Homepage (detail)
Source: observador.pt License: All Rights Reserved.

Homepage (detail)

Halyard Text is the primary typeface used by Observador. Launched in 2014, the Portuguese newspaper was rather unique at the time in that it was published exclusively in digital from, with no printed edition. In 2021, Observador revised its typography and chose new fonts that better represent the newspaper’s identity and brand.

The main typeface used both on the website and the mobile apps now is Halyard Text by Darden Studio, replacing the old Roboto in headlines, decks and highlights, but also in navigational elements and auxiliary texts. Halyard Text can prove itself as an on-screen workhorse sans that’s clear and pleasantly readable across a range of sizes and weights, without compromising on character and distinctiveness.

For the process of selecting the new typefaces, Observador’s in-house design team consulted with art director Ana Freitas. “After we reached a small group of finalists, Halyard Text was the one that stood out for being the most functional, expressive, dynamic and recognizable”, explains design manager Alex Santos. Freitas characterizes Halyard Text as “a flexible, contemporary and very consistent typeface.” The newspaper acknowledges that typography is a crucial element in brand communication: the style guide prescribes Halyard Text for all communication elements, to be used whenever possible.

Halyard Text is paired with Noto Serif for body text. The latter was chosen as it better harmonizes with Halyard Text than the previously used Georgia.

Homepage detail with article teasers
Source: observador.pt License: All Rights Reserved.

Homepage detail with article teasers

Observador website and app 1
Source: observador.pt Observador. License: All Rights Reserved.
Article page (detail)
Source: observador.pt Observador. License: All Rights Reserved.

Article page (detail)

Observador website and app 6
Source: observador.pt Observador. License: All Rights Reserved.

Observador website and app 4
Source: observador.pt Observador. License: All Rights Reserved.
Observador website and app 5
Source: observador.pt Observador. License: All Rights Reserved.

Screens from the iPhone app
Source: apps.apple.com Observador. License: All Rights Reserved.

Screens from the iPhone app

Observador website and app 3
Source: apps.apple.com Observador. License: All Rights Reserved.

Podcasts page in the iPad app
Source: apps.apple.com Observador. License: All Rights Reserved.

Podcasts page in the iPad app

Typefaces

  • Halyard Text
  • Noto Serif

Formats

Topics

Designers/Agencies

Artwork location

Post a comment