Sandbox Design Competition Favorites

Below is a list of my favorite Sandbox skins from the Sandbox Design Competition, listed in alphabetical order. I included notes written about each one while judging for the competition. View all 46 skins. Which ones are your favorites?

(The competition and judging period is over. According to the guidelines for judges, I’m allowed to publish this post. See who won.)

Diurnal

diurnal.png

DIURNAL PROs:

  • Well spaced
  • Fluid width
  • Valid CSS, light weight
  • Use of CSS imports for additional features
  • Wide image doesn’t break layout

DIURNAL CONs:

  • No dropdown menu
  • No skip link
  • Problem with padding-top in IE
  • Lack focus
  • Inconsistent ordered list padding for comments template in Opera

Milkia

milkia.png

MILKIA PROs:

  • Very clean
  • Well designed sidebar
  • Valid CSS
  • Nice comments template, love the subtle difference for .alt

MILKIA CONs:

  • Lack color
  • Hidden skip link
  • Could’ve been fluid
  • Post meta is cluttered
  • Post title padding is offset by 2-3 pixels
  • Sidebar links are not underlined, no difference between text and links in sidebar
  • Repeated use of borders for fixed width elements
  • r{} selector doesn’t exist, should be .r{}
  • No drop down menu

MIX

mix.png

MIX PROs:

  • Big bold title
  • Use of drop down links
  • Nice icons
  • Easy to read post title font
  • Valid CSS

MIX CONs:

  • Poor spacing
  • Use of Creative Commons icons in GPL theme. Is dual licensing allowed?
  • No styles for blockquote
  • No max width for images
  • Same text and link colors
  • Link state also does not change on hover / mouseover
  • Wide image breaks the layout
  • Design isn’t complicated but it’s fixed width
  • Extra spacing in CSS organization
  • Not a unique design

Prima

prima.png

PRIMA PROs:

  • Nice color scheme
  • Good post title font
  • Nice icons
  • Pretty comment form
  • Unique 2 to 3 column hybrid theme

PRIMA CONs:

  • Sidebar feels empty
  • Blockquote is not obvious
  • No max-width for images. Settles with overflow: hidden
  • No dropdown menu
  • Invalid CSS errors
  • No widgets styling

SandPress

sandpress.png

SANDPRESS PROs:

  • Very pretty and unique design
  • Nice pagination buttons
  • Beautiful icons. Original?
  • Widget styling

SANDPRESS CONs:

  • Too much header padding
  • Bloated CSS work around for date button
  • Too many images to load for the date button
  • Incomplete search form styling
  • No drop down menu
  • Aside category template lack proper right padding
  • No max-width for images
  • Logo should be clickable (no obvious home page link)
  • Menu items are too far apart

Walk in the Shadows

walk-in-the-shadows.png

WALK IN THE SHADOWS PROs:

  • Very unique!
  • Nice date stamp or layout
  • Unique footer
  • Unique post meta listing
  • Pretty blockquote background image
  • Use of max width for images
  • Widget styling

WALK IN THE SHADOWS CONs:

  • Broken archive, category, and author layouts
  • Not enough contrast for sidebar links
  • Custom search form is not obvious, looks like an empty box
  • No drop down menu
  • Invalid CSS
  • Bloated CSS reset
  • Layout is broken in IE6

Clarification about my repeated note on bloated CSS reset, if you’re going to reset that many tags, you might as well use * { }. That will reset everything; I’m aware of that. However, it will negatively affect only a few tags that you don’t want to reset. You can always re-reset later on for specific tags. That method will take up less room, less bloat. Reset a few or reset everything.

Congratulations to the winners. Also, I’m glad I served as a judge because I got a chance to take a sneak peak at how to run a competition from Scott Wallick.

What's Next?
Related Posts

Sounds like you want to hold a contest yourself :P
I have a question. What do you mean by dropdown menu? Many of your favourites (or all) seems not to have a drop down menu, but you only stated that in all but one

I really like these seven skins…
Blackbox
Milkia
Moo-Point
Oriole
Sakeena
Scrappr
Tiffany Blue

It’s great to see a post like this from one of the judges, SP. I’m guilty of using the bloated CSS reset — and various other egregious and cascading offenses — so I’m going to take all those cons to heart.

One question: Now that Scott has brainwashed you, any chance we’ll see a tutorial on taking apart the Sandbox and using it creatively (esp.

functions.php

) for building themes with it — not just styling it?

Great, post. SP. And thanks for sharing your comments with the participants. :)

Thanks Scott

Ian Stewart - For sure I’ll play with the functions.php file. I’ll be stepping into the paid themes niche. Knowing the ins and outs of Sandbox would help a lot.

Anthony - Moo-Point caught my eyes too, but it didn’t make it to the top 6.

Wai - I do want to host a competition, like a WordPress 2.3 comp. maybe, but problems is I don’t have any time for it. I’m still busy with a lot of stuff. Whether I’ll host a competition on this blog depends on my schedule.

I realised after submitting all my skins that I hadn’t bothered styling for dropdown menus and kicked myself. But then I hate dropdown menus anyway.

Anyway, it was interesting to see that the designs with the most pros and fewest cons were not the ones you actually scored highest. However scientific we try to make the judging process, it’s impossible to break down aesthetic decisions to a set of numbers or criteria to be fulfilled. We like best the themes we like the best, regardless of how many technical flaws we can find in them or how accomplished their competitors are. Seven designs were awarded first place by at least one judge. That proves how subjective these decisions are.

So I’m very happy with my sixth place, because I’m well aware that a different set of judges and a different scoring system would have produced different results; could have been top 3, could have been nowhere.

Nice list. I did pretty much the same on my site. We’re pretty similar in our choices, except I really don’t like the ‘Walk in the Shadows’ (I hate the colour purple ;p) or ‘Mix’ (green and white is very tricky to get right).

I’m glad Sandpress won. It was by far better than any of the others, even though some of the others were by themselves worthy of first place.

that girl again - I agree. A different panel of judges could’ve produced different results.

Hey SP. I am glad that you shared your thoughts on your top ranks designs. I hope we see this from more of the judges.

[…] like this comment from that Girl again on Small Potatoes’ blog it sums up what I want to […]

thanks SP as usual insightful and precise. I have noted down the negative points will try to address them in the next release.

Arpit - First, congrats man! I was impressed by SandPress, but I thought the design was suited for its own theme, not a skin. That would allow it a lot of room to grow. Specifically, it’ll allow you to decrease the size of the style sheet.

i loved your PROs and CONs. Something useful for my self. :)

Diurnal and Walkin the Shadows are real qaulity designs. It is nice to see some fresh new ideas for blog tempaltes, so may are so generic and unappealing. Once you see one a few many times you just switch of to the content.

PS I like your design, I think I remember seeing it on CSS Remix.

It’s a seemigly deserved win.

SP yes you are right I could reduce the CSS by a large margin if I break away from the SandBox. But l am beginning to like the SandBox I’ll stick to it for now.

[…] sharing some of the feedback that the judges provided with their results. I know that two judges, Small Potato and Bruno, have published rather extensive results. David said he’d be happy to provide […]

if you’re going to reset that many tags, you might as well use * { }.

What I’ve read about global reset (I am new to this though) stated that using * {} in general is a bad idea because of it requires too much work by the web browser?

Although, that sounds like bunk now that I’ve said it aloud.

Plus this article shows several designers using * {}

http://www.smashingmagazine.com/2007/04/20/35-designers-x-5-questions/

I really like these skins… all of theme are well design.

unfortunately they did not providing for downloading.

I went through them all, and I must say, it was quite painful! A few of them caught my eye, (I judged them aesthetically) in no particular order:

MIX
Diurnal
Veracity
Essay
Prima

I just know sandbox will be the standard! aha…

Prima and Diurnal do it for me!

I love sandbox, my next theme will use it.

Just curious: why is a hidden skip-link a negative (see comments on diurnal and milkia)? It’s only there for accessibility reasons — to assist users with screen-readers in skipping menu-lists (as I understand it). Does it really make sense to have it displayed to the average user who can only use it to skip 1″ of screen real estate? Or is it sort of a web-standards badge?

Now a back-to-content-link in the footer, that makes sense.

I know that skip links are rarely used. However, I looked at the skip link in Sandbox as another challenge to be creative. That’s why I felt that it was a negative to not display it.

I’m glad Sandpress won. It was by far better than any of the others, even though some of the others were by themselves worthy of first place

Reply
Comment Policy
  • Theme support questions should be posted at the support forums.
  • Name and Email are required. Email is never published.
  • You grant this site perpetual license to reproduce your words and name/website in attribution.
  • Inappropriate comments will be removed at my discretion.
Close
Powered by ShareThis