20 Examples of Centered Website Designs

Centering elements in a web design is a very effective way of creating visual balance. Centered designs can also make responsiveness easier, a property that is becoming more and more desirable with the growth of the ‘mobile web’. Inspired by these two ideas I want to share a couple of centered designs with you. The collections consist of web designs that mainly have centered elements like headlines, images or content areas.

By Manoela Ilic in Articles on November 23, 2011

From our sponsor: Setting up a multiplayer server? IONOS has compute-optimized machines for your gaming workloads.

Freelance Graphic Design

Jean-philippe Gams

FireFly

CodeArt Media

GoneFreelancing

We are O3

Eighty Two Design

cabedge

Human Writ.es

Mitchell Shepherd

Nice Div

Contrast Rebellion

B3 Studios

InCub

Rareview

Duet

Ben Markowitz

Brock Kenzler

Reverend Danger

Pongathon

Feedback ²⁷

Comments are closed.

Ryan M Stryker November 23, 2011 at 18:23

I’m a big fan of this style – so much so that I used in my personal portfolio site here: http://www.ryanmstryker.com
Tommy November 23, 2011 at 18:28

let’s not forget timerrr.com
lxn November 23, 2011 at 18:54

Amazing collection!
Jesus November 23, 2011 at 18:54

Wow, some amazing stuff here
Dani November 23, 2011 at 19:07

Good collection…
Paul November 23, 2011 at 19:24

Nice collection thanks
Tom November 23, 2011 at 19:28

Love the RareView design!
Less = always more.
Wendy Hammerson November 23, 2011 at 20:35

I really like those centered website designs. I think that I should try one of them. It would be a great start for my website.
Web Eminence November 23, 2011 at 23:11

Interesting, never thought of centering as a major design category for websites. Nice list, nonetheless.
Madalin November 24, 2011 at 00:50

Great designs and a great post, like always. Thanks!
Lauren November 24, 2011 at 03:49

Lovelies. My own portfolio is centered as well, but it’s no comparison to these beauties. Thanks for sharing.
Waheed Akhtar November 24, 2011 at 06:24

Great list. What about “http://www.crea8iveart.com” ? 🙂
Simon November 24, 2011 at 06:47

I liked Rareview’s website a lot. The header image is awesome!!
Kai November 24, 2011 at 07:19

Thank you! Great websites for inspiration.
alina@ Web Site Redesign November 24, 2011 at 07:30

The collection is cool. I like the idea of centering websites. Naturally things that are centralized get much greater attention and importance than those aligned on either sides.
George Wood November 24, 2011 at 10:05

There are some really inspiring designs featured in this article. There are some great textures on display in these. My favourite is Mitchell Shepherd’s site, he has combined great typography and a nice colour scheme and make a really nice holding page.
aledesign.it November 24, 2011 at 12:19

Nice selection. I like some examples like “Eighty Two Design” and “Incub”.
web design leeds November 24, 2011 at 23:32

Nice collection of centered design websites ! thanks
Derek November 25, 2011 at 01:43

These designs are quite amazing.
Eduardo Plaza November 25, 2011 at 16:40

I was reluctant to use a logotype centered design, but I decided to give it a try on my last project, and I think it works very well:
http://www.ceiacc.com
Mr.Ahmed Hussein November 27, 2011 at 11:42

Thank you! Great websites for inspiration.
Salgueiro November 28, 2011 at 00:13

Nice
Andre November 28, 2011 at 19:19

Thanks for the add! I’m surprised very well.
Riz November 29, 2011 at 20:20

Single page Designs
Awesome Work….
Thanks for the submitting
Tim-on Web & Design November 29, 2011 at 21:56

Really nice inspirational examples.
Web Design El Paso February 29, 2012 at 11:22

Thanks for sharing the great designs.
Humaira March 4, 2012 at 18:49

Awesome examples. Thanks for sharing

Subscribe for the latest frontend news

From our sponsor

Feedback 27

Feedback ²⁷