Gain fresh awareness of UI patterns. For product designers and engineers.

DoorDash – Add Payment Method

1. One input field to rule them all Notice the empty state of what it seems to be one input field. It is in reality four different input fields combined into one: - Credit card number. - Expiration date. - Card verification code. - Zip code. 2. Credit Card number

Google Sign-In panel

A close look at the global Sign-In experience from Google Let’s kick things off with one the most optimized, tested, and efficient Sign-In patterns out there: Google’s. If you're in Google's ecosystem, chances are you don't see this panel too often. It