About & Contact

Skip straight to: ¶ Personal, ¶ Work or § Colophon.

Simon Pascal Klein

Personal

A photo of Simon Pascal Klein using mirror and his Canon 400D SLR

Hi, I’m Pascal, a standardista graphic, web and front-end designer, and a rampant ‘typophile’. I was born in Mainz, Germany — the birthplace of Gutenberg — and now work in Canberra as a freelance designer, whilst studying at the Australian National University. I’m actively engaged in the Open Source community and local web industry, notably as one of the unorganisers to first bring BarCamp to Canberra.

I enjoy drinking in as much good type as I can and have been proudly bending beziers since 2004. Otherwise, I…

  • publish my photos to flickr, host my presentations on Slideshare, share my pro­fes­sional profile on LinkedIn and tweet about type, design, and whatnot: come follow me on twitter.
  • record a bi-weekly podcast titled A Capital Duo Talk Tech with good friends Andy White and Teresa Watts, covering in casual discussion style recent web and tech developments whilst offering our insights into the various matters highlighted;
  • am a Leo by star sign, thus the friendly guardian occasionally in the header;
  • prac­tice parkour (l’art du déplacement);
  • listen to a variety of music;
  • am pierced, most notable my Ashley pierc­ing (think inverted ver­ti­cal labret) and I am always contemplating more;
  • am focusing on gender and development studies as majors at the ANU — not something that directly pertains to the web and web design, I know — my studies predominately reflect my personal interests and the desire to get a degree on paper (‘degrees open doors’ as the saying goes);
  • try to stay active in the dark/alt./goth scene wherever I am — the subculture(s) have been a focal point in my studies whenever I can make them and I am friends with many of the scene’s participants;
  • love good coffee and tea — I’m oft found at Essen, my favourite café reading, socialising, and occasionally working.

I love friendly email and a good con­ver­sa­tion over coffee. Feel free to shoot me an email if you have something on your mind.

Work

I am a freelance contract designer specialising in web-based mediums — in particular web applications and web typography. I design both small and large-scale websites, user interfaces, accompanying icons, and provide usability as well and accessibility assessments — for an overview, view a preview of my portfolio.

I have extended a large range of services in the past as part of working as a sole designer for a web development and consultancy company. Now as a contractor I have refined the services I offer to better suit this style of work. I prefer to work with a dedicated team and would be interested in establishing a dedicated position as a web designer for website design or web application projects, and of course anything to do with web typography.

I am currently not available for any new work until March, 2010.

Your upcoming project…

Got an idea bubbling in your head? A site that perhaps needs to be constructed? An app that you would like to build? I have formulated a handy worksheet (PDF) with some questions about you, your aspirations as a company, and how best to reflect that in your new website or web app. It helps me establish a clearer understanding of your needs. After all design is a communication art — it is vital to understand what needs to be communicated.

For more information on the services I offer, my workflow, and what to expect when working with me, please download my workflow document (PDF), an extension of the work section on this page. To get in contact, just shoot me an email.

Finally, my curriculum vitae (PDF) is available also for download.

Colophon

kle·pas serves as a personal platform to write about work, studies, typography, and whatever else happens to strike my fancy. It also functions as my portfolio.

Typography

The website is built on a base unit of 16, with eleven columns, each spanning 64 pixels with 16 pixel wide gutters, and 48 pixel wide left and right hand margins to hug the page giving a total width of 960 pixels, in absolute terms — the entire design is elastic (just try bumping up the font size).

The main body copy column is 544 pixels wide which accommodates for an average of around seventy characters or circa 14–18 words per line per line for the body (at a font size of 16 pixels). The body copy is set in Georgia as designed by Matthew Carter with heading hierarchies and figure captions set in Jos Buivenga’s Museo Sans.

Inspiration

Since discovering the inherent beauty that seems to emanate from ‘plain’ type, and stumbling across the elegance that is Jon Tan’s website, I decided to rethink version 3 of this site. I fell in love with his type folly (see his header and my footer respectively) and wanted to bring the rustic yet clear grace of well-set type to the web. Naturally I drew heavily on various pieces from the print world, but again, Jon Tan, and then John Boardley of I Love Typography.com fame deserve mention in inspiring me in the shaping the visual aspect of this website.

The portfolio slider is a little bit of jQuery magic, using an adapted version of EasySlider.js, which I owe thanks to Ashley Kyd (he writes at ash.ms). Finally I should pass thanks onto Tate Johnson for all the help with Jekyll.

Technical scaffolding

On the technical side the bread and butter that keeps pages and posts together is Jekyll, a Ruby-based static site generator, allowing me to write articles in Markdown. The entire source for this site sits on GitHub, and is open for inspection.

Code-wise, the website is in valid, strict, and seman­tic xHTML and styled with valid CSS2.1 (it invalidates due to some minor use of CSS3). If you find broken links or any­thing else you believe is a genuine error please let me know about it.

This is currently version 3 of kle·pas.

Portfolio preview

  • Adobe Caslon Pro specimen design
  • Aurora job/ticketing system header grid
  • Fontis.com.au homepage header
  • Got_It digital asset management system preview
  • Got_It digital asset management system preview
  • Got_It digital asset management system preview