---
sidebar_position: 9
---
# Info Pages
## Overview
**Info Pages** provide players with details about game rules, features, symbols, payout structures, and mechanics. They are divided into **Paytable** and **Rules** sections, with different layouts for Desktop and Mobile.
| Platform | Desktop | Mobile |
|----------|---------|--------|
| Paytable/Rules | 

 | 
 |
## Asset Preparation
| Assets | Description |
|--------|-------------|
|  | Used for **Rules** or RichText images. |
|  | Used for **Paytable** setup. |
## Desktop Setup
1. **Locate Template Prefabs**:
- Search for the `desktop-hyper-info-panel` prefab.
- 
2. **Clone Assets**:
- Copy and paste to the game assets location, removing unnecessary prefixes.
- 
### desktop-info-panel
| Step | Action | Image Reference |
|------|--------|-----------------|
| 1 | Change **Color** in `page-background` per game design. |  |
| 2 | Change **Color** in `menu-header-background` per game design. |  |
| 3 | Update **Prefab** in `paytable-content` using prepared prefabs. |  |
| 4 | Update **Prefab** in `rules-content` using prepared prefabs. |  |
### desktop-paytable-content
- **Item with Payout**:
- 
- Steps:
| Step | Action | Image Reference |
|------|--------|-----------------|
| 1 | Set **Item Name** and **Odds Items** per game design. |  |
| 2 | Set **Sprite Frame** in `item-display` using prepared assets. |  |
| 3 | Change **Color** in `multi-x...` and `odds-x...` per game design. |  |
| 4 | Adjust **Font** and **Font Size** in `multi-x...` and `odds-x...`. Use [Bitmap Font Creator](http://localhost:3000/docs/category/game-asset-structure) if needed. |  |
- **Item with Description**:
- 
- Steps:
| Step | Action | Image Reference |
|------|--------|-----------------|
| 1 | Set **Name** per game design. |  |
| 2 | Set **Sprite Frame** in `item-display` using prepared assets. |  |
| 3 | Change **String** in `description` per game design. |  |
- **Feature Game**:
- Configure based on game features (e.g., **FREESPIN BONUS**, **BONUS FEATURE**):
- **Title**: Update **String** and **Color** in `freespins-bonus-title`.
- **Image**: Set **Sprite Frame** in `freespins-bonus-image-...` using prepared assets.
- **Description**: Update **String** in `freespins-bonus-description`.
- 
- 
- 
- 
### desktop-rules-content
- Types: **Lines** or **Ways**.
- Steps:
1. Set **Sprite Frame** in `lines-image` using prepared assets.
2. Change **Color** in `lines-title` per game design.
3. For **Ways**:
- Update **String** in `lines-title` to **WIN WAYS/DYNAWAYS**.
- Enable and update **String** in `lines-description`.
- 
- 
- 
- 
## Mobile Setup
1. **Locate Template Prefabs**:
- Search for the `mobile-ui` prefab.
- 
2. **Clone Assets**:
- Copy and paste to the game assets location, removing unnecessary prefixes.
- 
3. **Configure Prefabs**:
- Configure `mobile-paytable-content` and `mobile-rules-content` as described in [Desktop Setup](#desktop-setup).
4. **Spawner Positions**:
- For **Paytable**: Use `mobile-paytable-content-spawner` in the `mobile-ui` prefab.
- 
- For **Rules**: Use `mobile-rule-content-spawner` in the `mobile-ui` prefab.
- 
**Tip**:
- If the game has a server, verify config settings:
1. Open DevTools, navigate to the **Network** tab, and find the message with **event** = "config".
2. Compare **paytable** values with the configured setup.
- 