Industry Solutions

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.

18 Examples
3 Industries
7 Critical Rules
Legal
📋

Case Management Dashboard

complex

Matter overview with status cards, deadlines timeline, team assignments

LOGO-001ICON-001COLOR-001A11Y-001
Legal
📄

Document Review Interface

complex

Document viewer with annotation panel, tagging, privilege coding

ICON-001COLOR-001A11Y-001
Legal
📚

Contract Clause Library

medium

Searchable clause database with categorization, version history, risk scoring

ICON-001COLOR-001TYPO-001
Legal
🔍

E-Discovery Search Results

medium

Faceted search with hit highlighting, custodian filters, date visualization

COLOR-001A11Y-001TYPO-001
Legal
⏱️

Legal Billing Timesheet

medium

Time entry form with matter selection, task codes, validation

A11Y-001COLOR-001ICON-001
Legal
📝

Client Matter Intake Form

complex

Multi-step wizard with conflict check, engagement letter, approval workflow

A11Y-001ICON-001COLOR-001TYPO-001
AML
🚨

Transaction Monitoring Alerts

complex

Alert queue with risk scoring, priority indicators, batch actions

COLOR-001ICON-001A11Y-001
AML
⚖️

Alert Triage Workspace

complex

Split-view investigation with customer profile, transaction history

LOGO-001ICON-001COLOR-001A11Y-001
AML
👤

Customer Risk Profile

complex

360-degree view with risk factors, beneficial ownership, PEP/sanctions status

COLOR-001A11Y-001TYPO-001
AML
📑

SAR Filing Wizard

complex

Multi-step Suspicious Activity Report with narrative builder

A11Y-001ICON-001COLOR-001
AML
🪪

KYC Document Verification

medium

ID upload interface with verification status, expiry tracking

ICON-001COLOR-001A11Y-001
AML
🛡️

Sanctions Screening Results

medium

Match results with confidence scores, false positive management

COLOR-001A11Y-001ICON-001
Compliance
📅

Regulatory Calendar

medium

Calendar view of deadlines with severity coding, notifications

COLOR-001A11Y-001ICON-001
Compliance
📖

Policy Management Hub

complex

Document library with version control, approval workflow, attestation

LOGO-001ICON-001COLOR-001A11Y-001
Compliance
📜

Audit Trail Viewer

medium

Chronological activity log with user actions, filterable events

A11Y-001COLOR-001TYPO-001
Compliance

Control Testing Dashboard

complex

Control matrix with pass/fail/pending states, evidence attachment

COLOR-001ICON-001A11Y-001
Compliance
⚠️

Incident Reporting Form

medium

Breach capture with severity classification, impact assessment

A11Y-001COLOR-001ICON-001
Compliance
🎓

Training Compliance Tracker

simple

Employee 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

Sample Card
  • background: white
  • border: 1px solid var(--as-pale-blue)
  • box-shadow: 0 2px 8px rgba(7,81,86,0.08)
  • border-radius: 8px

Enhanced Treatment

Sample Card
  • 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

← Back to All Examples
Style
Theme