Patterns for Terms & Conditions
Terms and conditions are always hard to read and understand, that doesn't mean they are not important. Usually present after sign up or login forms.
✅ Common variations
- Mandatory checkbox linking to terms
- Dual buttons (Accept / Decline)
- Blocking modal with forced scroll
- Intermediate screen before access
⚠️ Common mistakes to avoid
- Hiding or not linking to the full terms
- Not offering a way to decline
- Forcing acceptance to continue (dark pattern)
- Making terms unreadable via forced scrolling
Frequently includes
Modals | Form Fields | Hypertext Links
Live examples
359. Discord - Button to Input Transition
359. Discord - Button to Input Transition
Text InputHypertext Links
354. Figma - Floating Form with Steps
354. Figma - Floating Form with Steps
Text InputSide Panel
343. Behance - Login with Code Validation 
343. Behance - Login with Code Validation
Text InputHypertext LinksPagination
319. Wordpress - Delete Confirmation with Name
319. Wordpress - Delete Confirmation with Name
ModalAvatarButtonHypertext Links
_13.07.18/w=1920,quality=90,fit=scale-down)
_09.35.30_p._m..png&w=1920&q=75)
_23.27.14/w=1920,quality=90,fit=scale-down)
_01.18.51_p._m..png&w=1920&q=75)
_05.22.43_p._m..png&w=1920&q=75)
_16.08.33/w=1920,quality=90,fit=scale-down)
