Modern Art Direction: Making Your Website Stand Out

I love art directed websites. There’s something about the way people use beautiful design to make engaging content that always draws me in. But, let’s be honest, art directing your own site is a lot of work. The thought of making everything different and ensuring the design stays intact during a redesign can feel like it’s more effort than it’s worth.

When I recently tackled the redesign of my website, Binary Moon, I found myself faced with this very challenge. As I revisited an old post I had written on art direction, I realized that none of the articles I had referenced were available anymore. That’s when I realised I wanted to create an art-directed site that was not only visually appealing but also easy to manage and transfer during future redesigns.

It took a bit of thought but I decided to focus on a few properties that could be edited easily: background color, foreground color, link color, and font family. These four elements alone have the power to transform the entire look and feel of a page. For instance, by simply tweaking these parameters, my Brush Ninja and WPBriefs posts seamlessly integrate with the overall design of my live sites whilst still having their own personality.

Website Screenshot
Website Screenshot
Website Screenshot

Doh! It looks like the automatic screenshot generator doesn’t support all the fonts I’m using. Rest assured that they are unique as well 😄.

To ensure consistency across pages while still allowing for customization, I made sure that the header remained constant throughout my site. This way, visitors will always recognize my brand identity while enjoying a unique experience tailored to each piece of content they explore.

What makes this approach so good for me is how effortless it is to maintain. Thanks to using Jekyll as my content management system (CMS), updating these four parameters is as simple as adding the 4 optional front matter settings. This also means that if I decide to redesign again, all those carefully curated art direction choices can travel with me effortlessly.

I think this is a nice elegant way for me to manage the art directed content. I can give every post its own unique style and easily maintain the style across redesigns. I’d love to see more art directed content on the web, and I hope this post acts as inspiration for that.

Was it good/ useful/ a load of old rubbish? Let me know on Mastodon, or BlueSky (or Twitter X if you must).

Link to this page

Thanks for reading. I'd really appreciate it if you'd link to this page if you mention it in your newsletter or on your blog.

Related Posts

11 Nov 2009

Art Direction

I have recently published my first ‘Art Directed’ posts on Binary Moon – namely my reviews for the movies Coraline and Up. Ever since I saw Jason Santa Marias art directed site the idea has brewed in my head that...
23 Mar 2017

New Adventures in Jekyll

I use WordPress a lot, but a couple of weeks ago I decided to rebuild one of my older sites with Jekyll (a static site editor) so that I could host it on Github pages. As I have explained before...
12 Jun 2023

Rebuilding the Binary Moon Website

I have recently rebuilt the Binary Moon website. It’s been something I’ve been thinking about for a while, and a recent issue with my web host pushed me to finally make a start. In this post, I’ll share some of...
17 Oct 2012

WordPress Social Network Aggregation

I really like the idea of a Tumblog – and even have one on – but I don’t promote it anywhere. Conceptually it’s great – but I don’t like not having control over my content.What I would really like...
28 Aug 2009

Binary Moon WordPress design vIII

As I briefly mentioned on Monday, I have finally redesigned Binary Moon.I actually started redesigning about 2 years ago. Initially it was going to be an update rather than a totally new look, and I even built most of it,...