I am trying to design a simple login and password signin dialog box that pops in on the same page.

I don't want the user to navigate AWAY from the page to login.

I am looking for examples of sites that successfully implement this.

Placement, graphics, type of controls. Visually is it best to show a 'keyhole' tab, once clicked the sign up / sign in page appears?

I personally am heading to that type of setup, but have not found other sites implementing this type of setup (I am sure there are, I just am not very good at finding those sites)

1 Answer 1


I very much like the current Gist login which matches your needs. You click the login button which is clearly identifiable at the top in a crisp cleanly designed page and the popup appears around it. You use the same button to hide it. The popup appears brighter because the rest of the screen darkens slightly - not so much as to throw you - but just enough to make it effective.

I think it's an excellent example in almost every respect!

enter image description here

enter image description here

See also Break: which includes options to sign in with facebook

enter image description here

Barnes and Noble although this particular design looks like the whole page has faded - including the form itself!

enter image description here

Slashdot which has a nice simple popup appearing

enter image description here

as well as The Huffington Post.

  • Very nice login, I wonder if there are more sites out there like that (to comapre). Not crazy about the darkening, but yes it is effective.
    – eLouai
    Sep 12, 2011 at 9:08
  • 1
    @eLouai - I added some more examples to compare with Sep 12, 2011 at 9:25

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.