Notebook

A categorized collection of shiny and distracting things we’ve found scattered across the internets.

June 2014

CM Visual Flow Chart

Visual Flow Chart

Creative Market
Super handy illustrator template for quickly mocking up visual app flows. - JBC
the-shallows

The Shallows

Nicholas Carr
Sobering look at what the internet is doing to our brains. - JBC

Have no fear of perfection - you’ll never reach it

Salvador Dalí
T5199 00 T5199 09

Libertad

YouWorkForThem.com
A sans-serif typeface that mixes humanist and grotesk models - JBC
T5061 00

Rein Grotesk

Creative Market
A low contrast typeface with a strong, neutral personality. - JBC

March 2014

5967fadd988a97baa63949c4e1f1195e

State Birds Poster

Etsy
The 50 state birds, ordered by their state’s admittance into the Union. By GregCircaNow - JBC

January 2014

tumblr maeesrqAov1qzvgm4o1 1280

Office Space

Uncommon Cut
Love the wallpaper - JBC
hewhoisbraveisfree-1 1

He who is brave

Luis Teixeira
Stuff like this makes me want to learn how to become a real graphic designer - JBC
e1fba78c8b6da5bc9a19955723a994c2

Quim Marin

Flickr
Love the texture in this - JBC

July 2013

drewwarkentin 2

Drew Warkentin joins 31Three

Nearly 20 years ago Drew Warkentin and I sat in a small studio on the 3rd floor of his home in Grimsby and talked about how one day we would run a creative studio together. We were in our mid teens at the time, and clueless... Continue Reading
9e3dfb47a5c83129dda5178f53b1b415

Singin' in the Rain Poster

Clever - JBC

February 2013

YAB SF Painting

You Are Beautiful

Andy Luce
Beautiful painting by Andy Luce - JBC

October 2012

InDesign 100% Script

Viewing documents at 100% in InDesign CS6

When InDesign CS6 came out earlier this year, I was excited to try out all of the new features aimed at resizing and reflowing documents. My excitement was quickly tempered by the way that the InDesign team chose to... Continue Reading
a8cf3cd438999d0b96438006db602f18

Peter and the Wolf Poster

From Up North
Phoebe Morris Illustration - JBC
8c3646d850f8192f2bf28c9e72ba52cc

The worst mistake is to not make any

relyonwords.com
Nice mix of type to reinforce the message. - JBC

May 2012

InDesign Responsive Spread

My Responsive Design Process (So Far)

In response to this recent Twitter conversation… here’s a quick overview of the design process I’ve been using for a responsive design project I’ve been working on. I quickly settled on using InDesign for the... Continue Reading
b45f3415258033c7428f929788c15454

FITEI Festival Internacional De Teatro De Expressao Iberica Poster

FITEI
Beautiful colours - JBC

July 2010

Steinway & Sons Final

Steinway & Sons Redesign

Over the past year I’ve had the pleasure of working with New York based piano manufacturer Steinway & Sons. They’re not just any old piano manufacturers. We’re talking pianos that take almost a year to make by hand,... Continue Reading

November 2009

ical

Minor iCal Fix

I was just using iCal and wondered if the interface wouldn't make a lot more sense with just one minor tweak. The toolbar on the top is how it currently looks, and the one on the bottom is my modified version. Currently, the... Continue Reading
dottedlines-1

Making divider lines in Photoshop

Here's another quick tip I use for making dotted or solid lines in Photoshop. When you need divider lines that are equally spaced for side navigation or tables, try using a text box with a lot of period's or underscores... Continue Reading
31Three Website 2009

31Three.com - Version 5

Last week I had the unfortunate experience of losing most of my previous website (the database was thankfully salvaged) which pushed me to redesign this website a little earlier than I had hoped. It’s still very much a... Continue Reading

June 2009

2b large

Campaign Monitor Landing Pages

When Dave Greiner from Campaign Monitor contacted me a couple months ago to see if I had enough time to take on some landing page designs for him, I was already fully immersed in another project and just wasn’t able to do... Continue Reading

October 2008

eWedding

eWedding Redesign

There’s been a bunch of projects that I’ve done over the last year that I’d love to post here, but haven’t been able to because they’re still under a NDA. One of those projects just launched yesterday (congrats... Continue Reading
Kinoma-6

Kinoma redesign process

A few months ago I had the pleasure to work with the folks at Kinoma on a redesign of their website. The images below are a behind the scenes look at how the design progressed through a few iterations. Continue Reading

June 2008

deeper

Using Stacks for Screenshots

The default set of stacks in Leopard do a pretty good job of keeping your desktop clean of downloads, but for me, the real challenge of keeping things tidy comes from the multitude of screenshots that I take everyday. Continue Reading