On this page

Motifs & iconography

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.


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.

MotifWhere it appearsMeaningPotential in the digital product
XWordmark, player tracksuits, courtBrand name, "eXtra", a cross markApp icon, loader, divider, card button shape
Playing cards (A/Q/J/P)XS-3 player cardsPlayer rank, and a nod to X CardsPlayer card template, tier system
ThroneXS-3 player cardsPresident, power, "king of the court"President Cards, team captain page
Ornamental frame (filigree)XS-3 player cardsLuxury, collectible cardsRare card frame, achievements
Red light above + teal belowAll XS-3 materialNight arena, two sidesHero background, page transitions
Aerial arenaFAQ, tickets, announcementsScale, big venueTicket hero, interactive seat map
LED courtXS-1The court as a screenCanvas for card and score animations
#PLAYDIFFERENTFooter of all XS-3 materialBrand platformTagline, watermark, CTA

Card rank system

The XS-3 player cards use playing card letters. Their meaning has not been officially explained (A/Q/J/P rank meaning). 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. This treatment is a proposal, not a confirmed meaning.

A✕
Guess: legend / main star
Safee Sali
Frame
Full filigree
Effect
Shine
Q✕
Guess: creator / celebrity
Ammar
Frame
Corner filigree
J✕
Guess: pro player
Kitings
Frame
Thin line
P✕
Unclear: President? Pro? Prospect?
Hamid
Frame
Needs confirmation

Proposed interpretations to confirm:

RankGuessed meaningExample on IGVisual treatment
A (Ace)Legend / main starSafee Sali, Luis NaniFull filigree, shine effect
Q (Queen)Creator / celebrityAmmar (evidence)Corner filigree
J (Jack)Pro playerKitings, TelyThin line frame
PUnclear (President? Pro? Prospect?)Hamid, Apriyanto, SakhaNeeds confirmation

Caution

Do not lock the rank meanings on the website before the client confirms them (A/Q/J/P rank meaning, decision rank meanings not locked). 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.

1A✕
2
4Team · Position · Country
3Player Name
5
Goals
12
Assists
4
Cards
2
MVP
1
6presented by [sponsor]
  1. Rank + small X icon Top left corner, repeated upside down in the bottom right corner
  2. Player photo On the throne or in a pose, separate background so the frame can be swapped
  3. Player name Display italic, capitals, the largest element
  4. Team · position · country Small label above the name
  5. Stats Goals, assists, cards, MVP with tabular numbers
  6. Sponsor slot "presented by [sponsor]", present from the first version (sponsor slot decision)

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. Read the "Icon" line on each card: X Cards are mint, President Cards are gold, and the shot clock is white, then red.

1X Card
1v1 Shoot

1-on-1 duel from the center, max. 6 seconds
Icon: two facing dots + the court's center line

2X Card
Reset All Players

Opponent player positions are reset for 2 minutes
Icon: a circular arrow above five dots

3X Card
Freeze Goal

The goal cannot concede for 2 minutes
Icon: a goal with a crystal / padlock

4X Card
Extra Time

3 minutes added to the time
Icon: a clock with "+3"

5X Card
X-Man

Add 1 player, making it 6v5
Icon: a player silhouette with "+1"

6X Card
Golden Boy

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

1President
Royal Rumble

Becomes 7v7
Icon: seven dots in formation

2President
Reset Score

Score returns to 0–0
Icon: the numbers 0–0 with a circular arrow

3President
Triple Goal

All goals count 3x
Icon: a ball with "×3"

4President
Golden Goal

The first goal wins
Icon: a ball with a single laurel branch, no crown

24Rule
Shot clock

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.

✓Use
  • Throne and playing cardsMore distinctive to XSERIES than a crown
  • X and shot clockBelong to XSERIES's own format
  • Filigree for rare cardsUsed only for rare cards and special moments, so it keeps its value
✕Avoid
  • Crown as the main iconToo close to Kings League, whose logo is a king and a crown (Summa)
  • Dice or wheelBelong to Kings League (dice) and Baller League (the Gamechanger wheel). See Competitor landscape
  • Ornament everywhereFiligree everywhere makes it lose its value

Research basis

How this page connects

Pages this one builds on, and other pages that use it.