Skip to: Navigation | Content | Sidebar | Footer

About Mezzoblue

mezzoblue Colophon

About the Site

Mezzoblue is a weblog. It was once a portfolio site, then a porfolio/weblog, then a weblog/portfolio, but these days it’s pretty much entirely weblog. I host other content here and there, but you’re mainly here for the writing. Probably.


The way archiving is done on this site is a little different from the normal, and best described with an analogy. Think of how an issue of a magazine works. It’s a series of articles on different topics published during a specific range of time, bound together in a single volume and given a cover image that draws attention while distinguishing that issue from past issues.

This site works a little like a series of magazine issues. Each post on the site is bound up as part of a collection, along with other posts published around the same date. That collection is then given a photo, and a colour palette derived from that photo. All posts within that collection take on the photo and palette as core design elements, which visually groups them together.

Traditional weblog posts are usually organized by chronology, and perhaps categories. This idea of collections provides a much more visually obvious method of organization. The posts within don’t generally relate to each other by subject matter, so chronology is more important, as each collection covers a specific time frame. This is not actually an unfamiliar way of organizing, again going back to the magazine analogy.

Each collection’s window of time is arbitrary, and dictated more by whim than any set schedule; this is the web after all, technology enables me to play it loose, so why not take advantage of that. Instead of monthly archives, this collections idea lent itself to yearly archives. As soon as I committed to doing it that way, reverse chronological order stopped making sense, and thus my yearly archives are listed in chronological order.

Don’t look for any topical connection between the photo and the collection, there usually isn’t one. The photos are meant for visual interest rather than any sort of commentary.

Is any of this relevant in the age of RSS? I sure think so. People still have to visit the site to comment, or if someone links to it, or coming in off Google. And hey, it may be possible that mental connections develop between the content and the visuals, enabling easier retrieval of older posts. (Okay, so that’s tenuous thinking at best, and probably not at all likely.) Mostly this is just a fun way of keep the visuals fresh over time, and a non-standard way of tying in my Flickr account. That’s all.

Colour Schemes

There is no set colour scheme for this site; as the photos change over time, so too do the colours. Each collection gets its own photo, and a colour scheme to match. The colours are sampled directly from the photo, and various light/dark combinations are automatically produced. Once I have a base list of colours, I give them a name and plug them into a PHP file, then some simple scripts do the rest of the heavy lifting for me.

Sampling colours from photos is an idea that works well in print design, due to an implicit enabler — once a page is printed, it never changes. On the web, this is a much more elusive practice. Thanks to content management systems and rotating image scripts and daily updates and the like, there are a number of reasons why it’s not practical to consider applying this concept to an entire web site. One great example of this being done well in the past is Nazarin Hamid’s Absenter, a beautifully sparse photoblog.

The obvious question here is, with a continuously-changing colour scheme, how diluted does the brand identity become? There are certainly plenty of other unifying factors that diminish the difference in colour, from typography to layout to logo.

Ultimately this is a personal site. I’m not so concerned about brand, and willing to take the risk for the sake of trying something new.


I think it’s fairly obvious, but I took a lot of cues from magazine design when putting together this site. The layout, typography, and photo-derived colour schemes owe their existence to flipping through back issues of some of my favourite cooking mags.

The archiving idea was also a magazine-inspired derivation, but I can’t say I would have made the connection if it hadn’t been for recent archival experiments by Shaun Inman, with his Heap, and Khoi Vinh and his interest in illustrating archive pages. While I doubt anyone could make the case that our respective archival methods are closely related, the fact that these two gents set out down the road of extending our basic ideas on what a weblog archive page should look like proved useful to my own thought process, so hats off.

Photo Credits

Yep, the photos are all my own. Each links to its respective Flickr page for further description and metadata as warranted.

Technical Configuration

This site runs a hacked-up and spit-out version of Movable Type. There’s a bit of Apache in the mix somewhere, and I may have even written a line or two of PHP.

Comment Avatars

This site makes use of the centralized Gravatar service. You can have your own nice little icon next to your comment if you sign up for a free account over there.

Associated Sites

The css Zen Garden, something I developed. It was originally hosted on this domain, but moved to its own shortly after launch.

Bright Creative is the business extension of this site.

Jeremy Keith Button®

The Jeremy Keith Button ®

Prefer your sites full-screen? No problem, just hit the Jeremy Keith Button® at left to toggle an alternate layout for this site that will fill your entire browser window. A cookie will save your preference, but if you want to toggle it back, just follow this link. Hours of fun! (Need context?)