MediaHub

Apa ini

Portal multimedia biasanya mewarisi bahasa visual CMS di belakangnya: kartu abu-abu membulat, kotak pencarian, tanpa kesan yang tinggal. Proyek ini mulai dari arah sebaliknya. Hierarki konten dikerjakan lebih dulu dan menentukan identitas yang cukup lantang untuk diingat.

Kenapa gayanya berupa aturan

Garis hitam tebal, bayangan offset keras, marigold di atas hitam, tipografi display memenuhi frame. Media itu visual, jadi antarmuka membingkainya seperti poster, bukan bersaing lewat kesan halus.

Model kontennya datar dan bertipe. Video, audio, gambar, dan artikel adalah empat bentuk dari satu hal, dibedakan oleh media kind dan kumpulan field khusus tipe, sehingga tampilan browse, pencarian, dan detail tetap seragam tanpa bercabang empat arah.

Next.js App Router dengan TypeScript. Metadata item dimuat lebih dulu sementara media berat di-cache dan disajikan dari edge. Filter kategori hidup di URL state, jadi tampilan terfilter bisa dibagikan sebagai tautan. Tipografi dan spacing ditokenkan sejak awal, sehingga gaya yang lantang murah diterapkan tanpa pengecualian.

Identitasnya bertahan di halaman dalam karena aturannya mutlak: setiap kartu memakai border 3px dan bayangan 8px. Satu elemen dengan bayangan lembut atau border 1px dan seluruh frame terbaca sebagai rusak.