Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

Design

Posted by Joel David Crouse
Joel David Crouse
9,062 Points

Thoughts on this log in page design?

I was hoping to get your feedback on this flat log in screen that I have been working on. It doesn't have any functionality or validation at the moment but I will be adding those things shortly. Any suggestions would be gladly accepted!

If you can't access the site, please let me know. Thanks!

http://port-80-le2w7bbs4i.treehouse-app.com/

Chance Allred
Chance Allred
726 Points
Chance Allred
Chance Allred
726 Points

Hello Joel,

Very clean design. I like the contrast between the colors and the simplicity is the best part!

Lucas Stinis
Lucas Stinis
10,706 Points
Lucas Stinis
Lucas Stinis
10,706 Points

Hi Joel, The link does not seem to be live anymore!

3 Answers

Saad Ahmed
Saad Ahmed
7,090 Points
Saad Ahmed
Saad Ahmed
7,090 Points

Loving it. Great colours and layout. Just a suggestion, perhaps you might want to centre it vertically? But overall its great

Joel David Crouse
Joel David Crouse
9,062 Points
Joel David Crouse
Joel David Crouse
9,062 Points

@Saad Ahmed: your idea has been implemented @Lucas Stinis: the link is once again live

Lucas Stinis
Lucas Stinis
10,706 Points
Lucas Stinis
Lucas Stinis
10,706 Points

Looks good!

Some small suggestions: 1) Add a (less) subtle divider between the email and password fields. 2) Making the top and bottom margin of the "Forgot password?" paragraph equal (i.e. 1.25rem).