Gallery Of Date Stamps And Calendars

Advertisement

Designer’s attention to small details often has a significant impact on how visitors perceive the overall design of a web-site. Although users’ main focus usually lies on finding information, it’s nice to find the content being supported by finest visual details. This holds for favicons, shopping carts, pagination and tag clouds we’ve covered in our earlier posts. But it also holds for… well, date stamps and calendars. Apparently, the latter are used not only in weblogs, but also on large web-sites where events, news and any kind of time-planning is involved.

In such designs a tear-off calendar is often used to symbolize the date in a most intuitive way. However, it’s not always the case. In fact, designers seem to experiment with a number of different approach one wouldn’t really expect from such a tiny design element. Out collection of appealing and interesting calendar icons and date stamps is supposed to prove it. It might provide you with some fresh ideas once you need to design some original date stamp, but don’t know where to start from. All images are clickable.

Some of presented examples may not look nice at the first glance, but they all have some idea behind them — an idea you may use and develop further.

You might want to check out the following articles as well:

Date Stamps

Blog Calendar Icon5 Blog Calendar Icon6 Blog Calendar Icon7 Screenshot8 Blog Calendar Icon9
Screenshot10 Blog Calendar Icon11 Screenshot12 Screenshot13 Screenshot14
Screenshot15 Screenshot16 Screenshot17 Screenshot18 Screenshot19
Blog Calendar Icon20 Screenshot21 Screenshot22 Screenshot23 Screenshot24
Blog Calendar Icon25 Blog Calendar Icon26 Screenshot27 Blog Calendar Icon28 Blog Calendar Icon
Blog Calendar Icon29 Blog Calendar Icon30 Blog Calendar Icon31 Blog Calendar Icon32 Blog Calendar Icon33
Blog Calendar Icon34 Blog Calendar Icon35 Blog Calendar Icon36 Blog Calendar Icon37 Blog Calendar Icon38
Blog Calendar Icon39 Blog Calendar Icon Blog Calendar Icon40 Blog Calendar Icon41 Blog Calendar Icon42

Tutorials and References

To design something unique you might find useful some related tutorials.

Calendar icons not only for your blog43
Wit CSS-code and a source image for GIMP.

Blog Calendar Icon44

Web 2.0 Date Icons For Your Blog45
png-format with a .psd-source.

Blog Calendar Icon46

Calendar Icon Tutorial47

Blog Calendar Icon48

Calendar Icon49
Blog Calendar Icon50

Calendar icon – Photoshop tutorial51

Blog Calendar Icon52

Creating a Blog Entry Date Calendar Icon Look with CSS, Mostly53

Blog Calendar Icon54

Footnotes

  1. 1 http://www.smashingmagazine.com/2008/01/01/favicons-episode-5-the-delicate-beauties/
  2. 2 http://www.smashingmagazine.com/2007/11/07/tag-clouds-gallery-examples-and-good-practices/
  3. 3 http://www.smashingmagazine.com/2007/11/16/pagination-gallery-examples-and-good-practices/
  4. 4 http://www.smashingmagazine.com/2008/02/07/shopping-carts-gallery-examples-and-good-practices/
  5. 5 http://superfluousbanter.org/
  6. 6 http://veerle.duoh.com/
  7. 7 http://www2.elansnowboards.com/
  8. 8 http://www.fourhourworkweek.com/blog/
  9. 9 http://www.kevadamson.com/talking-of-design/
  10. 10 http://www.quartzmtn.com/weblog
  11. 11 http://www.dio5.com/blog/
  12. 12 http://www.mstefan.com/blog/
  13. 13 http://komodomedia.com/blog/
  14. 14 http://www.larissameek.com/
  15. 15 http://ilovetypography.com/
  16. 16 http://www.avenuegc.co.uk/
  17. 17 http://csbministries.org/
  18. 18 http://www.startclear.com/
  19. 19 http://cottonseedoiltour.com/
  20. 20 http://www.tickerville.com/
  21. 21 http://pushstandards.com/
  22. 22 http://www.ttthings.com/
  23. 23 http://pointless-drivel.com/
  24. 24 http://www.bigbluedev.com/
  25. 25 http://paulenderson.com/
  26. 26 http://paulgrunt.com/
  27. 27 http://www.webdesignerwall.com/
  28. 28 http://www.dotcommakers.com/
  29. 29 http://www.inthenews.co.za/
  30. 30 http://blog.sincoherencia.com/
  31. 31 http://freelancingmoney.com/
  32. 32 http://www.luclatulippe.com/
  33. 33 http://www.evilgrin.nl/
  34. 34 http://www.ste.ag/
  35. 35 http://www.gomediazine.com/
  36. 36 http://incsub.org/blog/
  37. 37 http://www.modernlifeisrubbish.co.uk/
  38. 38 http://www.toplinks.gr/
  39. 39 http://www.marketing-tricks.de/
  40. 40 http://www.noupe.com/
  41. 41 http://www.randpop.de
  42. 42 http://variable.cz/
  43. 43 http://sotak.co.uk/calendar-icons-blog
  44. 44 http://sotak.co.uk/calendar-icons-blog
  45. 45 http://www.euphorish.com/2007/05/web-20-date-icons-for-your-blog/
  46. 46 http://www.euphorish.com/2007/05/web-20-date-icons-for-your-blog/
  47. 47 http://mintyferret.com/photoshop/calendar-icon-tutorial/
  48. 48 http://mintyferret.com/photoshop/calendar-icon-tutorial/
  49. 49 http://www.pixelapex.net/calendar.html
  50. 50 http://www.pixelapex.net/calendar.html
  51. 51 http://www.tutorialhero.com/tutorial-87-calendar_icon.php
  52. 52 http://www.tutorialhero.com/tutorial-87-calendar_icon.php
  53. 53 http://brainstormsandraves.com/archives/2007/02/22/csscalendar/
  54. 54 http://brainstormsandraves.com/archives/2007/02/22/csscalendar/

↑ Back to topShare on Twitter

Co-Founder of Smashing Magazine. Former writer, web designer, freelancer and webworker. Sven is now writing Science Fiction Stories.

Advertising

Note: Our rating-system has caused errors, so it's disabled at the moment. It will be back the moment the problem has been resolved. We're very sorry. Happy Holidays!

  1. 1

    Nice collection!

  2. 2

    Nice nice…

  3. 3

    i like calendar that is designed on GIMP, gotta download that one! thumbs up^^

  4. 4

    It’s really useful, thanks smashingmagazine

  5. 5

    Not a fan of all of them, but usefull nevertheless

  6. 6

    they gonna be useful:) thanks.

  7. 7

    oh no, i’ve been looking for these

  8. 8

    Nice to see a bunch of calendar graphics on one page. Never even thought about doing this on my site.

    Thanks

  9. 9

    Smashing seems to be getting more active nowadays. Keep it up!

  10. 10

    Laura - webdesigner

    February 22, 2008 10:03 am

    lovely icons! :-)

  11. 11

    Check out the date collection over at http://www.timothysykes.com – i love the colors he’s used and how the dates change colors!

  12. 12
  13. 13

    Awesome!! :D

  14. 14
  15. 15
  16. 16

    Thanks for this post. I’ve been looking for a good source of ideas on this very topic. Additionally, I found Smashing Magazine a couple of months ago and it has steadily progressed to my most read blog/online magazine. Really great publication and very helpful to me as a web designer.

    Sweet

    p.s. One complaint: what’s up with those nasty, huge post titles on the front page? I don’t get it.

  17. 17

    Thanks for the collection. Always nice for inspiration.

    One thing designers (not to mention writers) should avoid is using an ordinal number in the date. We pronounce dates with ordinal numbers (first, tenth, etc.) but this is not correct when dates are displayed visually. You would say “June tenth” and write “June 10.” I think Microsoft Word is a big culprit leading this decline because it “auto corrects” a date into an ordinal. A lot of people who should know better apparently don’t. Why does this matter? For the same reason we value good design. It makes us more professional.

  18. 18

    del.icio.us post again!

  19. 19

    Excelente ayuda, gracias por los tutoriales.

  20. 20

    I love the different calander looks. Helps on the design side.

  21. 21

    magnificent

  22. 22

    Amazing article !
    Thanks for this..

  23. 23

    Inspired list as usual thank you for sharing this gr8 stuffs

  24. 24

    nice article

  25. 25

    I am looking for design best practices for choosing a time period using a timeline (not tons of dropdowns), e.g. sth like timelines used at miomi.com – anyone?

  26. 26

    I sell my website THEN it gets linked on smashingmagazine! :(

    Awesome article btw.. i was actually making some for a someones blog- thanks for the inspiration as always.

  27. 27

    Oh wow. Thanks for featuring my website again, I really appreciate it! Nice collection by the way, I’ve never seen a post that showcased this specific part of a website before. Great idea :)

  28. 28

    Nice article, thanks for the calendar stamps.

  29. 29

    Hi!,
    What about of best calendar picker javascripts that supports crossbrowsers?

  30. 30

    Wonderfull!
    What I was searching for!
    Thanks

  31. 31

    many of this date stemps are really cool! good overview!

  32. 32

    Thank you for considering my humble work. Really thanks.

  33. 33

    Whilst many are very nice graphically, I feel the examples with explicity month names (or abbreviations) are better, since they circumvent issues with mm/dd and dd/mm differences.

  34. 34

    great :)… maybe you can write also a post with “quote” stamps ? :))

  35. 35

    These look great, thanks for sharing :)

  36. 36

    Just wanted to say thanks for this article – I’ve been searching for the past few months for a good source for inspiration / examples of Calendar buttons (I found it pretty hard to locate sites for this!). Smashing Magazine rocks.

  37. 37
  38. 38

    So many nice “Date Stamps” and my question is: left or right or top or bottom ;)

    From germany

    Ralph

  39. 39

    Nice collection :)

  40. 40

    Post a comment, just to say “nice” or “good” is completly STUPID … this makes longer an longer pages and makes it very difficult to browse the REAL content (too much scrolling) …

    PLEASE, add a “rating script”, so that stupid peoples could show their satisfaction in a much clever way !!!!

    THANKS !

  41. 41

    Outstanding resource, thanks for your hard work.

  42. 42

    My god, I’ve been looking for this for about 2 hours now… I’ve been going through so many random blogs just to find an example of a decent calendar icon for inspiration when creating my own…
    It’s typical, you see them every single day of your life, but when you’re actually looking for them they all dissapear…

    Thank you.

  43. 43

    just what i was looking for, thanks again smashingmagazine

  44. 44

    great gallery with a grat collections. looks like a great effort has been put in to put this showcase up and running.. cheers

  45. 45

    nice one!……………

  46. 46

    The fubiz design blog has got wonderful datestamps

  47. 47

    Robert Sandles

    July 1, 2009 2:42 am

    Does anyone now a programme that makes date stamps like ones created by the Uk Post Office when they Frank your Mail ?

  48. 48

    Tejendra Shandilya

    July 4, 2009 12:52 am

    Nice collection of calender icons. They will be very helpful
    Thanks ..

  49. 49

    I like the way you write! Nice blog.

  50. 50

    Hey this is a very interesting article! Thanks!

  51. 51

    Wlisses Freitas

    June 1, 2011 3:17 pm

    Very nice! Thanks ;D

  52. 52

    Music started playing any time I opened this website

  53. 53

    Thanks Sven Lennartz for the share

  54. 54

    Out collection? Second Paragraph, fourth line says “Out collection of appealing and interesting calendar icons and date stamps is”. Great article though. Currently going to school for web design and development and I must say, this is definitely a great learning resource for this career field. Thank You, and keep up the magnificent job!

↑ Back to top