---
title: Motifs & iconography
intro: The motifs XSERIES already owns (the X, playing cards, the throne, arena light, the shot clock) and how to turn them into an icon system and digital product components.
updated: 1 Nov 2026
status: Hipotesis
---

## Motif inventory

This table lists the motifs that already appear in XSERIES material, what they mean, and how to use them in the digital product.

| Motif | Where it appears | Meaning | Potential in the digital product |
|---|---|---|---|
| **X** | Wordmark, player tracksuits, court | Brand name, "eXtra", a cross mark | App icon, loader, divider, card button shape |
| **Playing cards (A/Q/J/P)** | XS-3 player cards | Player rank, and a nod to X Cards | Player card template, tier system |
| **Throne** | XS-3 player cards | President, power, "king of the court" | President Cards, team captain page |
| **Ornamental frame (filigree)** | XS-3 player cards | Luxury, collectible cards | Rare card frame, achievements |
| **Red light above + teal below** | All XS-3 material | Night arena, two sides | Hero background, page transitions |
| **Aerial arena** | FAQ, tickets, announcements | Scale, big venue | Ticket hero, interactive seat map |
| **LED court** | XS-1 | The court as a screen | Canvas for card and score animations |
| **`#PLAYDIFFERENT`** | Footer of all XS-3 material | Brand platform | Tagline, watermark, CTA |

![XS-3 player cards](/assets/evidence/xs3-players-1.jpg "Rank in the corner (A, J, P), repeated upside down in the bottom corner, ornamental frame, throne. Source: IG @xseries___.")
![Aerial arena](/assets/evidence/xs3-faq-cover.jpg "Aerial arena with red and teal light. Source: FAQ IG highlight @xseries___.")

## Card rank system

The XS-3 player cards use playing card letters. Their meaning has not been officially explained ([V1](/research/pertanyaan-terbuka/#q-v1)). The four cards below use real photos from IG. Note that every rank uses the same frame color (brand teal in this example). Ranks are told apart by the letter and the level of ornament, not by color, because mint, gold, red, and white are already used for [card function colors](/visual-direction/palet-warna/#card-function-colors). This treatment is a **proposal**, not a confirmed meaning.

```viz-playercard
## Safee Sali
rank: A
team: Guess: legend / main star
img: /assets/evidence/xs3-players-1.jpg
pos: 32% center
zoom: 2.5
focus: 50% 38%
tone: teal
- Frame | Full filigree
- Effect | Shine
## Ammar
rank: Q
team: Guess: creator / celebrity
img: /assets/evidence/xs3-players-2.jpg
pos: 32% center
zoom: 2.5
focus: 50% 38%
tone: teal
- Frame | Corner filigree
## Kitings
rank: J
team: Guess: pro player
img: /assets/evidence/xs3-players-1.jpg
pos: 68% center
zoom: 2.5
focus: 50% 38%
tone: teal
- Frame | Thin line
## Hamid
rank: P
team: Unclear: President? Pro? Prospect?
img: /assets/evidence/xs3-players-1.jpg
pos: 100% center
zoom: 2.5
focus: 60% 38%
tone: teal
- Frame | Needs confirmation
```

Proposed interpretations to confirm:

| Rank | Guessed meaning | Example on IG | Visual treatment |
|---|---|---|---|
| **A** (Ace) | Legend / main star | Safee Sali, Luis Nani | Full filigree, shine effect |
| **Q** (Queen) | Creator / celebrity | Ammar ([evidence](/assets/evidence/xs3-players-2.jpg)) | Corner filigree |
| **J** (Jack) | Pro player | Kitings, Tely | Thin line frame |
| **P** | Unclear (President? Pro? Prospect?) | Hamid, Apriyanto, Sakha | Needs confirmation |

> [!CAUTION]
> Do not lock the rank meanings on the website before the client confirms them ([V1](/research/pertanyaan-terbuka/#q-v1), decision [rank meanings not locked](/visual-direction/log-keputusan/#vd-10)). The card component should accept rank and tier label as data.

## Player card anatomy (proposed)

Follow the numbers on the card: these six parts are the minimum content of every player card. The name, team, and numbers in this example are sample data only.

```viz-playercard
anatomy: yes
- Rank + small X icon | Top left corner, repeated upside down in the bottom right corner
- Player photo | On the throne or in a pose, separate background so the frame can be swapped
- Player name | Display italic, capitals, the largest element
- Team · position · country | Small label above the name
- Stats | Goals, assists, cards, MVP with tabular numbers
- Sponsor slot | "presented by [sponsor]", present from the first version ([sponsor slot decision](/visual-direction/log-keputusan/#vd-09))
## Player Name
rank: A
team: Team · Position · Country
img: /assets/evidence/xs3-players-1.jpg
pos: 68% center
zoom: 2.5
focus: 50% 38%
sponsor: presented by [sponsor]
tone: teal
- Goals | 12
- Assists | 4
- Cards | 2
- MVP | 1
```

The card ratio is 5:7, the same as a standard playing card (63 × 88 mm). This ratio reads as "card" right away at every size.

## Game card icons

X Cards and President Cards need their own icons so they can appear in overlays, the match center, and the explainer. Card names and effects are taken from [Format & rules](/research/format-dan-aturan/). Read the "Icon" line on each card: X Cards are mint, President Cards are gold, and the shot clock is white, then red.

```viz-cards
## 1v1 Shoot
num: 1
label: X Card
tone: x
- 1-on-1 duel from the center, max. 6 seconds
- Icon: two facing dots + the court's center line
## Reset All Players
num: 2
label: X Card
tone: x
- Opponent player positions are reset for 2 minutes
- Icon: a circular arrow above five dots
## Freeze Goal
num: 3
label: X Card
tone: x
- The goal cannot concede for 2 minutes
- Icon: a goal with a crystal / padlock
## Extra Time
num: 4
label: X Card
tone: x
- 3 minutes added to the time
- Icon: a clock with "+3"
## X-Man
num: 5
label: X Card
tone: x
- Add 1 player, making it 6v5
- Icon: a player silhouette with "+1"
## Golden Boy
num: 6
label: X Card
tone: x
- 1 player's goal is worth 3 (6 from the second line)
- Icon: a player silhouette with a star. Solid mint, no gold accent, so it is not confused with President Cards
## Royal Rumble
num: 1
label: President
tone: gold
- Becomes 7v7
- Icon: seven dots in formation
## Reset Score
num: 2
label: President
tone: gold
- Score returns to 0–0
- Icon: the numbers 0–0 with a circular arrow
## Triple Goal
num: 3
label: President
tone: gold
- All goals count 3x
- Icon: a ball with "×3"
## Golden Goal
num: 4
label: President
tone: gold
- The first goal wins
- Icon: a ball with a single laurel branch, no crown
## Shot clock
num: 24
label: Rule
- Max. 24 seconds of possession
- Icon: a progress circle with the number 24. White, then red
```

Icon style: 2px line, sharp corners (following the letter X), 24px grid, no fill except when the card is active.

## What to avoid

Left are motifs that are already distinctive to XSERIES, right are motifs that competitors already own or that lose their value when overused.

```viz-compare
## Use
tone: do
- Throne and playing cards | More distinctive to XSERIES than a crown
- X and shot clock | Belong to XSERIES's own format
- Filigree for rare cards | Used only for rare cards and special moments, so it keeps its value
## Avoid
tone: dont
- Crown as the main icon | Too close to Kings League, whose logo is a king and a crown ([Summa](https://en.summa.es/work/kings-league/))
- Dice or wheel | Belong to Kings League (dice) and Baller League (the Gamechanger wheel). See [Competitor landscape](/research/competitor-landscape/)
- Ornament everywhere | Filigree everywhere makes it lose its value
```

## Research basis

- Instagram [@xseries___](https://www.instagram.com/xseries___/), PLAYERS and FAQ highlights
- [Kings League brand case study (Summa)](https://en.summa.es/work/kings-league/)
- [Baller League Gamechangers](https://ballerleague.uk/en/gamechangers)
- XS-3 player names and the ranks on their cards: [Players](/research/pemain/#xseries-3-player-announcements) and [Instagram content audit](/research/audit-konten-instagram/#xs3-players)
- The XS-1 LED court: [Edition timeline](/research/timeline-edisi/#xseries-1-2025)
- Kings League dice and the Baller League Gamechanger wheel: [Competitor landscape](/research/competitor-landscape/#kings-league-gerard-piqué-kosmos) and [Baller League](/research/competitor-landscape/#baller-league-uk-us-germany-paused)
