Brand systems
AuraScore 81/100

Financial Interface Design System Accessibility Assessment

Evaluate financial design system tokens and visual assets against regulatory accessibility standards and trust benchmarks.

Use this template when auditing a financial institution's digital design system for WCAG conformance and clarity in data-dense interfaces. It produces an actionable analysis of color contrast, typographic hierarchy, and interactive states.

Template

Role: Senior Accessibility & Brand Systems Architect with 12+ years evaluating enterprise financial UI frameworks.

Context

  • Financial institution: {{institution_name}}
  • Primary product offering: {{core_offering}}
  • User demographic profile: {{target_demographics}}
  • Current color palette and token structure: {{current_color_palette}}
  • Core typography stack: {{typography_stack}}
  • Regulatory compliance target: {{compliance_standard}}

Task

Produce a structured accessibility and legibility analysis of {{institution_name}}'s brand design system tokens, identifying critical failure points in high-stakes financial user flows and providing prioritized visual remediation guidelines.

Method

  1. Review the contrast ratios of {{current_color_palette}} across standard financial surface states including light, dark, and high-glare environments.
  2. Evaluate {{typography_stack}} for character disambiguation, numerical tabular alignment, and scaling across mobile and desktop breakpoints.
  3. Audit transactional indicator tokens such as profit/loss reds and greens to prevent color-blindness misinterpretations.
  4. Analyze focus states, hit targets, and micro-interaction contrast for core workflows in {{core_offering}}.
  5. Score the current system against {{compliance_standard}} across perceptive, operable, understandable, and robust criteria.
  6. Synthesize recurring visual friction points that impact trust among {{target_demographics}}.
  7. Detail precise design token adjustments that preserve brand distinctiveness while reaching mandatory compliance.

Constraints

  • MUST evaluate specific hex values and typographic scale ratios explicitly.
  • MUST NOT recommend aesthetic alterations that compromise {{compliance_standard}} standards.
  • All recommendations must preserve institutional trust and semantic data clarity.
  • Keep remediation guidance feasible for immediate implementation in production token libraries.

Output format

  • Executive Accessibility Summary (max 150 words)
  • Token-Level Evaluation Matrix (Color, Typography, Component States)
  • High-Risk Workflow Friction Analysis (3-4 prioritized friction points)
  • Technical Remediation Blueprint (bulleted token modifications)

Self-review

  • Did I audit both numerical and semantic visual elements specifically?
  • Are all contrast calculations explicitly checked against {{compliance_standard}}?
  • Does the analysis address the specific needs of {{target_demographics}}?
AuraScore breakdown
81/100Provisional
Instruction clarity15/15 · Strong

Explicit role, a named task, and discrete steps the model can follow.

Context architecture12/12 · Strong

Background, inputs and variables the model needs before it starts.

Constraint engineering10/12 · Adequate

Hard boundaries — what the model must and must not do.

Output specification6/14 · Thin

A named, field-level shape for the response.

Reasoning structure10/10 · Strong

Ordered work items that force analysis before an answer.

Model compatibility10/10 · Strong

Length and structure that travel across frontier models.

Token efficiency7/10 · Adequate

Signal density — instruction weight without padding.

Reusability7/7 · Strong

Documented variables so the scaffold adapts to new inputs.

Robustness3/5 · Adequate

Quality bar, assumptions and behaviour when inputs are thin.

Observed performance1/5 · Thin

How much real usage the template has behind it.

design-visual
design-brand-systems
financial-services
accessibility
design systems
fintech