Creating visual balance as well as keeping a sense of proportion, to say nothing about naturally accentuating attention on selected elements, whatever the background is, can be achieved through a well-implemented centered layout. This year it is a fresh trend that helps to revamp the appearance of various Uis.
What’s old is new again. In fact, centered layouts did not drop out of sight; they were just hidden behind lush and content-intensive foregrounds. Although, for the last couple of years, designers one by one went for stretched, full-screen layouts that boldly took up the whole browser screen, nevertheless, the centered layouts still occurred periodically.
Today they do not lie closed, on the contrary, they are eager to express themselves cogently. Getting the modernized appearance through the utilization of several designer traits such as bright and vivid framing, enormous padding around the edges and, of course, densely packed together elements, the rigid structure breathes sophistication and modernity. Want to see it for yourself? Then delve into our fresh collection.
Centered Site Layouts
The designer sticks to a clean and minimal look that is quickly perceived by the online readers. The front page has a matchless appearance. While every detail is concentrated in the center, the black bold borders elegantly outline the content. Delicate line graphics and ultra-narrow type ideally match the theme.
Charfie has a dynamic home page due to a lovely responsive animation. Though there are no evident borders that define the content block, every foreground element arranged in such a manner that altogether, they unobtrusively form the centered layout.
Sam Dallyn’s personal portfolio has a delicate and sophisticated look, in which light coloring and a well-balanced layout play a significant role. The tightly packed together cells, which display the work done, occupy the central position.
The team clearly delineates the content box and backdrop, forming the centered layout and naturally focusing users’ attention on the heart of the page. Here minimalistic design meets the rigid structure that accurately dishes up data. The solution affects every section of the website.
Eric Huguenin skillfully separates the centered layout from the rest of the page through the utilization of different canvases and robust edging. The typographic centerpiece with well-placed accents and brief info about the artist suits such a solution down to the ground.
Here the professionally executed centered layout puts every section on the radar of the users. Several accompanying interactive details, a beautiful color palette and a bunch of interesting photos greatly enrich the interface, making it look intriguing and enticing.
The front page gathers everything in the center of the page. A series of spectacular photos comes under the spotlight without trouble, and the navigation located on the perimeter becomes easier to scan despite its seamless coloring and relatively small size.
Harvest Capital features a splendid photo background on which any content becomes turbid. However, the centered layout easily sets the copy apart and adds to it the legibility.
The first page of the Gotti site, thanks to an optimal balance and central arrangement, clearly indicates items of collections as well as preventing users from overlooking a delicate navbar and a tiny control center on the right.
Basic Agency elegantly separates the content block from the navigation panel with the logotype. Although the differentiation between these 2 components is not so obvious as it should be since both backgrounds look very alike; however, this subtle distinction gives the homepage a refined and exquisite appearance.
Audioharmome opts for a striking contrast between the central piece with the primary content and a navigation panel that encircles the content frame. The solution allows offsetting the text nicely from the backdrop, and at the same time, puts a slight emphasis on the navicon and the logotype.
Here the centered layout provides the online visitors with focus anchors as well as showing the importance of some components. Although everything is tightly packed together, thanks to padding and gutters, users are unlikely to get lost among the visuals.
Exit Film has managed to handle 4 short videos competently without overwhelming the online audience. Due to plenty of room around the multimedia and perfectly-executed centered layout, the front page achieves an overall balance and gets a neat, well-proportioned and harmonious look. In addition, the logotype, tiny hamburger icon, and the navbar instantly strike the eye.
Craft and Graft
Craft and Graft capably maintains a simplistic look that takes the website to a new level. White solid color backdrop with distinctive neon borders in collaboration with intelligible yet simple graphics, smooth type and some matching elements such as blue shadows or zigzag lines establishes a joyful mood.
WMAT’s first page has a spacious appearance that easily highlights foreground elements. Although at first sight it seems that everything is chaotically scattered throughout the page, after a short reconsideration, it becomes obvious that symbols and graphics are in perfect harmony with each other and concentrated in the heart of the page, saving users from confusion.
UrbanDaddy leverages an incredible and impressive video background that seizes users’ attention at once. With such an eye-catching and overwhelming component, it is very difficult to shift visitors’ eyes and direct them towards the text. However, the contrasty centered layout does its job perfectly well so that even the subtle and elegant block with the content immediately strikes the eye.
The personal portfolio of Moeko Abe is filled with harmony, fineness, and, of course, professionalism. Here, the centered layout underlined by means of the ultra-thin frame serves as a subtle touch that naturally sets the tagline and the navigation apart from others.
Superlime is an online portfolio that excels with visuals. Each section features a spectacular photo with plenty of details. In order to smoothly direct the attention to the content, the artist employs the centered layout that stresses the text considerably.
The portfolio of Tim Brack has distinctive padding around the edges that in combination with lots of whitespace and the absence of lush decorations exert a powerful effect. Clean, elaborated and perfectly-balanced minimalistic appearance shows the artist in the best light.
The designer harmoniously breaks the front page into 2 parts, utilizing a centered layout in order to put a particular emphasis on the content. Thus, the “welcome” section unobtrusively comes into focus.
Centered layout is an echo from the past that is trying to carve its niche in the days of full-screen flexible designs. Will it be able to achieve its goal or it just gradually grow faint and finally disappear as the next fad? Only time will tell. However, you are free to make your predictions…