Eight website/weblog designs I enjoy

... and that I would probably try to steal from if I ever, against all reason, decided to do a proper website design myself. I hope you’ll enjoy them too!

Click on the links to visit the websites or on the thumbnails to see the full-size captures. You can navigate between captures by hitting the Left and Right arrow buttons on your keyboard.

en-ca.org

en-ca.org is a two-page website for a book on Canadian-English orthography. Its front page uses a single font, Constantia. The manicule/index image is a nice touch.

en-ca.org in Firefox 3.7 for Windows, November 2009

Visit en-ca.org!

kyleslattery.com

kyleslattery.com, the custom-built website of Kyle Slattery, has one of the best navigation bars I’ve seen. See the drop-down menu on the first screenshot:

kyleslattery.com, homepage with drop-down menu activated, in Firefox 3.5 for Linux, November 2009 kyleslattery.com, photopost, in Firefox 3.7 for Windows, November 2009

Visit kyleslattery.com!

madebyfrog.com

This is the homepage of the Frog CMS, and it makes me want to try this CMS. (Not something I will say for many publishing platforms.) Built with Frog CMS.

madebyfrog.org in Firefox 3.5 for Linux, November 2009 madebyfrog.org, About page, in Firefox 3.7 for Windows, November 2009

Visit madebyfrog.com!

melly.me

Text shadows are often used in web design without thought or reason, with results that range from indifferent to bad. In melly.me text-shadow—and transparency—are a successful and integral part of the design. On the left is the home page; on the right the Archives and Tags page. Built with Habari.

melly.me in Firefox 3.7 for Windows, November 2009 melly.me, Archives and Tags page, in Firefox 3.7 for Windows, November 2009

Visit melly.me!

nikolay.bg

Black/Red/White schemes are common but they are also difficult to get right; the result can easily get jarring or too stark. nikolay.bg, the website of Nikolay Bachiyski, gets it right. Also, like all designs in this selection, it makes good use of white space. Built with WordPress.

nikolay.bg in Firefox 3.7 for Windows, November 2009 nikolay.bg, part of Archives page, in Firefox 3.5 for Linux, November 2009

Visit nikolay.bg!

tom.preston-werner.com

tom.preston-werner.com has a functional and inviting front page: Just a series of title links that you want to click on. (Why aren’t more blogs like this?) Its individual article pages use full paragraph justification without hyphenation but they somehow almost get away with it thanks to the relatively wide lines. Built with Jekyll.

tom.preston-werner.com in Firefox 3.7 for Windows, November 2009 tom.preston-werner.com, part of Article page, in Firefox 3.5 for Linux, November 2009

Visit tom.preston-werner.com!

whistleandfish.com

whistleandfish.com has a beautiful header, while its paragraphs are among the most readable I’ve seen. Its typography also serves as a reminder that fancy font options is not something good design can’t live without. The fonts on the left are Liberation Serif and Liberation Sans (the fallback defaults for serif and sans-serif in my Linux desktop). The page on the right uses Georgia and Verdana (Verdana is second after Helvetica Neue in the sans-serif stack). Built with WordPress.

whistleandfish.com, Article page, in Firefox 3.5 for Linux, November 2009 whistleandfish.com in Firefox 3.7 for Windows, November 2009

Visit whistleandfish.com!

wilsonminer.com

I never would have thought that I would enjoy a site whose front page is in a shade of violet (amethyst in this case). Yet the colour is what I like most in wilsonminer.com. I would like its individual pages more if they didn’t use indentation to distinguish paragraphs. Built with Django.

wilsonminer.com in Firefox 3.5 for Linux, November 2009 wilsonminer.com, part of Article page, in Firefox 3.7 for Windows, November 2009

Visit wilsonminer.com!

Notes

Screenshots are from Firefox 3.5 for Linux and Firefox 3.7 for Windows. (Hover over the images to see which is which.)

Responses (4)

Pingbacks (1)

  1. […] This post was mentioned on Twitter by Hanna Wiszniewska, dmtrs. dmtrs said: Eight website/weblog designs I enjoy: http://op111.net/72 […]

Comments (3)

  1. Thanks for the kind words!

  2. demetris says:

    You are welcome, Kyle! Thank you for the inspiration!

  3. Some nice sites there. I like whistleandfish.com especially! :)

Write a comment

Your email address will not be published. Required fields are marked *