Reframer Sign In

Actual pixels.

Wanted to keep our sign in screen super clean. Using HTML5 placeholder attribute for inline labels instead of adding static labels on screen to reduce the noise. Older browsers are supported w/a modified version of the jQuery placeholder plugin to work w/password fields.

The letterpress on the heading, rounded corners, box shadow, Sign In, and subtle effects on the text input fields are all done via CSS3.

Oh, and of course, it's designed mobile first, future friendly.

View all tags
Posted on Dec 2, 2011

More by Todd Zaki Warfel

View profile