Network · article-card
Article card
News: one lead article, then rows separated by hairlines. The kicker carries the category and, when a division wrote it, its line badge.
Archive
The lead has a 16:9 image beside the text and its title in type-display-lg. Rows have a two-line dek, a byline and an optional 3:2 thumbnail. The English article gets lang="en" and an English byline automatically.
OlahragaDEPOLDepartemen Olahraga
Tiga hal yang kami pelajari dari Shenzhen Cup
Dari jadwal pertandingan sampai transportasi antarkampus: catatan panitia untuk turnamen tahun ini.
PanduanPKAPerkembangan Karir dan Akademik
Panduan memperpanjang residence permit untuk mahasiswa baru
Dokumen yang perlu disiapkan, urutan langkahnya, dan berapa lama prosesnya biasanya berjalan.
OrganisasiBPHBadan Pengurus Harian
Mengenal kepengurusan 2026/2027
Delapan divisi, enam kampus, dan siapa yang bisa kamu hubungi untuk apa.
Guide
Your first month in Shenzhen: a checklist
Bank card, SIM, metro and payments, in the order that saves you the most queues.
Show codeHide code
<ArticleLead article={lead} media={<Image … alt="" />} linkAs={NextLink} />
<div className="border-t">
{rows.map((a) => <ArticleRow key={a.href} article={a} linkAs={NextLink} />)}
</div>Compact
Title and date, for side lists.
Show codeHide code
<ArticleCompact article={article} />Rules
- Bylines follow the article's language: “By … · Oct 13, 2026 · 4 min read”; “Oleh … · 13 Okt 2026 · 4 menit baca”; “… · 2026年10月13日 · 阅读约4分钟”.
- Hover, focus and loading behave like the departure row.
Don’t
A grid of three or more same-size article cards.
Do
One lead, then rows.