Description
Design UI patterns for legal and compliance requirements including terms acceptance, risk disclosures, regulatory notices, and consent management.
Requirements and context
- This is a UI/UX design task only; legal content creation is not included, but designers should work with legal/compliance teams.
- Must design terms acceptance flows (sign up, investment, offering creation) with clear presentation of legal text and acceptance mechanisms.
- Should include risk disclosure patterns (prominent warnings, layered disclosure, acknowledgment checkboxes) for financial products.
- Needs regulatory notice areas (disclaimers, jurisdiction-specific warnings, regulatory status indicators).
- Must address consent management (cookie consent, data processing consent, marketing opt-ins) with clear controls.
Suggested execution
- Design terms acceptance modals/pages showing how legal text is presented and how users accept (scroll-to-accept, checkbox, signature).
- Create risk disclosure components (warning banners, disclosure modals, risk assessment summaries) with clear visual hierarchy.
- Specify regulatory notice patterns (footer disclaimers, jurisdiction banners, compliance badges) that don't overwhelm but remain visible.
- Include consent management UI (preferences center, granular controls, opt-out mechanisms).
- Annotate legal review requirements and where content must be approved by legal/compliance teams.
Test and commit
- Ensure legal and compliance UI patterns are clear and that users understand what they're agreeing to.
- Validate that risk disclosures are prominent and that regulatory notices are appropriately visible.
- Include design notes on how to handle updates to terms and how to notify users of changes.
Example commit message
docs(design): design legal and compliance UI patterns
Guidelines
- Complete legal UI patterns for terms, disclosures, and notices
- Consent management UI included
- Timeframe: 96 hours