Skip to content

Fairness & Transparency

Building trust is critical in iGaming. Fortune Kit provides patterns for transparent, responsible UX.

Principles

1. Show the Odds

Users should understand their chances before engaging. Never hide probability.

vue
<template>
  <FkWheel :segments="segments" show-probability />
  <!-- Each segment displays its win probability -->
</template>

2. Explain Randomness

When using provably fair systems, make verification accessible:

  • Display seed values after results
  • Link to verification tools
  • Use clear, non-technical language

3. Animate Honestly

Animations should reflect reality:

  • Don't fake near-misses — If the wheel lands on X, show it landing on X
  • Consistent timing — Spin duration shouldn't vary based on outcome
  • No outcome manipulation — Visual result must match logical result

Components with Fairness Built-in

FkResultWin / FkResultLose

Clear, distinct visual treatments prevent ambiguous outcomes:

vue
<!-- Unambiguous win state -->
<FkResultWin title="You Won!" :amount="100" />

<!-- Unambiguous loss state -->
<FkResultLose title="No win this time" subtitle="Try again!" />

FkLeaderboard

Transparent ranking with:

  • Visible position changes (▲/▼ indicators)
  • Score breakdown on hover
  • Last updated timestamp

UX Anti-patterns to Avoid

❌ Anti-pattern✅ Better approach
Hidden oddsShow probability on each option
Fake loading delaysHonest processing time
Manipulative near-missesAccurate visual representation
Unclear result statesDistinct Win/Lose/Info components
Pressure tacticsUser-controlled pacing

Responsible Gaming

Fortune Kit components support responsible gaming patterns:

  • Session timers — Track and display play duration
  • Loss limits — Visual warnings at thresholds
  • Cool-down periods — Disable interactions temporarily
  • Self-exclusion — Respect user preferences

Production Requirement

Responsible gaming features are your responsibility to implement. Fortune Kit provides the UI building blocks, not the business logic.

Built for iGaming with Vue 3