We have witnessed many changes during the last decade: a transition from skeuomorphism to flat graphics, from flat to material design, from material design to flat 2.0 and, most recently, from flat 2.0 to neuomorphism. These big trends made a lot of noise though they were not the only ones.
The deal is that while these huge trends set the general rules and gave the right directions, many other extravagant ideas shaped the web design. Each month brings its favorite solutions contributing to the web and making it diverse, multi-colored, and matured. Today we are going to consider one of such tiny trends. Corner headlines has got into our radar recently, establishing itself as a fresh trend of this spring
Corner Headlines – Fresh Spring Trend
Headlines are one of the essential details of the website’s content. Without well thought out headlines, your content will never become a king.
They catch an eye, create a comfortable reading flow, and simply bring value right to the doors. They are just indispensable for those who prefer scanning rather than reading. And, as we all know, it is the majority of users out there.
As a rule, when it comes to headlines, artists use typefaces to make them stand out. However, this is not a case today. Today’s trend is centered around the headline’s position.
This month artists have ditched traditional and overused center and opted in favor of corner position. This approach helped them not just to look original but also to give way to visuals on the hero area and, at the same time, direct attention towards titles and slogans. Consider Muteza as a representative example.
Muteza is packed with stylish features. The entire website is a source of inspiration that gives you insights on tiny trends applied to various details of the interface these days. Therefore, it comes as no surprise that the team has also used corner headlines to finish off the hero area.
Here the headline is relatively big; I even say massive. Muteza is an example where the trend was used from a practical point of view. The corner position lets the team embrace the powerful charisma of the title without sacrificing the impact produced by the gorgeous photo on the right. This way, these two visually heavy UI elements balance each other, creating a harmony. Smart and stylish.
Here the trend was used to give spice to the name of the artist. Although it does not do anything unusual, it is still managed to make two simple lines feel fancy. Also, note several important things.
First, the name occupies the traditional space of the logotype; it feels like a real piece of brand identity that contributes to the overall impression of the artist.
Secondly, the unusual location perfectly coordinates with an image with a bizarre effect in the lower right corner.
Finally, the artist goes for corner navigation that is a logic companion for corner headline.
The personal portfolio looks unique; and, tiny details like corner headline are standing behind this originality.
In the case of Voeux Adveris 2020, there is not just one but two corner headlines. The website has a visual-free hero area that is a rara avis nowadays. Nevertheless, the trick works and certainly appeals to the audience.
The team skillfully uses text to make the welcome screen not only informative but also visually appealing. Note they do not use fancy typefaces for that. They use enlarged letterforms combined with an unusual position to bring about a favorable result.
The home screen of HeyNoodles has a motley appearance. I believe it is used to echo with the brand and establish the proper atmosphere. However, the lack of contrast causes mixed feelings.
In such a vibrant environment corner headline is not only a stylish feature; it is the only way to help the headline not to get lost and fulfill its duty. It also works great with the corner navigation turning the perimeter of the screen into a functional part and the central part into an entertaining one.
The personal portfolio of Yannis Yannakopoulos stands in stark contrast to the previous example. It is modest and discreet. However, they have one thing in common; and, this thing is a corner headline.
This time we can see the headline placed at the right corner in a dark and almost empty environment. The artist uses a classic black and white coloring to arrange accents properly. Here the headline plays the role of a visual as well, with the corner position giving a certain zest.
Presentality feels extremely refreshing. Blue color, lots of white, geometric shapes – all these stylistic choices separate it from the competition.
Here the corner headline fits like a glove. It nicely echoes with the sharp edges of the background and overall organizational harmony. Note how the team was managed to embrace minimalism and use a small trend to bring an extra focus on the headline and, at the same time, contribute to the design. Brilliant.
The home screen of Cellag is another example where the trend is blossoming in a minimal environment. While there is a spectacular image backdrop, still there is a scarce amount of the functional elements. Much like in the case of HeyNoodles, here the corner headline is a part of the corner navigation.
Along with the primary CTA, it sits on the bottom right angle. Note the typeface and weight of letters. They make the headline exude elegance and subtlety that go perfectly well with the ghost-styled buttons and controls.
The hero area of Imagin Optique has a traditional magazine quality. It looks like a cover with a professional photo shot used as a background and catchy phrase set on the corner. As a result, the trend perfectly works here. It helps to complete the fashionable look and, at the same time, engage users with a catchy question.
While the team behind Voeux Adveris 2020 has opted in favor of minimal design, the team behind Rideout Amsterdam has chosen to enrich the hero area with a visual appeal. They have made the most out of masking, animation, and video background.
Here the corner headlines are part of the entire entourage. Not only do they direct the attention to the informational part, but they also create a sense of depth that nicely plays with a moving backdrop. What’s more, they form a reading flow that goes from the top left corner to the bottom right corner creating a proper visual path for readers.
Wreel proves everyone that you should not take trend literally. You are welcome to experiment with it to find your way to benefit a website.
Here you can see a giant headline. However, it does not overwhelm nor scare away users. The reason is simple: the team has thought everything through. And corner position is one of those things that keeps the balance and achieves this effect.
Note, again, minimal design and corner headline make a perfect pair.
There is no such detail in website design that lives in a vacuum. Starting from tiny icons and ending with huge hero areas, every element is subject to trends. Headlines are no exceptions.
We have seen many trends centered around headlines. However, they were mostly generated by typefaces. This time, a specific position sets the mood and tone for the mainstream. Since the location is involved, the trend stays quite neutral to other elements of the design, giving you the freedom to create whatever environment you want.
We have listed various designs: dark and light, minimal and multilayered, static and dynamic: the trend thrives in any of them, hinting about its universality.
So tell us, what do you think about it?