Maintain Focus: 20 Website Designs with Centered Layouts
Website designs with fixed width centered layouts are like a blast from the past that remind us of those good old days when a majority of web sites were based on the formerly popular 960px grid system – center-aligned and with distinctive borders. With the increasing popularity of wide screens, designers began to opt in favor of full-screen layouts that gave the content more dominant positions. Image and video backgrounds became the main visual driving force that seized the whole attention. However, some time later, when smaller screens of tablets and cell phones began to call the tune, responsiveness came to the fore so that designers started to pay attention to the viewport of a browser. By skillfully manipulating with this key factor in mind, developers managed to save mobile users from confusion and websites from crashes. Along with fluid width full-screen layouts, fixed width centered layouts naturally direct the whole attention towards the heart of the page where the content is located. Today’s article includes 20 great fresh examples of website designs that have successfully adopted this technique. The online portfolio of Normand Robert is encircled with a relatively huge gutters that give the design a powerful open feeling. […]
- 13 Free WordPress Themes, Released in June 2013
- Solid: 30 Free GUI, Icons and Website PSD Templates Featuring…
- Sass-based Grid Systems: How to Split Columns, not Hairs
- Summer 2013: The best HTML/PSD Themes & UI Elements of the…
- Colors of Fall 2013: 21 Fresh and Free Design Resources
- CSS Framework Cute Grids: Highly Flexible Grid System for Responsive…