Home
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with 💙 by Pablo Armenv2.1.10

Home
/Flows
/Terms & Conditions
Description
Usually present after sign up or login forms.

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 & Dialogs |
Form Fields |
Links & Buttons
 
Recommendation (Ad)
https://uink.digital

Live examples

  • Desktop (14)
  • Tablet (0)
  • Mobile (2)
359. Discord - Button to Input Transition

359. Discord - Button to Input Transition

Desktop, Decision Making, Pathfinding, Consent, Web, Español, Text Input, Hypertext Links

Open pattern
No preview

354. Figma - Floating Form with Steps

Desktop, Feedback, Consent, Awareness, Web, English, Text Input, Side Panel

Open pattern
343. Behance - Login with Code Validation

343. Behance - Login with Code Validation

Desktop, Consent, Decision Making, Awareness, Web, Español, Text Input, Hypertext Links, Pagination

Open pattern
319. Wordpress - Delete Confirmation with Name

319. Wordpress - Delete Confirmation with Name

Desktop, Decision Making, Consent, Awareness, Web, Español, Modal, Avatar, Button, Hypertext Links

Open pattern
169. Youtube Studio - Delete Content Forever

169. Youtube Studio - Delete Content Forever

Desktop, Consent, Web, English, YouTube, Google

Open pattern
161. Apple - Two-Factor Validation (2FA)

161. Apple - Two-Factor Validation (2FA)

Desktop, Consent, Onboarding, Web, Apple OS, English, Apple

Open pattern
147. Linked Settings for User Permissions

147. Linked Settings for User Permissions

Desktop, Consent, Awareness, Web, English, Google, Google Analytics

Open pattern
208. Checkbox for User Confirmation

208. Checkbox for User Confirmation

Desktop, Onboarding, Consent, Web, Español, Google, Google Suite

Open pattern
25. Apple - Two-factor Auth

25. Apple - Two-factor Auth

Desktop, Consent, Web, Español, Apple

Open pattern
119. PrestaShop - Site Cookie Management

119. PrestaShop - Site Cookie Management

Desktop, Accessibility, Consent, Web, Español

Open pattern
126. WeTransfer - In-front Site Terms

126. WeTransfer - In-front Site Terms

Desktop, Decision Making, Consent, Web, Español

Open pattern
36. Scroll Required for User Confirmation

36. Scroll Required for User Confirmation

Desktop, Consent, Web, Español, Google

Open pattern
19. Twitter - Email Validation on Sign Up

19. Twitter - Email Validation on Sign Up

Desktop, Onboarding, Consent, Web, Español, Twitter

Open pattern
180. Dedicated Screen for Action Confirmation

180. Dedicated Screen for Action Confirmation

Desktop, Decision Making, Awareness, Consent, Web, Español, English, Linkedin

Open pattern