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.
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.