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 odds | Show probability on each option |
| Fake loading delays | Honest processing time |
| Manipulative near-misses | Accurate visual representation |
| Unclear result states | Distinct Win/Lose/Info components |
| Pressure tactics | User-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.