Hello there. I am Terry and I am a full-time undergraduate based in Singapore. I take photos, write a blog and design websites.

And no, I'm not a teddy bear.

DIE6 – A typographical poster

A few days ago “IE6 Must Die” was one of the trending topics on Twitter, so popular that it trends above “Michael Jackson”. The inspiration name for this poster came from this URL: http://idroppedie6.com/and the lightbulb came on – I saw ‘die6′ in the URL. Intentional or not, it is a very interesting word combining ‘die’ and ‘IE6′.

DIE6 - A typographical poster

DIE6 - A typographical poster

Inspiration

The poster which I got my inspiration from

The poster which I got my inspiration from

In the midst of creating this poster, I chanced upon a great typography-based article posted by Smashing Magazine, Lessons From Swiss Style Graphic Design. I’ll spare you the background story of that amazing type of design – you’ll have to read the Smashing Magazine article – but the inspiration for the background with increasingly darker shades of the same base colour came from one of the posters showcased.

This poster isn’t strictly a swiss style design due to the lack of geometrical arrangement of elements though. Of course, that poster on the right is one of the best typographical examples around – carefully considered font sizes and colours to show the hierarchical relationship between different elements. Mine isn’t a very good example, but I hope it’s a good start.

If you have any suggestions on how can I improve on the poster, feel free to leave a comment and say so :) I’ve been reading up on typography a lot recently, and a few tips will definitely help a lot.

Typeface

The typefaces in the poster are Colaborate (by Ralph Oliver du Carrois) for the ‘DIE6′ header plus smilies/frownies, and Aller (by Dalton Maag) for the rest.

Fonty Friday - Colaborate

Fonty Friday - Colaborate

Fonty Friday - Aller

Fonty Friday - Aller

This is the second typographical poster I’ve made. The first one was for my university’s environmental club – the poster was titled greeNTU.

Burn after reading » Now you're done reading. What's next?

Related

Related posts that might interest you:

Popular

Posts that are popular among visitors:

Share it

If you've enjoyed the post, or think that it might be useful to others, do share in on a social network site that you're using. Thank you!

  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • StumbleUpon
  • Technorati
  • LinkedIn
  • Reddit
  • Design Float
  • Identi.ca
  • Live
  • Ping.fm
  • Print this article!
  • Twitter
  • Netvibes
  • HackerNews
  • Slashdot

15 responses to “DIE6 – A typographical poster” » Leave a response

  1. Chia WeiResponse

    Nice poster! I’m feeling impelled to spread the poster around…

    Can I, Can I?

    XD

  2. AisyahResponse

    oh wow. I love the typography poster. wooot! and, dare I say, Teddy, that I believe you are highly talented in graphics design.

  3. Ant HodgesResponse

    The real site is here – http://www.die6.co.uk

  4. Ant HodgesResponse

    LOL – the DIE6 movement started well over a week ago. One example is .NET magazine mentioning it in February 2009

  5. Ant HodgesResponse
  6. ChienResponse

    I love it :P It echos my thoughts exactly! Die IE6, DIE!

  7. med

    hehehehe…long live firefox?!?! ;)

    have a great weekend ahead

  8. AngelsResponse

    nice poster! my clients/programmers here should see this poster xD There’s nothing I can do anymore to stop him checking in IE6. It’s really pain the a** to fix all the css bugs ><"

  9. BrandyResponse

    I love the posters, Teddy. It’s pretty ironic, because me and Dan (via @sobitchin) via Twitter, were just discussing the perks of IE. I definitely agree with the different browser alternatives. :)

    Ps. What plugin do you use for the Twitter ID field via comment form?

  10. LatrinaResponse

    Hah! I absolutely love it. You’re exceptional @ typography posters! You are inspiring me to make one as well. :)

    Love the concept too, btw. Booo IE6! Firefox ftw. :D

  11. ChongxResponse

    been some time i came to your blog tedddymon :P i think i should update mine as well XD
    you are still the gayest guy :P

  12. JayResponse

    That poster is amazing. I love the humor in it as well. Your work is fairly simple, yet I’d never be able to duplicate or imitate anything that you create. Awesome.

    die6!!

Leave a Response » Share your thoughts or Return to top

Your name is required. Why?

  • So that I can address you personally (which I'm more than happy to do).
  • Everyone loves their name to be called, right? Nobody wants to be referred to as 'a certain someone' or Mr X (X-Men members aside).
  • If your post too much spam, your name will be imprinted on a personalised voodoo doll, completely free of charge. I'm just joking!

Your email is needed. Why?

  • Your email is, and will, never be given out to any third party under any conditions (except for people sneaking up behind me when I'm on WP admin).
  • So that I can contact you personally in case of certain issues that I wish to address personally.
  • If you post too much spam, I'll email the same spam you've posted 10 times back to you, completely free of charge.

You can always leave a personal URL behind

  • It can be anything - most people put their blog URL, their facebook page, their Twitter URL, their MySpace or etc.
  • I give love back by saying NO to no-follow. All of your webbie links are dofollows instead.

Twitter. Twitter. Twitter.

  • What is Twitter?: Twitter is a social networking and micro-blogging service that enables its users to send and read other users' updates known as tweets. Tweets are text-based posts of up to 140 bytes in length.
  • What is my Twitter ID?: To get a Twitter ID, you simply have to sign up for an account at Twitter.com. Your ID will be in the format of your profile's URL - http://twitter.com/[userid].

Comment notes

  • Gravatar: You can register for one at Gravatar.com
  • XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">
  • Codes: Wrap them up with <code></code> tags.

Hello Easter Egg hunter! You've discovered the magic of the Konami Code!

Yea. You probably know what the Konami code is before getting to this page. So now what? Here is a randomised YouTube video on my favourites list... which includes Rickroll, if you're luck enough to get it.

You are currently watching I Kissed A Girl by Kate Perry. Loving it? You can even watch the video in its full screen glory :)

The Konami Code:
Konami Code sequence