4. Make room for monospace
Monospaced typefaces have emerged not only in text-intensive settings with small point sizes, but as larger elements of a site’s design. The increased popularity of monospaced fonts has dovetailed the brutalist trend in web design as demonstrated in the examples below.
Laurent Desserrey designs a captivating portfolio that creates a memorable brutalist effect at the intersection of glitchy background images and monospaced type:
Run Your Mouth, a series of monthly talks in London, creates a similarly captivating brutalist effect with the use of monospace:
For more monospaced inspiration, check out the Top 10 Most Popular Monospaced Fonts by Typewolf.
5. Attention seek with highlighted text
Not every website comes with SparkNotes. Enter typography, whose function is to communicate and establish a hierarchy of content. This helps readers who skim and scan (i.e., most of us)stillget the gist.
Designers take a page right out of your elementary teacher’s book by adding colorful and well-designed highlights behind the most important messages on the page. But enough nightmares-of-your-middle-school-past — let’s see how designers use highlights to create a content hierarchy and add a pop of color:
Godfrey Dadich, a design agency in San Francisco, creates a TL;DR aesthetic on their homepage with primary offerings highlighted in neon green:
Cornell University also hops on the highlighter trend with Engaged Cornell. The neon-yellow highlights imply the presence of a reader engaging with the core text.
6. Turn heads with horizontal and vertical text
This typographic trend turns heads — literally. A mix of horizontal and vertical texts have emerged as a stylistic approach to breaking up blocks of text. The trend creates white space and elicits a wow effect by abandoning the age-old horizontal alignment.
For example, the site for a film by Matt Porterfield, Take What You Can Carry, disrupts an otherwise horizontal text alignment with a single word:
Other designers and agencies, such as Elegant Seagulls, experiment even further with vertical text alignment to create a sustained scrolling effect. Of course, important navigational elements remain horizontal for functionality:
On the homepage for creative agency Magic People Voodoo People, the combination of vertical and horizontal text acts as a frame for the illustrative element at the center:
7. Scatter text — thoughtfully
Last, but certainly not least, we’re seeing a trend that may best be described as “my brain before coffee” — or, scattered text. If not deployed carefully, this trend borders on dysfunctional as it runs the risk of sacrificing both readability and accessibility.
The Impossible Is Inevitable, an exhibition at Moscow’s Jewish Museum and Tolerance Center, presents its name in floating, strung-together letters on the homepage.
The exhibit’s title is by no means spelled out for visitors, but its intentional, scattered orientation of letters contributes to a larger meaning. Tiny threads weave the visually disparate letters together, mimicking the exhibit’s exploration of the unknown and our fragmented, fragile kinship with it.
Octoplus Group, a communications agency, scatters letters to tell stories. The minimalist site is outfitted with small, bold letters that act as navigational elements. This is most fitting for a design agency dedicated to communicating brand messages and stories.
The evolution of typography is far from over as screen, font, and design technologies continue to advance. Like many nuanced trends in design, typography trends must maintain a high regard for accessibility, readability, and functionality.
What types of trends are you seeing?
Are there typography trends you’re loving, hating, or curating? Let us know in the comments below.