23 Beautiful Examples of Web Site Archives

Other Treatments

This is Jeff Croft’s homepage.

Jeff’s site is very clean and minimal, yet uses some really nice details, ranging from rounded corners and drop shadows to incredible-looking bar graphs.

The archive styling in this sidebar focuses on clean typography. However, the most eye-catching element would be his fun, unique way of displaying popular tags; rather than using the tag cloud, he uses a horizontal bar-graph CSS-styled info-graphic. I could actually steal this ...

Interactive

Next, we have the web page of Alex Buga.

The archive treatment in this sidebar, showing the recent comments and recent entries, are minimal yet elegant. The spacing and typography work well to make this example very attractive.

The recent articles module in the sidebar are very glossy, and have expand and contract features to show or hide the content. While the unfortunate wrapping issue is unsightly, everything else looks really tight.

Here’s another approach: Darren Hoyt Dot Com

The archive listing in the sidebar on this site avoids being over-designed, and is very compact.

The list style is nice, and I like the colors. A criticism is that the list looks very detached from the interactive header it belongs to, and there are a few spacing issues.

Then there’s Komodo Media.

This sidebar uses a tab-switcher style archive listing, which shows different archive listing views, and helps keep the sidebar uncluttered from all the views.

Tab-switching content can sometimes hinder usability, but the icons in the tabs help draw attention to it.