Web Design Trends: Skylines and Cityscapes

Published in Galleries

One common trend that a number of web designers are using is to include skylines and cityscapes in their designs. In some cases it is a silhouette in the background, in other cases it may be a more significant part of the design. In this post we’ll showcase 25 examples, and at the end of the post you’ll find links to some Photoshop brush sets that will allow you to add this to your own work.

Ghostown Studios

Ghostown Studios

Webdesign.fr

Webdesign.fr

Urban Roots

Urban Roots

Launchmind

Launchmind

HTML Mafia

HTML Mafia

New York New York Web Design

New York New York Web Design

Creative Switch

Creative Switch

Nathan Sanders

Nathan Sanders

Porcupine Colors

Porcupine Colors

Paperfold Media

Paperfold Media

Nybble Tech

Nybble Tech

Open Angel Forum

Open Angel Forum

WhatsApp

WhatsApp

CAD Website Design

CAD Website Design

Dan Conway

Dan Conway

Itasyon Tasarim

Itasyon Tasarim

Tarek Shalaby

Tarek Shalaby

Reprezent

Reprezent

The Cambridge Academy of Dramatic Art

The Cambridge Academy of Dramatic Art

Morphix Design Studio

Morphix Design Studio

1,000 Acts of Kindness

1,000 Acts of Kindness

Water Falcon

Water Falcon

Magellan Development Group

Magellan Development Group

Os meninos de seu Zeh

Os meninos de seu Zeh

Big Deal

Big Deal

Photoshop Brushes:

Famous City Skylines

Famous City Skylines

City Skyline Silhouettes

City Skyline Silhouettes

Funky City Skylines

Funky City Skylines

Skyline Brushes

Skyline Brushes

For more design inspiration please see:

Bundle Box

Get a free icon & vector bundle (worth $54) just for subscribing to our weekly newsletter!

21 Responses

Machin August 16th, 2010

Great collection. Particularly chuffed with the brushes!

Deeho Web Design August 16th, 2010

hehe I love the “html Mafia” one

Richard Darell August 16th, 2010

Nice! Creative and eye ctaching. Greate collection indeed! :)

Monika August 17th, 2010

To add to that, here is the Edinburgh charity website with cityscape that I’ve worked on:

http://facescotland.org.uk/

Nextbig Blog August 17th, 2010

thanks, this is a insipiering list.

Seo Company Singapore August 17th, 2010

Really so nice and creative information..It Bringing you the very best selection of quality city skyline art, prints, photos and canvases..good collection.

Dain August 17th, 2010

Don’t forget the awesome BeerCamp mini site made for SXSW 2010. The entire skyline is rendered in html/css, no images! http://sxsw.beercamp.com/

Lime Web Design August 17th, 2010

Skylines have always been such an easy way to add some creativity to a design. We use a perfect example of it on our home page http://www.limelight-creative.co.uk. Great selection you have put together. Nice work.

Becky August 18th, 2010

I do not care for these back grounds. I do I the nature ones from your other sites. I know that this is probably good for alot of people and their business but, I still love the relaxing nature ones.

aledesign.it August 18th, 2010

Very nice…some ideas are so simple and clean like design…really interesting! Useful! Thanks!

Leo August 18th, 2010

Hi,

Thank you for the mention, and for the list, there are great designs there. In particular we liked Urban Roots and Itasyon Tasarim.

Seb Maslin August 18th, 2010

Very true, there’s a huge trend towards skylines and I personally love it, great resources thank you!

DSM Design August 18th, 2010

Great selection! Thanks for posting!

TT August 20th, 2010

it is my first time to finding out the beautity of skylines and cityscapes

Patrick from Brightside August 20th, 2010

There is another nice lookiing Skyline with some Buildings from Leipzig Germany @ http://www.brightside-leipzig.de/#About . Thank you for your selection!

Webbdesign August 23rd, 2010

I love cityscapes in both photography and web design. My personal favorite is the Paris scape, maybe because I love Paris :)

Tarek Shalaby August 28th, 2010

Thanks for the feature! It’s great to be listed amongst inspiring designs.

Hande August 31st, 2010

Amazing collection. Very very thanks.

Jonathan Smith September 10th, 2010

Thanks for the feature in this collect. There are some very inspiring designs here. I’ve just changed the design of the site. It’s moved on from skylines but hopefully still pretty cool. Check it out http://www.paperfoldmedia.com.

nauris October 7th, 2010

check out http://www.saferiga.com
there is a riga city skyline in header

Toronto Web Developer June 10th, 2011

I love skyline designs. They can total re vamp a website.

Leave a Reply