Flows
Components
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with 💙 by Pablo Armenv2.1.17

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 making use.
 
 
  • Desktop (15)
  • 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

No preview

354. Figma - Floating Form with Steps

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

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

319. Modal Blackout w/ Multiple Choice

319. Modal Blackout w/ Multiple Choice

A modal dialog pattern that darkens the background to focus user attention, presenting multiple choices for decision-making or consent. It typically includes interactive elements like buttons and hypertext links. Notable behavior: Multiple Choice Selection; Button Click; Modal Open.

169. Youtube Studio - Delete Content Forever

169. Youtube Studio - Delete Content Forever

This pattern outlines the process for permanently deleting content within Youtube Studio, focusing on the critical steps and user confirmations required for an irreversible data removal action.

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

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

This pattern details Apple's Two-Factor Authentication (2FA) process, a critical security measure that requires users to verify their identity using two distinct methods, typically involving a code sent to a trusted device after initial password entry. Notable behavior: User enters verification code; System sends verification code; Awaiting code input.

145. Communication Preferences on Sign Up Flow

145. Communication Preferences on Sign Up Flow

This pattern guides users through setting their communication preferences as part of an onboarding or sign-up process. It typically involves interactive elements like text inputs and hypertext links, often presented across multiple paginated steps.

Uink Digital Agency
Sponsored

Uink Digital Agency

Specilist on building and launching digital products. Let's talk!

147. Linked Settings for User Permissions

147. Linked Settings for User Permissions

This pattern describes how to manage user permissions through linked settings. It allows administrators to configure access levels and features, often with dependencies between different permission sets. The design ensures clarity and control over what users can access or modify within a system.

208. Checkbox for User Confirmation

208. Checkbox for User Confirmation

A UI component allowing users to explicitly confirm agreement to terms, conditions, or actions before proceeding. It is commonly used in onboarding flows or for obtaining consent.

25. Apple - Two-factor Auth

25. Apple - Two-factor Auth

This pattern describes the user experience for Apple's two-factor authentication, typically involving a primary password and a secondary verification code sent to a trusted device or phone number to enhance account security.

119. PrestaShop - Site Cookie Management

119. PrestaShop - Site Cookie Management

This pattern describes the user interface and interaction flow for managing site cookies within a PrestaShop e-commerce platform, focusing on user consent and accessibility for web and desktop environments.

126. WeTransfer - In-front Site Terms

126. WeTransfer - In-front Site Terms

This pattern presents site terms or a privacy policy directly to the user, typically as a blocking overlay, requiring explicit consent or a decision before proceeding with site interaction. It ensures users acknowledge and agree to terms. Notable behavior: User consent; Acceptance of terms; Blocking overlay active.

36. Scroll Required for User Confirmation

36. Scroll Required for User Confirmation

This pattern mandates that users scroll through a specific content area, such as legal terms or a privacy policy, before a confirmation action becomes available. It ensures explicit engagement with critical information, often used for consent or agreement.

19. Twitter - Email Validation on Sign Up

19. Twitter - Email Validation on Sign Up

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

10. Dedicated Screen for Action Confirmation

10. Dedicated Screen for Action Confirmation

Presents a dedicated screen to confirm a significant user action, ensuring explicit consent and heightened awareness before proceeding. This pattern is crucial for irreversible operations, often featuring clear calls to action and supporting visuals.