Typophile

Typographically well designed sites?

jason

Request:

I’m looking for typographically driven sites as a source of inspiration for a project I have lined up in the new year. I’m not necessarily looking for sites on typography, but sites that make interesting use of type and typography built into the interface. This might include portfolio sites for type designers, type foundries, or book designers, etc., but also sites for non-typographic subjects that use type in an interesting way. I know this is very vague, but after visiting my regular list of web inspiration showcases I’m getting tired of frilly graphic design & fancy-schmancy Flash/CSS bragging and am looking to absorb some understated and clean layouts that use type and typographic principles and “iconography” well.

Coudal.com - who made Times Bold look new.

Well, because of my lack of web sofware knowledge I am doing my actual site in MacOS TextEdit 1.4. Partly due to the lack of (learning) time, the idea of using simple hyper-text came to me time ago, I do need clear information design, therefore I do need typography.
Anyhow the credit goes to Matthew Carter and Susan Kare. Feedbacks appreciated.
http://www.bilkent.edu.tr/~segalini/

Regards,
AS

Textdrive, my web host, just redesigned — very nice grid and use of “html” text. One of the big people behind it, Dean Allen, used to be (and may still be...) a book designer.

Also see Mark Boulton’s site — he has some insightful typography articles, too. Several come to mind...

Thanks for the suggestions so far, but it does appear I was too vague in my first post. I think of those listed so far, Boulton’s site is closest to what I was getting at, yet that site, and others (like Dean’s Textism and Cardigan) are great examples of well written CSS, and while solid and valid CSS for content is of course part of my quest, I’m actually looking more for interesting use of type and typographic principle in the interface itself; think 1998-2002 when designers weren’t quite so XHTML/CSS Standards-driven and were doing interesting things graphically with type. (I’m not, of course, saying XHTML/CSS Standards should be disregarded, just that they’ve become the goal rather than the tools.)

While I’m all for massive restraint and understatement in my book work, the internet is its own animal and should, I think, utilize it’s wide range of opportunity, rather than attempt to simulate newspaper/magazine/book layout & design. I’m not suggesting websites should revert to the visual chaos of graphic pomp so popular not so long ago, but the current trend to pure CSS text in sleek perfect columns on white backgrounds is beginning to bore me to sleep. So, with that rant in place, any other suggestions?

Don’t know if it’s the kind of thing you’re after, but OurType does some nice things with Flash ...

R

Hi Robert, yeah, that’s the sort of thing I had in mind. OurType’s site was in the back of my mind, but thanks for bringing it to the front again. While I’m no Flash programmer, the mixture of HTML text and graphic text on this site is the sort of thing I’m looking for to get my kettle boiling. Not “fancy,” but typographcially/visually interesting.

(Of course, another example would be the Flash generated background text in the Typophile entry page. This is what I mean by incorporating type into the interface.)

http://daringfireball.net
unobtrusive and elegant site

Here is a page you might like to check: http://www.csszengarden.com

Regards,
AS

http://www.sandstromdesign.com/

I like the simple things.

Addison: Dean Allen is a much better writer than he is a designer.
Jason: Still not sure what you mean. Give us some examples.

As above, the “focus” of the last few sites posted are still content oriented; that is, the priority is clean, simple XHTML copy styled with CSS. No offence to those who have posted, but Alessandro’s first link is sort of the exact opposite of what I’m getting at (no graphic interface at all) and Gary’s sandstorm link is sort of a binary of that (all graphic).

Stephen, I wish I could supply a few examples, but that’s exactly my dilemma: I don’t have any examples. The closest thing I’ve seen to what I have in mind is the OurType site, where type is both the content and the graphic interface. That, I suppose, is what I’m looking for: a combination of form and content based-on / created-with type.

Thanks to everyone who has posted suggestions so far. I’m hoping my rambling might click for someone out there who knows better than I do what I have in mind.

jason- I couldn’t agree more with your above posting: websites seem to be becoming more and more boring as the web supposedly “matures.” It seems as if the gurus of the internet have decided that boredom is a global requirement. It’s only appropriate that websites are composed of “pages,” because in general the web is simply a static book in an electronic medium. It’s interesting that on the GoLive and Dreamweaver forums used by web designers, that the slightest mention of Flash, other animation, or God forbid, sound, (i.e. anything other than the standard CSS based static and silent designs), draw a response which practically condemns the innocent poster to Abu Gharib prison. Most of the internet: YAWN....ZZZZZZZZZZZZZZZZZZZZZZ...YAWN... Tis’ a shame!
DK~

Mr. Jason Dewinetz,
since Dennis Brody talks about ‘appropriacy’, if I may ask, what is your project about? I want to ask also because I guess there is no similar idea in the web as the one you have in mind. Ideas demand change. By definition, the application of an idea means that something different will take place in the universe.
I don’t take any offense, I am rather glad my site is the exact opposite of what you are looking for, and because I do not waste my time with thoughts about “being even,” I, from now on, think in terms of my overall strategy and I am willing to sacrifice temporary loss in local skirmishes for the advancement of the long term goals.
Object-oriented programming is the leading software development technique today——but the logic of object-oriented programming was developed by philosophers like Plato, Aristotle and Porphyry. If you can master the concepts, you can master the details. Many philosophers are surprised to discover that high-tech jobs are often philosophically rewarding as well as financially rewarding. If you love metaphysics, for instance, you’ve great future as a software designer: a large software system is just an enormous conceptual structure, not unlike a great metaphysical system.

Regards, and good luck for your project(s).
AS

In addition to Second Story, another firm that produces documentary-type work is Terra Incognita. Their work is definitely hybrid (if not all Flash) and technically excellent. Most of their projects remind me of what CD-ROMs used to be — and the typopgraphy is usually very well executed.

Another site I used to love was the Potlatch Paper site that Pentagram produced. It’s no longer up, but here’s a screenshot.

A couple of others that come to mind are Hicks Design and Jared Christensen. I’ll post more as I think of them...

Alessandro,

I’ll take your post gratefully at face value in that you’ve not taken offense to my comments, which had nothing to do with accomplishment or even taste, but simply with objective. My remark as to “opposites” had only to do with setting up a binary: not of “good” and “bad,” but instead “this” and not “that.” The problem, of course, is that I have no “this” to hold up as example.

As you mention, “appropriacy” is indeed the topic at issue, in that I’m searching for inspiration in order to help me determine the appropriate approach to a project on the horizon, and that project is to present the topic of typography in the medium of a website. To my mind, this hasn’t been done to its potential, and so obviously that’s my goal. I have no illusions about accomplishing that goal, but it’s a goal regardless. To add to this task is the fact that I’ve brought it up here, in a community of well-educated and experienced typographers, which exposes me to all kinds of “pressure.” But that’s rather beside the point. I have a project in mind and I’m seeking input/guidance. This puts me in a position to be critically judged if/when the project comes to light, and I’m grateful for the opportunity. Maybe I’ll crash and burn, who knows. But each project is a challenge and boils down to this: accept the consequences and do, or fear the consequences and do nothing. So I’ll do, with the help of others’ advice, and if it all comes to crap, well, then I’ve discovered one more route to crap which I can perhaps avoid in the future.

I also appreciate your comments on the philosophical connection to technical work. Mathematicians have long discussed the spiritual/philosophical component of their efforts, and it seems to me that the same inhabits this sort of thing as well: connection. I tell my students all the time that there’s little more exciting than watching as they grow into code, to find the pattern in the chaos and suddenly “see” what they’re doing. To see the connectedness of every character they type (be it literary or technical). This is trivial, of course, as metaphor, but it is not, of course, simply a metaphor. A broken HTML link to a CSS stylesheet crumbles a website. The wrong word in a delicate simile crumbles a poem. A broken link from practical every-day action to some sense of larger order or system crumbles a life. This is the dilemma. It’s not a matter of designing a website. It’s finding the appropriate method to express an experience. Lofty as all get-out, and pretentious to boot, but it’s what we all do every day, if we do what we do without fear of the consequences.

Hey check out the following link. It showcases “Devnagari” script.

http://staff.ncst.ernet.in/1/1/rkjoshi/
http://staff.ncst.ernet.in/1/1/rkjoshi/rk-main.html

This may not be what you are looking for however just thought of sharing.

Here’s another nice one — the personal site of Isaac Tobin.

Mr. Jason Dewinetz, I appreaciate thanks.

Seems that “appropriacy” as a word applied to “Design/Aesthetics” was discussed for the first time in Plato’s “Ippia Maggiore” (“Hippias Major”), a dialogue between Socrate and Ippia, where the case of having a wooden spoon or a golden spoon was one of the topics.

Regards,
AS

Jason, don’t be so dismissive of CSS. There is a current shift away from Flash and toward CSS for very significant reasons. I’m amazed by the work of Cameron Moll based on his clever typographic solutions using CSS.

Take a look at his site, http://www.cameronmoll.com, and notice the initial caps in Edwardian Script. He’s accomplished that with CSS. While the content of his site is not solely focused on type, it is a significant display of superior typography on the web — primarily due to wicked mastery of CSS.

And don’t overlook web-type-daddy-master Mark Simonson:
http://www.ms-studio.com/FontSales/coquette.html
He uses a little of everything based on creating the best solution — smart.

What about something like http://www.lineto.com/ - similar to OurType, by being able to buy fonts etc, but has a bit more to it by way of rendering typefaces on the fly and still looking good, which isn’t the case most of the time.

BlueStreak, I’m not dismissing CSS at all, and use it extensively. What I’m hoping to avoid, however, is the focus on CSS as the end goal. What I see a lot lately is the dismissing of everything but CSS. It’s the new kid on the block (not so new anymore, really) and so lots of folks are jumping to be the purest of the pure, and it’s getting a bit tired. Cameron’s site has some nice qualities, but to me they’re found in the site’s textures and depth-of-field (amazing what a simple drop-shadow can do to make the “page” pop off the background). The typography there seems well done, but ironically I find it a bit over-done, a bit busy at times (there’s a lot of emphasizing going on in the main column, and that side bar needs some leading, etc.).

As for this thread, the OurType site is still the closest to what I had in mind, but all of the other suggestions have been helpful in the search for points of reference. It’s not at all that I’m planning to design a site that looks anything at all like OurType, but simply that I’ve been most inspired by that site so far. That site, more than the others, has got my motor runnin’. I’d love to comment on some of the other suggestions, but I have a pile of term-projects to mark and I’ve put them off long enough.

So, thanks to everyone for their input. Hopefully this thread will continue, but I may not be able to respond for a few days.

Alessandro, thanks for the Plato reference, I’m eager to take a look.

I think what happens is that initially a site design might involve a graphic designer and be more visually rich but after a while, site maintenance becomes the devil and the master. It is just a royal pain to upkeep the old style tables and Flash sites. CSS is a better solution (at least for now). I much prefer a site where I can quickly find what I want and that is up-to-date in information to one that is glitz and eye-candy. Larger sites use CMS just to handle upkeep. They are most often put together by folks who are more akin to engineers than to graphics types. Their sites work and pages get rebuilt on the fly but they usually don’t have the pizazz you might be looking for.

ChrisL

One other — Punchcut.

When I want to see what others are doing. I visit styleboost.com.

Thanks Tiff, some great work there. I tend head to CSS Import from time to time, partially to avoid too much Flash, but the stuff I’ve glanced at from Styleboost is very impressive and inspiring, in particular (so far) Tiziana Haug’s site.

A good friend of mine who approaches web design with outright contempt for web design. No flash or CSS here:

http://www.followthroughdesign.com/

Not commercial at all, but it has warmth and a sense of adventure that I seldom feel from flash or php/sql database driven sites.

I got this today, I thought it was a great post for in here, ah ah, still Italian I am.

From: Chriss Fletcher <7marcy@about.com>
Subject: Learn to build simple and clean websites that can bring in the dough...
Date: Dec 6, 2005, at 7:24 PM
To: Alessandro Segalini

Grab Microsoft Windows XP Pro and Microsoft Office XP Pro at lowest price ever. $89.95 only.
You never find the same software at such a cheap price anywhere else.
Its just Great Product at Great Price.
Once in a lifetime offer.
Grab it now or you’ll be the looser.

Yes, it’s Flash, but it is also typographically driven.

http://www.firstbornmultimedia.com

It seems like designers often throw out the basics when designing for the screen. Contrast goes a long way. I’m talking about contrast of size! Which is why Coudal is a great looking blog-style site. One of the best examples of contrast is Ourtype.

Step users down into your site. The reason every site looks like a blog these days is because they’re very flat (one template)... Blogs have no template hierarchy that indicates to users that they’re at the top level (directory level or landing page level), versus the deepest levels (articles, content, etc.)

Our site is need of a refresh, but I think what it does well is give users a sense of how deep they are by not only the amount of links and text, but through the presentation of the content. The other thing I’m happy with about it is the variety of templates that come through. That variety is also missed in most flat blog-style sites.

Level 1: http://www.punchcut.com/company/

Level 2: http://www.punchcut.com/experience/solutions.php

Level 3: http://www.punchcut.com/company/partners.php

Michael, no need to caveat with “yes, it’s Flash but...” it isn’t 1999 anymore. =)

minardi-
Your friend’s site at followthroughdesign is truly a breath of fresh air. Too bad sites like that are so few and far between! Thanks for the URL!
DK~

No problem DK... I completely agree. It’s a shame that tools as interesting as Mambo, MT, wordpress and the like produce such drab and predictable user interfaces. The tradeoffs for interactivity, I guess.

Anyone ever use the denim program for website sketching?

Here’s an example of a denim generated site

Outsider art for sure, but it facilitates mapping of more immediate and spontaneous user experiences.

minardi’s buddy, here. He told me he had given me a plug, with a positive response (thanks, Da Kine,) and I decided to read the works. So, Jason, don’t know what your project is, but if you haven’t checked out my cheap graphic design mini-site:
http://www.followthroughdesign.com/cheap.html
maybe we can work something out. Low, low, non-AIGA rates!
see you all later.

Captured from web.archive.org on 11 Sep 2007. view this capture