Terms & Conditions

Terms & Conditions

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

Hypertext Links

https://uink.digital

Live examples

Desktop (14)
Tablet (0)
Mobile (2)

359. Discord - Button to Input Transition

359. Discord - Button to Input Transition

354. Figma - Floating Form with Steps

343. Behance - Login with Code Validation

343. Behance - Login with Code Validation

319. Wordpress - Delete Confirmation with Name

319. Wordpress - Delete Confirmation with Name

169. Youtube Studio - Delete Content Forever

169. Youtube Studio - Delete Content Forever

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

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

147. Linked Settings for User Permissions

147. Linked Settings for User Permissions

208. Checkbox for User Confirmation

208. Checkbox for User Confirmation

25. Apple - Two-factor Auth

25. Apple - Two-factor Auth

119. PrestaShop - Site Cookie Management

119. PrestaShop - Site Cookie Management

126. WeTransfer - In-front Site Terms

126. WeTransfer - In-front Site Terms

36. Scroll Required for User Confirmation

36. Scroll Required for User Confirmation

19. Twitter - Email Validation on Sign Up

19. Twitter - Email Validation on Sign Up

180. Dedicated Screen for Action Confirmation

180. Dedicated Screen for Action Confirmation

Found this pattern useful?