... 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.
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:
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.
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.
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.
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.
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.
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.
Notes
Screenshots are from Firefox 3.5 for Linux and Firefox 3.7 for Windows. (Hover over the images to see which is which.)















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