---
title: Moodboard & referensi
intro: Kumpulan evidence visual milik XSERIES dan link referensi eksternal (liga sportainment, brand system, font) yang dipakai sebagai acuan arah visual.
updated: 1 Nov 2026
status: Terverifikasi
---

Moodboard ini memperlihatkan [Prinsip visual](/visual-direction/prinsip-visual/) dalam gambar. Kelompok di bawah dipakai lagi di [Foto & motion](/visual-direction/foto-dan-motion/) dan [Arah UI](/visual-direction/arah-ui/).

## Moodboard internal (milik XSERIES)

Semua gambar di bawah adalah screenshot dari Instagram [@xseries___](https://www.instagram.com/xseries___/). Klik gambar untuk memperbesar. Lihat per kelompok: tiap kelompok adalah satu ide visual yang bisa dibawa ke produk digital.

```viz-moodboard
## Arena malam (XS-3)
sub: Hitam pekat, cahaya merah dan teal. Untuk hero dan tiket
- /assets/evidence/xs3-faq-cover.jpg | Arena render, cahaya merah dan teal. Highlight FAQ | big
- /assets/evidence/xs3-ticket-keyvisual.jpg | Key visual tiket XS-3. Highlight TICKET | wide
- /assets/evidence/xs3-seatplan-harga.jpg | Seat plan Indonesia Arena dengan tier warna. Highlight TICKET | wide
## Kartu dan takhta (XS-3)
sub: Kartu remi, rank, takhta. Untuk player card
- /assets/evidence/xs3-players-1.jpg | Player card: Mister Aloy, Safee Sali, Kitings, Hamid | big
- /assets/evidence/xs3-players-2.jpg | Player card XS-3, lanjutan | wide
- /assets/evidence/xs3-players-3.jpg | Player card XS-3, lanjutan | wide
## FAQ dan informasi (XS-3)
sub: Teks putih di atas hitam. Untuk halaman aturan dan FAQ
- /assets/evidence/xs3-faq-1.jpg | Slide FAQ: teks putih di atas hitam dengan aksen merah | wide
- /assets/evidence/xs3-faq-2.jpg | Slide FAQ, lanjutan | wide
- /assets/evidence/xs3-faq-3.jpg | Slide FAQ, lanjutan | wide
## Duel legenda dan dokumenter (XS-2)
sub: Face-off dan grading hangat. Untuk cerita dan arsip
- /assets/evidence/falcao-ricardinho-1.jpg | Falcão vs Ricardinho, Battle of the Century | big
- /assets/evidence/xs2-all-goat.jpg | Grading hangat dokumenter | wide
- /assets/evidence/xs2-photoshoot.jpg | Behind the scenes photoshoot XS-2 | wide
- /assets/evidence/xs2-roster-bandara.jpg | Seri kedatangan roster di bandara | wide
- /assets/evidence/xs2-presscon.jpg | Press conference XS-2 | wide
- /assets/evidence/xs2-matchday-1.jpg | Hari pertandingan XS-2 | wide
## Lapangan sebagai layar (XS-1)
sub: Lantai LED sebagai media. Untuk kanvas animasi kartu
- /assets/evidence/xs1-1.jpg | Lapangan LED "GAME WITHOUT LIMITS" | big
- /assets/evidence/xs1-3.jpg | Suasana XS-1 | wide
- /assets/evidence/xs1-4.jpg | Lynx Hunters juara XS-1 | wide
## Karakter (JAY-D)
sub: Seri konten per pemain. Untuk halaman pemain
- /assets/evidence/jayd-1.jpg | Seri konten JAY-D (Jaden Bahtera) | wide
- /assets/evidence/jayd-2.jpg | Seri konten JAY-D, lanjutan | wide
```

## Referensi eksternal

### Liga sportainment

| Referensi | Yang dilihat | Link |
|---|---|---|
| Baller League UK | Struktur situs, match centre, stats, CTA tiket | [ballerleague.uk](https://ballerleague.uk/en/), [Match Centre](https://ballerleague.uk/en/game/214), [Statistics](https://ballerleague.uk/en/statistics), [Teams](https://ballerleague.uk/en/teams) |
| Baller League US | Preloader, marquee, rulebook | [ballerleague.us/c/rulebook](https://ballerleague.us/c/rulebook) |
| Baller League Gamechangers | Halaman aturan khusus | [ballerleague.uk/en/gamechangers](https://ballerleague.uk/en/gamechangers) |
| Kings League rules | Ilustrasi aturan per fase laga, grafis kartu | [pages.kingsleague.pro/rules](https://pages.kingsleague.pro/rules) |
| Kings League rulebook | Format dokumen resmi | [book-of-rules.pdf](https://cms-es.kingsleague.pro/wp-content/uploads/2026/03/book-of-rules.pdf) |
| Kings League Fantasy | UI kartu koleksi | [App Store](https://apps.apple.com/us/app/id6467652295) |
| Kings League brand | Logo yang berubah, ruang untuk identitas tim | [Summa case study](https://en.summa.es/work/kings-league/) |
| Icon League | Brand 5v5 | [theiconleague.com](https://theiconleague.com) |

### Font

Ini daftar pendek. Delapan kandidat lengkap, termasuk Oswald, Mona Sans, dan Geist, ada di [Tipografi](/visual-direction/tipografi/#kandidat-font).

| Font | Link |
|---|---|
| Barlow Condensed | [Google Fonts](https://fonts.google.com/specimen/Barlow+Condensed) |
| Anton | [Google Fonts](https://fonts.google.com/specimen/Anton) |
| Inter | [Google Fonts](https://fonts.google.com/specimen/Inter) |
| Druk | [Commercial Type](https://commercialtype.com/catalog/druk) |
| Tusker Grotesk | [The Designers Foundry](https://www.thedesignersfoundry.com/tusker-grotesk) |

### Aksesibilitas

- [WCAG 2.2](https://www.w3.org/TR/WCAG22/)
- [WebAIM Contrast Checker](https://webaim.org/resources/contrastchecker/)

> [!TIP]
> Untuk menambah referensi, simpan gambar di `site/assets/evidence/`, lalu tambahkan satu baris ke kelompok yang cocok di blok moodboard di atas. Ukuran boleh `wide`, `tall`, `big`, atau kosong. Contoh baris (ganti `nama.jpg` dengan nama file yang sebenarnya):
>
> ```text
> - /assets/evidence/nama.jpg | caption dan sumber | wide
> ```