Reka Bentuk UI — StreamDotMy CMS · Junior Innovathon 2026

Design Tokens

Asas sistem reka bentuk — warna, tipografi, dan komponen yang konsisten merentas semua halaman.

Primary
#0d3b66

Primary Dark
#062c52

Accent
#ffc107

Accent Warm (CTA)
#ff6b35

Heading — Poppins

Body — Inter

Platform rasmi pertandingan inovasi pelajar Malaysia, dianjurkan oleh Jabatan Penyiaran Malaysia.

Untuk peranan Awam, Guru, dan Juri.

5 mockup

Hero banner, fasa pertandingan, jadual episod, statistik.

Wizard 5-langkah: sekolah → pasukan → peserta → bahan → semakan.

Senarai pasukan, status submission, profil sekolah.

Video player, slaid carousel, borang pemarkahan rubrik.

Perbualan AI chatbot dengan Guru tentang pendaftaran, hadiah, eskalasi helpdesk.

Untuk Admin dan SuperAdmin RTM.

4 mockup

Stats cards, carta trend, recent activity, episod akan datang.

Filter, bulk action, table dengan status, eksport Excel.

CMS halaman, pengumuman, media library dengan WYSIWYG.

3-tier dashboard, carta, peta Malaysia, eksport laporan.

Mockup dibina dengan Bootstrap 5.3 + Bootstrap Icons + Google Fonts (Poppins/Inter) via CDN.
Setiap halaman self-contained — boleh dibuka direct dalam browser.
Mobile-responsive automatik (Bootstrap grid).
Sample data dalam Bahasa Melayu dengan nama sekolah dan peserta yang realistik.
Tema warna RTM Biru Klasik + aksen kuning/oren untuk audien pelajar.
Untuk eksport PNG/PDF, gunakan browser screenshot atau Chrome DevTools (Cmd+Shift+P → "Capture full size screenshot").