The graphical recommendations in this guide are specific to Match Matrix.
You can find general recommendations for backgrounds, logos, and other images in the general asset guide.
Required assets are marked with a star*
Dimensions are listed in pixels, width x height.
Maximum file size: 700kb
File types: .png, .jpeg, .jpg, .svg
Game Assets
Match Matrix supports three ways to define the visual style of your tiles: default icons, emojis, and custom images
Built in options
Built in asset libraries include:
Icons
Customize icon colors directly in the platform
Emojis
Choose from a predefined emoji set
Or define your own emoji selection
These options are quick to set up and automatically optimized for the game layout.
Custom images*
Upload 5 custom images to use as tile icons. This gives you full creative control - you can use product images, brand mascots, or any visual that fits your campaign.
Requirements:
Quantity: 5
Accepted formats: .jpeg, .jpg, .png, .webp
Aspect ratio: 1:1 square
Recommended size: 160 × 160 px
All 5 images must be unique!
The game is fully responsive. This means the grid and all assets automatically scale down to fit the player’s device - whether desktop, tablet, or mobile.
For best results:
Avoid small text inside images
Ensure strong contrast between elements
Square images work best since the tiles are square. Non-square images will be scaled to fit within the tile while preserving their aspect ratio.
Game styling
Match Matrix includes several styling options that allow you to adjust the look and feel of the game.
Grid Layout
Players can interact with the board in two ways:
Tap to select - Tap a tile to select it, then tap an adjacent tile to swap them
Swipe/drag - Press and drag a tile in any direction (up, down, left, right) to swap it with its neighbor
You can customize the layout of the tiles:
Tile border radius: Control the roundness of each tile. Set to 50% for fully circular tiles.
Tile background color: The default background color of each tile
Selected tile color - The highlight color when a player taps a tile to select it
For best results:
Keep contrast high between tile background colors and tile icons/emojis so players can quickly distinguish tile types
Points Layout
Customize the floating points bubbles that appear above matched tiles:
Points text color - The color of the score number
Points background color - The bubble background color
Make sure the text color and background color provide strong contrast to maintain readability.
Replacement tags
Match Matrix provides the following dynamic replacement tags that can be used in text elements throughout your campaign (e.g., on the result page):
Tag | Description |
#score# | The players score. Can be used in-game |
#combo_count# | Total number of combo chains triggered |
#best_combo# | Longest combo chain achieved in a single move |
#tiles_matched# | Total number of tiles the player cleared |
#moves_used# | Total number of swaps the player made |
#moves_left# | Remaining moves (only available when a move limit is set) |
Example
You can combine tags inside your result text, for example:
You scored #score# points in #timeused# seconds and matched #tiles_matched# tiles.
Your best combo was #best_combo#! Can you beat it?