Give the home page some design love

[GarthDB]

Hey @locks could you post some screen shots of websites you like and we can start some moodboarding on github issues.

[GarthDB]

Just collecting existing work.

[una]

maybe we should break this up into smaller issues -- i.e. documentation, typography, layout, colors, styleguide, etc.

I do like the type provided in the last screenshot

[GarthDB]

I just thought we could start with some moodboarding first, loose vague stuff to start with, then start new more specific issues and goals from there.

[GarthDB]

that was for you @una

[una]

True, true -- thats a good start for sure

[locks]

Here's an e-mail I sent in a previous attempt:

Hello,

As mentioned on Twitter we're looking to give http://mustache.github.io a brand new coat of paint. There are some ideas but nothing too concrete, so everything is up to discussion.

First of all, here are the current websites for some related projects:
- http://handlebarsjs.com/
- http://twitter.github.io/hogan.js/
- http://icanhazjs.com/
- http://pvande.net/Milk/playground.html

We're looking to keep it simple, but a bit more appealing than the current state :P Some of the ideas being spitballed:
- Interactive tutorials inspired by http://coffeescript.org/
- Making the whole front page editable (an "Edit Page" toggle or some such) https://rawgithub.com/bobthecow/dc72ad126d58a09644bc/raw/a4d154bacd898a2d4655d28fff01c9e20a894f0a/gistfile1.html#demo
- New logo
- "Spec Complaint" sticker/logo
- Keep the list of implementations, but expand it to include multiple per language. Maybe multi-column, with some relevant stats? (travis/code climate)
- Statusboard with implementation spec compliance status

[GarthDB]

This is an amazing place to look for open design inspiration http://beautifulopen.com/

[locks]

@GarthDB the goal is to get featured there when we're through ;)

[locks]

To complement the e-mail above, here's what I'd ideally like to see:

• Homepage
• Status board
• Documentation
• Implementation-specific page. These would be, for example, themed with the implementation language associated colors (Ruby -> red, JavaScript -> yellow(?)).
• Logo — I'm waiting to hear back from an artist.

How the first three points are structured is up for debate.

[una]

Current status as a reference:

[bobthecow]

@una Looks great.

[raghunayyar]

I can help with developing a CSS style guide btw, have done this before. I know that comes later, just keeping myself in the loop.

[joeybright]

Hi all, I'm a designer that's interested in contributing to this project. Before I do, has there been any work on this that hasn't already been posted to this thread? I wouldn't want to re-do any work that's already been completed.