Jon Tan

Hi, I’m Jon.

  1. Professionally…

    Analog logotype

    Asides

    I’m a designer living in Bristol, UK, and founding member of the Analog co-operative where I work with some fantastic people doing things like the upcoming Brooklyn Beta conference and running the Mild Bunch HQ. I’m also the co-founder of web fonts service, Fontdeck. I currently serve on the Experts Panel for Smashing Magazine, and I’m sometimes lucky enough to write for other design publications, and speak at industry conferences — most recently at the Ulster Festival of Art and Design in Belfast.

    I’m also fortunate to be a member of the International Society of Typographic Designers. My work has featured in Fluid Web Tyography (New Riders), The Principles Of Beautiful Web Design (SitePoint), and the Web Design Index (Pepin Press); in magazines like .Net, Smashing Mag, and A List Apart, and countless design galleries including the venerable CSS Zen Garden.

    For a more human perspective read my personal note or Seven Things log entry.

    Upcoming talks:

    Previous talks:

    Books:

    Articles and interviews:

    Professional associations:

  2. Personally…

    Chinese translation: Dragon’s spirit, tiger’s mind, born between sunrise and sunset, where ancestors and descendants whisper, between heaven, earth and tan.

    I’m a husband and father of two boys living in sunny Bristol, UK. Originally brought up in the not-so-sunny, but equally loved Stoke-on-Trent, I took a rather circuitous route to Bristol via Singapore, The Seychelles (map 1, 2), London and Sydney.

    Half of my genes are from Singaporean–born Chinese stock, the other half from the UK. So I’m a hybrid, and regularly dip my toe in both ponds and feel a quiet sense of pride in each.

    When not working, I entertain, enrage and encourage my sons, who apart from being an order of magnitude more creative than I, are also the best spiritual sustenance and exercise regime I could ever wish for.

    I first started designing with Lego. I still think it’s still the best metaphor for what I do today. From dabbling in print design using plate and press in 1992, I moved to digital design around 1995. A jack of all trades and master of none, the tension between artistic creativity, pedantic precision and wanderlust has characterised everything I’ve done, finally finding a perfect home in interface and information design today. Along the way I’ve worked as a marketing director, octopus fisherman, professional DJ, and market stall trader.

    Today I mostly convert pixels to ems, and wish for just one more decimal place of precision and consistent rounding in web browsers.

    I’ve definitely not been bored — I hope the same can be said for you after graciously taking time to read this.

    All the best,

    Jon Tan

    Sunday, 11th March, 2007.

  3. Contact

    Download my vCard* (via X2V):

    *If viewing with Internet Explorer you will not see the image in the vCard. IE does not support base64 encoding that enables it to be displayed.

    Name:
    Jon Tan
    Photo:
    Jon Tan (base64 image)
    Email:
    URL:
    http://jontangerine.com
    IMs:
    Skype: jontangerine
    Yahoo: jontangerine
  4. Colophon

    Chinese die stamp and lowercae Roman ‘t’.

    There is one Tan here (me) and I like to eat tangerines. When first thinking about life-long domains this one made me smile. Soon after, a respected colleague remembered it long enough to add me to his IM, after accidentally refusing my request. Thus jon tangerine dot com.

    Fresh tangerines may be available soon, but until then this is merely a personal log, knowledge silo and sandbox.

    The design grew out of thoughts on Western type and print versus Chinese typography and calligraphy. A balanced elastic interface seemed to fit, so everything stretches including content images. In fact, there are no presentational or background images at all, only content. You could call it an attempt at pure information design. It’s the same ethic that makes Chinese calligraphy decorative, but simple and articulate, and lets all newspapers have a beauty all of their own, just from the anatomy of the type.

    Depending on your platform, Baskerville or Palatino Linotype are used for headers and incidental text, Georgia for the body. Times New Roman is used for the stacked decorative type in the index masthead. For those lucky enough to be viewing this on a Mac, you may even notice the rare appearance of an italic Cochin.

    The content is managed using a home-rolled blog application built in PHP called Lifelong File. Credit goes to Paul Whitrow for the initial work, but particularly to Jon Gibbins, who’s tireless work behind the scenes has qualified him for the “Free Cider At My House Award” for 2007-8. Jon is also responsible for the extracts of my del.icio.us bookmarks, Twitter moments and Upcoming events using a modified version of MagpieRSS rather than the APIs.

    Plain old semantic HTML wraps all the information you see with CSS used for style. Microformats such as hAtom, hCalendar, XFN, hCard and rel-tag feature heavily around the site.

    Other features close to my heart are also planned, from weighty tomes like OpenID support to Mills and Boon fun stuff like Gravatars. Now I’ve said it, it has to happen! Thanks for reading.

Clippings via Del.ico.us

  1. Jonathan Farr

    Amazing artist and illustrator based in Bristol creating epic cityscapes with pen and ink.

  2. String

    Beautiful modular shelving and possible alternative to the expensive, Vistœ.

  3. Vintage Vanguard ジャズレコード館

    An amazing collection of Blue Note sleeves, some by design legend, Reid Miles.

Moments via Twitter

  1. Fri, 30 Jul 2010 14:12

    RT @standardistas: Should you have missed it yesterday, we asked Jessica Hische a dozen questions: http://j.mp/mshische

  2. Fri, 30 Jul 2010 13:15

    RT @Fehler: "Badges just don’t cut it in a network for adults." Interesting comments, 'Is check-in over?': http://j.mp/beyondbadges

  3. Fri, 30 Jul 2010 11:17

    Public props and thanks to Ksenya at @H_FJ for ace and expert customer service fixing an obscure Font Book / Sentinel problem.

Flickr feed Photos via Flickr

  • Temporary Intercom
  • Wino and Gnome Parking
  • The Coal Face mk II
  • Eugene Getov
  • Rich Dawe
  • Mild Bunch parachute?
  • http://mildbunch.org/ holding text
  • Ma Ling Luncheon Meat tin
  • Pieminister Minty Lamb
  • Ominous clouds and Stokes Croft from Nine Tree Hill
  • Elliot Jay Stocks in Mild Bunch HQ
  • Mild Bunch HQ Moo Cards

Work with me via ~ Analog ~ a creative consortium.