Ward Nicholson

Think Outside The Box masthead

Colophon

Typefaces

Body text
Angie Sans, by Jean François Porchez (1994).
Sanvito (see just below) also used for body text in certain situations, for spice, such as repeated short one-liners in humor pieces.
Heads & subheads
Sanvito, by Robert Slimbach (1993).
Masthead for “Think Outside the Box” blog
Type was set in Photoshop with these fonts —
Large foreground “W”: LHF Marie Script, by Dave Correll (2006).
Large background “W”: LHF Unlovable, by Chuck Davis (2008).
Three-line calligraphic alphabet: LHF Michelle, by Chuck Davis (probably late 1990s or early 2000s, no longer available).
“Think Outside the Box” lettering: Quadrat Old and Quadrat Dirty, by Manuel Eduardo Corradine (2007).
“[Blog]” lettering: Democratika, by Ethan Dunham (1997). Note: not the same as Democratica.
Rust-colored tagline at bottom of masthead: Rage Italic, by Ron Zwingelberg (1984).
Masthead for “Work” sections
Same as blog masthead, except —
Lettering for services offered: Oxalis, by Franck Jalleau (1996).

Graphics

Masthead background
Calligraphic handwritten letter on old paper with stains: Stock photo #43414222, by Scisettialfio (2014), from iStock. This was heavily doctored in Photoshop to the point that not much of the original shows through. The parchment and individual handwritten words were first cloned to extend the image left and right for large computer screens, then overlaid with grunge and distressing artifacts for effect, and to soften background elements to reduce visual competition with foreground lettering. Grunge-effect fonts used for the latter were Destroy Helpers (by Imagex, 2012), Grunge Strokes 01 (Imagex, 2015), RFX Splatz (Ravi Rajcoomar, 2012), and Under (Imagex, 2011). Also, I used various free grunge Photoshop brushes downloaded online.
Cardboard box in masthead
“This End Up” shipping box: Stock photo #39636952, by Joe_Potato (2014), from iStock. It’s incredible how difficult it can be to find the “perfect” image that works just right with your design. (That goes for the others listed here too.) I was looking for a roughed-up, brown corrugated box, sort of insolent-looking (if that is possible for a box). Finally I found this one that fit the bill, but it had to be compressed horizontally to about 60% of its original width to mesh well with my layout. Amazingly, doing so didn’t cause any obvious distortion (a rarity with that much compression), and the box shows just the proper lack of respect you want from a ratty, kicked-around item. Bonus points: the box is lying down so the words “This End Up” are on the side instead.
Primary site-wide page background
Seamless wood pattern: Stock vector #30282652, by Diane Labombarbe (2013), from iStock. I rotated this sideways and retouched in Illustrator to camouflage the most noticeable repeating elements, then imported to Photoshop for colorization and other adjustments. Note: the site-wide page background texture, which incorporates this pattern and the next (below), shows up only on laptop computers and larger, not mobile devices with their smaller screens.
Secondary site-wide page background
Seamless scratched rusty grunge texture: Stock vector #47229418, by Sylverarts (2014), from iStock. This distressed pattern was overlaid and ghosted back on top of the image just listed, in Photoshop, after first editing in Illustrator to remove the black background, then deleting or disguising obvious repeating artifacts. (I may also have rotated this image as well.)
css.php