Nikmati akses lancar ke film, acara TV, musik, dan konten favorit Anda lainnya di layar TV, kapan saja di rumah.
Referensi
| Jenis | Link | Status |
|---|---|---|
| Desain | Sumber desain (Figma) | Tersedia |
| Inter (Google Fonts) | Tersedia | |
| Penerapan | Jetpack Compose (GitHub) | Tersedia |
Tema
Tema warna
Tema warna dibuat menggunakan generator tema
Desain Material 3.
Tipografi
Skala tulisan JetStream menggunakan typeface Inter untuk menciptakan tampilan yang sederhana dan jelas untuk layar TV.
Bentuk
Radius halus diterapkan pada kartu dan tombol untuk membuat tepi yang bersahabat dan mudah dijangkau.
Fokus
Garis batas 3 dp dengan warna garis batas digunakan di JetStream.
Beranda
Beranda
Halaman landing aplikasi JetStream.
Carousel unggulan
Carousel dengan tata letak bergaya kartu.
Baris konten
JetStream menggunakan gaya kartu standar dengan rasio aspek 2:3 dalam tata letak 5 kolom.
Daftar imersif
Tandai konten khusus dalam aplikasi menggunakan komponen daftar imersif, seperti 10 film trending teratas.
Kategori
Kategori
Halaman Kategori menampilkan genre dalam format petak untuk memudahkan navigasi dan akses.
Kartu kategori
Detail kategori
Petak kartu 2:3 dengan header digunakan untuk membuat halaman detail Kategori.
Media
Film
Tab film standar dengan kartu unggulan berukuran 16:9 di bagian atas dengan petak konten di bagian bawah.
Acara TV
Koleksi
Favorit
Tab Favorit menyertakan filter chip di bagian atas layar untuk memungkinkan penelusuran konten dengan cepat.
Telusuri
Halaman landing penelusuran
Halaman penelusuran menampilkan kotak penelusuran dengan kueri penelusuran yang disarankan berdasarkan penelusuran terbaru.
Penelusuran aktif
Ketika pengguna berfokus pada kotak penelusuran, keyboard akan muncul, dan hasil di bawah akan diperbarui secara dinamis seiring pengguna mengetik.
Detail entitas
Detail landing
Halaman detail menyajikan tampilan sinematik dengan ringkasan plot singkat dan tombol pesan ajakan (CTA) yang terlihat jelas untuk menonton film.
Pemeran dan kru
Bagian Cast and Crew menampilkan deretan kartu klasik dengan judul dan deskripsi, masing-masing disertai aset gambar 2:3.
Rating
Bagian rating menampilkan kartu lebar klasik kustom yang menyertakan informasi tambahan.
Pemutaran
Pemutar video
Pemutar video standar dengan praktik terbaik.
Setelan pemutar video
Pop-up teks tertutup pada pemutar video.
Setelan
Setelan akun
Tata letak halaman akun menampilkan desain dua kolom dengan komponen daftar di sebelah kiri dan komponen kartu kustom di sebelah kanan, yang disusun dalam format petak.
Dialog hapus akun
Kotak dialog dirancang dengan latar belakang yang kontras agar terlihat berbeda dari bagian layar lainnya. Dua tombol dalam dialog ini disejajarkan ke kiri untuk tampilan yang bersih dan teratur.
Tentang
Bagian Tentang menampilkan panel sebelah kanan dengan tampilan teks yang dapat di-scroll.
Setelan subtitel
Komponen daftar digunakan untuk menampilkan berbagai setelan di bawah subtitel, dan menggunakan tindakan seperti tombol atau label.
Histori
Histori penelusuran menggunakan tata letak yang menampilkan daftar kueri yang ditelusuri sebelumnya, beserta opsi untuk menghapus semua histori penelusuran.
Bantuan
Bagian Bantuan dan Dukungan menggunakan komponen daftar kustom untuk menampilkan berbagai opsi, termasuk informasi kontak dan FAQ.
