The BarbLog

Design, front-end dev and other random thoughts


All of the posts under the "typography" tag.

3 websites with bad typography


I’m not quite sure what the purpose of this website is, but the typeface is unimaginative, the lines are too long, body copy is in bold (why??), italics are used excessively and there are some random extra typefaces on the Peter Pan images.

2. Bedknobs Bed and Breakfast

I remembered the assignment when we had to find inspiration for a Cornwall B&B website and how I found many ugly ones, so I went back to that search term and found this one. It’s unbalanced and all over the place – doesn’t seem to be well thought out at all. The mix of center-aligned text with left-aligned text doesn’t look good at all, and the bold heading running over 3 lines is not pleasant to read despite their probable intentions to make it so.

3. A.S.K. Tattoo and Piercing

On first count I think I can see 4 different typefaces on this page, liberal use of font-weight:bold, and some unpleasant 3D text effects. I definitely wouldn’t trust a tattoo artist with my precious skin if they can’t see how ugly that website looks!

Barbara November 5, 2013 Leave A Comment Permalink

3 websites with good typography

1. Chris Wilhite Design

Chris combines the serif and sans serif fonts on this site very well, making it look cohesive but varied. I especially like his choice of fonts in the first picture – he is using 3 different ones but it doesn’t look like it’s too much. One of them, which is also used in the top navigation, is Grotesque MT while the serif is Pistilli.

2. Squared Eye (old website)

squared eye matthew smith

Unfortunately this site is no longer online – it redirects to Matthew Smith’s homepage which is nowhere near as fun and nice to look at as this whale-themed one! The slab serif is attention grabbing and slightly playful, so full of character that a simple sans serif to complement it is a good choice, plus a simple serif used on the buttons only. Looks like Verdana and Georgia for the latter two, but as the site is not online I can’t check.

3. Knuckles Industries

The typography is what makes this site more than just some pictures with a bit of info – the typography is like part of the picture, complementing the vintage feel. Very apt to use that particular font for the word ‘tradition’, while ‘skill’ stands out due to both its colour and the font size to emphasise it even more. Here too, a combination of several different fonts, including the logo, works well but of course this is not a content-heavy site where such a bold combination wouldn’t work at all.

Barbara November 5, 2013 Leave A Comment Permalink

get_footer() ?>