Technically speaking Username and Password do not look clickable, but I think a vast majority all Instgram users will know what to do... It's beautiful regardless, really beautiful.
I would say make input fields appear on hover/focus just to make it a little bit nicer to type on. The submit button is also slightly odd, doesn't look clickable, looks like it has already been clicked.
@Phil, @Greg thats a good idea with the hover. @Greg ya that actually is the clicked state, was showing the wrong layer group when I took the screenshot.
What if you set the input focus to the Username after a delay (or change its appearance in some way to make it a more obvious input field)? Like so. Should help those staring at the screen in incomprehension.
@zee7 I think its one of the wingdings fonts, its a special character not an a-z or 0-9. I grabbed it from something old and it was a shape path not a font so not exactly sure.
Username is clearly separated from Password, but the latter is not separated from the Submit button, and that looks very odd.
Maybe just another separation line will do.
The depressed submit button is a no-no. Embossed paper is very common, why not using that effect instead?
22 Responses
Really excited about this one. More to come.
about 2 years ago
Pro
Alex Pankratov
Technically speaking Username and Password do not look clickable, but I think a vast majority all Instgram users will know what to do... It's beautiful regardless, really beautiful.
about 2 years ago
Ya I'm on the fence about that one too. I think people will just get it and it's worth the sacrifice to not put physical fields in the paper.
about 2 years ago
Pro
James ✌
Wow, this is so sweet.
about 2 years ago
Gorgeous. Might I suggest hover states that hint at the fact that text entry is expected? I agree you shouldn't put physical fields on the paper.
about 2 years ago
Really, really awesome Eddie :)
about 2 years ago
Pro
Greg Cooper
I would say make input fields appear on hover/focus just to make it a little bit nicer to type on. The submit button is also slightly odd, doesn't look clickable, looks like it has already been clicked.
about 2 years ago
Is this for iOS or Web? I love the background and the shelf. Not too fond on the form inputs :/
about 2 years ago
@Phil, @Greg thats a good idea with the hover. @Greg ya that actually is the clicked state, was showing the wrong layer group when I took the screenshot.
about 2 years ago
Pro
zee7 ✽
its nice man, where did you get that middle "ornament symbol" in middle of splitter?
thanks :)
about 2 years ago
Pro
Alex Pankratov
What if you set the input focus to the Username after a delay (or change its appearance in some way to make it a more obvious input field)? Like so. Should help those staring at the screen in incomprehension.
about 2 years ago
Very nice work!
about 2 years ago
@zee7 I think its one of the wingdings fonts, its a special character not an a-z or 0-9. I grabbed it from something old and it was a shape path not a font so not exactly sure.
about 2 years ago
Pro
Anton Kudin
looks nice
that submit button is a foreign object on the paper anyway, so why debate?
about 2 years ago
Pro
Muhammad El Melegy
Simple and elegant!
about 2 years ago
Pro
Adis
Soooo clean!
about 2 years ago
Pro
Ivan Tolmachev
I like the fact that it is smart and original, not beautiful, good one
about 2 years ago
Pro
Caleb Ogden
This is sweet. What if the fields had dotted lines underneath, like a "Sign Here" type of look? Just a thought.
about 2 years ago
Dots or dashes, either way would indicated a field to be filled on an official form (like this).
about 2 years ago
Username is clearly separated from Password, but the latter is not separated from the Submit button, and that looks very odd.
Maybe just another separation line will do.
The depressed submit button is a no-no. Embossed paper is very common, why not using that effect instead?
about 2 years ago
As Kurt said, dots/dashes underneath would make the text entry clearer.
about 2 years ago
Rebound
Login
by Victor Sedunov
9 months ago