Design system media dan hiburan
Sistem desain yang diekstrak dari website berita, majalah, penerbitan, streaming, dan hiburan. Tipografi memimpin: font headline, byline, dan grid artikel, dengan warna yang dipakai secukupnya untuk rubrik dan ajakan bertindak.
2 contoh DESIGN.md di kategori ini, dari The Onion dan WIRED. Diekstrak dari halaman publik setiap situs, bukan pedoman brand resmi. Baru mengenal format ini? Baca apa itu DESIGN.md.
The Onion
The Onion adalah sistem desain sebuah koran satire digital: judul bergaya gothic sempit yang tebal dalam warna hitam, aksen hijau hutan yang khas (#006b3a) untuk label bagian, lencana tren, dan CTA, semuanya diletakkan di atas kanvas putih/abu-abu terang yang tegas. Tipografi menjadi alat desain utama. Huruf grotesk sempit dan semi-sempit dari Adobe Fonts (tablet-gothic, rocky-condensed) mendominasi judul, sementara utopia-std-caption menangani teks isi. Tata letaknya padat informasi, dengan grid kartu yang rapat, pemisah artikel berupa garis batas bawah, dan sudut yang nyaris tidak membulat pada elemen struktural. Elevasinya minimal, hanya beberapa bayangan halus pada lapisan overlay.
WIRED
WIRED-nin sistem desainnya adalah kerangka monokrom berkontras tinggi yang digerakkan oleh editorial dan dibangun di atas sistem tipografi milik sendiri (Breve Text, WIRED Mono, WiredDisplay, Apercu) dengan palet kromatik yang hampir nol. Hitam (#000000) mendominasi dengan 2961 kemunculan, menjadi penopang teks, garis tepi, ikon, dan status interaktif. Putih (#ffffff) menjadi permukaan utama. Warna aksen dipakai sangat hemat, hanya #057dbc sebagai biru merek untuk CTA berlangganan. Tata letaknya menggunakan grid cerita multi-kolom yang tertata, dengan spasi dasar 8px yang rapat, permukaan datar tanpa box shadow, dan radius sudut minimal (4px sebagai standar). Tipografi adalah pembeda utama: badan editorial memakai Breve Text 19px, label bagian memakai WIRED Mono dalam huruf kapital dengan letter-spacing yang dilebarkan, dan judul display memakai WiredDisplay. Keseluruhan estetikanya berwibawa, padat informasi, dan mengutamakan alur membaca.
Situs yang Anda cari tidak ada?
Tempel URL apa pun untuk mendapatkan DESIGN.md dari website apa pun. Warna, tipografi, spacing, dan token, siap untuk workflow AI Anda.