Industry Application Examples
Real-world UI patterns for Legal Technology, Anti-Money Laundering, and Compliance. Each example demonstrates brand-compliant design with Standard and Enhanced treatments.
Case Management Dashboard
complexMatter overview with status cards, deadlines timeline, team assignments
LOGO-001ICON-001COLOR-001A11Y-001 Document Review Interface
complexDocument viewer with annotation panel, tagging, privilege coding
ICON-001COLOR-001A11Y-001 Contract Clause Library
mediumSearchable clause database with categorization, version history, risk scoring
ICON-001COLOR-001TYPO-001 E-Discovery Search Results
mediumFaceted search with hit highlighting, custodian filters, date visualization
COLOR-001A11Y-001TYPO-001 Legal Billing Timesheet
mediumTime entry form with matter selection, task codes, validation
A11Y-001COLOR-001ICON-001 Client Matter Intake Form
complexMulti-step wizard with conflict check, engagement letter, approval workflow
A11Y-001ICON-001COLOR-001TYPO-001 Transaction Monitoring Alerts
complexAlert queue with risk scoring, priority indicators, batch actions
COLOR-001ICON-001A11Y-001 Alert Triage Workspace
complexSplit-view investigation with customer profile, transaction history
LOGO-001ICON-001COLOR-001A11Y-001 Customer Risk Profile
complex360-degree view with risk factors, beneficial ownership, PEP/sanctions status
COLOR-001A11Y-001TYPO-001 SAR Filing Wizard
complexMulti-step Suspicious Activity Report with narrative builder
A11Y-001ICON-001COLOR-001 KYC Document Verification
mediumID upload interface with verification status, expiry tracking
ICON-001COLOR-001A11Y-001 Sanctions Screening Results
mediumMatch results with confidence scores, false positive management
COLOR-001A11Y-001ICON-001 Regulatory Calendar
mediumCalendar view of deadlines with severity coding, notifications
COLOR-001A11Y-001ICON-001 Policy Management Hub
complexDocument library with version control, approval workflow, attestation
LOGO-001ICON-001COLOR-001A11Y-001 Audit Trail Viewer
mediumChronological activity log with user actions, filterable events
A11Y-001COLOR-001TYPO-001 Control Testing Dashboard
complexControl matrix with pass/fail/pending states, evidence attachment
COLOR-001ICON-001A11Y-001 Incident Reporting Form
mediumBreach capture with severity classification, impact assessment
A11Y-001COLOR-001ICON-001 Training Compliance Tracker
simpleEmployee training grid with completion %, due dates, certifications
COLOR-001A11Y-001 Standard vs Enhanced Styling
Each example includes both Standard and Enhanced visual treatments. Use Standard for day-to-day applications.
Standard Treatment
background: whiteborder: 1px solid var(--as-pale-blue)box-shadow: 0 2px 8px rgba(7,81,86,0.08)border-radius: 8px
Enhanced Treatment
background: linear-gradient(135deg, ...)backdrop-filter: blur(10px)box-shadow: 0 4px 24px rgba(7,81,86,0.08)border-radius: 16px
Reserved for executive/premium contexts