Colophon

Design

This website was designed by Colin Johnston, a San Francisco-based graphic designer and digital product designer. Colin is the founder of Electron Spin, a collective of creative technologists focused on human-centered digital design.

About the New Logo

The logo is the result of a collaborative redesign by Colin and Paul, building upon a the box and arrows symbol used in his previous logo.

The objective of a new logo design was to unify the symbol into a more concise icon, while not sacrificing readability. The new design is instantly recognizable as Saffo’s trademark.

About the Icons

All the icons are hand-drawn SVGs (Scalable Vector Graphics) based on original pixel-based designs by Gail Blumberg.

About the Photography

The heading images were created from original photos taken by Paul, individually manipulated by Colin in Adobe Photoshop. There is a unique story behind each that relates to the section it accompanies.

About the Typography

The headings are set in Aller Regular. Its defining keyword is inventive. Aller was designed by Marc Weymann for Dalton Maag.

The body text is set in Acumin Pro. Its defining keyword is rational. Acumin was design by Robert Slimbach for Adobe.

Technology

This website runs on the latest version WordPress.

Custom mobile-optimized WordPress theme built using the Sage, and authored in valid HTML5 and CSS3 in adherence to modern Web Standards.

Hosting by MediaTemple.

Tools & Services

Made on a Mac with iTerm 2 and Sublime Text 2.

Local WordPress development in Wocker 1.0.

Layouts created in Bohemian Coding Sketch 3.7

Photo manipulation in Adobe Photoshop CC.

SVGs created in Adobe Illustrator CC, and customized for web in Sublime Text 2.

Web fonts provided by Fontsquirrel and Adobe Typekit.