On-brand spinners
When creating an account on SkyBet, the spinner looks like a football.
Design Examples
Form Design Examples: Real Sign-Up Flows
See how companies like Sketch, Twitch and GitHub design sign-up forms, featuring our annotated examples of personalised copy, contextual nudges and deliberate friction.
Real world examples:
Updated: 26/10/2026, view all 1,503 examples
Examples on Built for Mars include
Sketch rewrites sign-up benefits by role
Twitch names the streamer in sign-up prompts
BeReal's CTA shows your age to catch typos
Github's tribalism
GitHub ooze personality and tribalism by positioning their sign-up as an 'adventure'. This includes objectively difficult input methods, like answering with 'N' or 'Y'.
Clarifying your age
When signing up to BeReal, the CTA label will confirm your age. This makes it easier to spot mistakes, and feels more personal.
Action into sign-up loop
If you attempt to like a Twitch stream, without having an account, you'll see a sign-up prompt personalised with the streamer that you were just watching.
This is better with your work email
If you sign up to Granola using a Gmail account, they’ll contextualise that it’s better with a work email address, and prompt you to swap.
Sniper link(ed)in
Subscribe to unlock this example
Plans start from £8 per month
Dynamic sign-up content
Subscribe to unlock this example
Plans start from £8 per month
There are more than 1400 UX Bites like this
Subscribe to BFM+
If features can be coded in minutes, thoughtful design is what wins
- Unlock the entire library
- Create custom UX courses
- Access our AI tools
£8/monthbilled annually
or, wait for the free stuff
Join the free newsletter
Get the free content when it's released, straight to your inbox, no account required
"An exceptional resource for learning how to build habit-forming products that people love."
"I’d never met anybody who looks at usability and UX the way I do until I met Peter. Only he’s smarter."
"The completest view of the psychological underpinnings of human behaviour that I’ve ever seen."
"What a nice idea! Christopher Alexander would be proud to see patterns collected like this."
FAQs
How can a sign-up form feel personalised without asking for more data?
Reuse context that already exists, such as the action or page that triggered the sign-up. For example, Twitch turns an attempted like into a sign-up prompt headlined with the streamer the user was watching. It takes almost no effort to build, and it makes the benefit of an account feel concrete.
What's the best way to get users to switch to a work email during sign-up?
A second ask that explains the consequences tends to land harder than the first generic request. As an example, Granola asks for a work email upfront, then, if a personal Gmail account is connected, explains that meetings won't appear and collaboration and shared notes won't work. 'Continue anyway' stays available, so nobody is blocked.
Can extra friction in a sign-up flow actually help?
Yes, when the friction builds identity or commitment rather than just slowing people down. GitHub's terminal-style form makes users type 'y' or 'n', which is harder than a checkbox but signals that the product is built for developers (i.e., tribalism). Ahead asks users to draw a checkmark to sign a pledge, and Cognitive Dissonance makes them less willing to go back on that promise, even though the signature box accepts any squiggle.
How do sign-up forms improve the quality of what users enter?
Cut the effort of finding the information, and reflect inputs back so errors are visible. For instance, Peerlist adds a link beside the LinkedIn URL field that opens the user's profile, so more accounts end up with verified links and the network becomes more valuable as a whole. BeReal does the reflecting part by showing the calculated age on the confirm button.
Are small brand details in a sign-up form worth the effort?
They give dull moments, like validation waits, some personality at very low cost. As an example, Sky Bet's loading spinner is shaped like a football while it checks the email address in real time.