Architecture isn’t just background. Sometimes it’s the hero (image).

Hero images – the eye-catching header image or full page background – are huge right now, and rightly so. They frame and contextualise your content. They provide interesting backgrounds for sites that don’t require a lot of text.

Architecture isn’t just background. Sometimes it’s the hero (image).

Architecture isn’t just background. Sometimes it’s the hero (image).

For more on this, you should start here:

But the hero doesn’t always have to be a caped crusader or morally ambiguous jewel thief, and characters don’t always have to be people.

Gotham City frames Batman. It contextualises his fight against crime. It provides the colour palate and tone of the comics and movies. While location is important in most stories, Gotham’s overtones elevate it to its own character.

Vehicles are easier to categorise as characters: KITT, the DeLorean, or the USS Enterprise are easy examples. The Doctor’s TARDIS, however, is a worthy addition because of its fluid internal architecture. The interior changes to reflect the mood and characteristics of the incumbent Doctor. Along the years we’ve seen severe, simple sets, sprawling gothic inspired rooms, and complicated coral formations.

I mention these to illustrate the possibilities that locations and architecture provide for strong Hero Images. Architecture inspires emotion. It prompts memory and association.

And sometimes they’re not just fantastic feats of engineering and science. Sometimes they’re art. That means there’s something to suit every theme and colour palette. Just take a look at some of these, and how you might use them.

While there’s plenty of themes geared toward architects, real estate and travel that obviously utilise great architecture images – such as BellevueAmbient, and Maison – what we’re looking at here are great templates that utilise architecture for theme.

Themes

DynamiX

Architecture isn’t just background. Sometimes it’s the hero (image).

DynamiX is a dynamic business WordPress theme. It offers and supports a range of options that will suit your purpose. It’s the perfect example of a site utilising a strong architectural background image. The slow zoom following the parallel lines of the buildings draws the viewer into the site and holds their attention in the central space.

You can visit the live preview to experience this theme yourself.

For something similar, you should have a look at Jarvis, Flashlight, and Incidental.

FlexForm

Architecture isn’t just background. Sometimes it’s the hero (image).

The WordPress template FlexForm demonstrates how interesting geometric repetition in particularly crafty architecture can be used as eye-catching headers. The glass and steel image provides a corporate feel that doesn’t overpower the site. Images such as this cool blue commercial London architecture, or this modern office facade could be easily utilised in similar ways.

The Elysium theme also shows how photographed geometric patterns can be used to great effect.

LawBusiness

Architecture isn’t just background. Sometimes it’s the hero (image).

The LawBusiness theme also uses a strong central image, rather than a header or background. This WordPress theme is geared toward legal practitioners, of course, but it shows how architecture can provide mood and support the theme of the site.

Images

Once you’ve picked a theme you’ll find there’s a huge amount of architecture images available. As I said before, there’s something to suit every theme and palate. Here’s but a tiny sample to inspire your next big website.

Commercial Architecture

Architecture isn’t just background. Sometimes it’s the hero (image).

Framed properly, certain angles highlight the geometric patterns in some expertly designed buildings…

Rooftops

Architecture isn’t just background. Sometimes it’s the hero (image).

…while at a distance, multiple buildings can have the same effect.

Close up of Riga bridge

Architecture isn’t just background. Sometimes it’s the hero (image).

A unique view of a familiar landmark can keep it fresh on your site. This one works in a similar way to the DynamiX example, drawing the viewer to the white space to the right.

New York Skyline

Architecture isn’t just background. Sometimes it’s the hero (image).

This fantastic image of New York has a range of colours that could suit a variety of sites. Full size it would be a strong background image, while cropped it could be a bold header.

City Square, Modern

Architecture isn’t just background. Sometimes it’s the hero (image).

The muted colours of this scene make it a great background image, and there’s still plenty of white space for text.

Colorful Facades

Architecture isn’t just background. Sometimes it’s the hero (image).

This colourful colonial Columbian cityscape would add a splash of life to the right site.

Dubai downtown in Fog

Architecture isn’t just background. Sometimes it’s the hero (image).

The eeriness and the white/blue palate of a foggy Dubai evoke an unusual otherworldliness.

Santa Cruz Breakwater Light (Walton Lighthouse)

Architecture isn’t just background. Sometimes it’s the hero (image).

This desolate image of the Walton lighthouse has plenty of white space for your text and headings.

Windmill in Winter

Architecture isn’t just background. Sometimes it’s the hero (image).

Winter is here in this cold shot of an imposing windmill. As with the Walton lighthouse, there’s plenty of white space to utilize without impacting the integrity of the image.

Unfinished abandoned concrete building facade

Architecture isn’t just background. Sometimes it’s the hero (image).

If you write crime fiction, this tantalisingly creepy abandoned building could be the backdrop for your next case.

Have a look at our Website themes and Architecture Images for more inspiration.

You might also be interested in: