Medium
surat khabar putih berkrim pada waktu keemasan
Medium berfungsi seperti bilik bacaan sastera yang dipindahkan ke web: latar belakang yang hangat dan berkrim (#f7f4ed) menggantikan warna putih steril tipikal SaaS, menjadikan teks panjang terasa seperti halaman yang dicetak. Sistem visualnya monokrom secara agresif—hampir semua permukaan UI, teks dan sempadan berada dalam jalur kelabu hangat yang sempit antara #242424 hingga #6b6b6b—jadi perhatian pembaca tertumpu sepenuhnya pada kandungan. Satu-satunya isyarat khas ialah tajuk utama serif (GT Super, 120px, berat 400, jarak huruf -0.055em), pilihan anti-trend yang disengajakan: fon serif buku peralihan yang diskalakan untuk paparan, hampir tidak ketara dan bukannya sans-serif geometri yang berani, memberi isyarat: "Kami menerbitkan buku, bukan perisian." Butangnya berwarna "pil" penuh hampir hitam - satu-satunya dakwat padu pada halaman.
Laman utama mempunyai dua lajur: bahagian kiri mengambil ~55% ruang halaman, dengan tajuk utama, subteks dan seruan bertindak disusun secara menegak dengan jarak dalaman yang luas; bahagian kanan mengambil ~45% ruang halaman, dengan panel ilustrasi. Lajur kiri dijajarkan ke kiri (tidak berpusat), menghubungkan halaman pada paksi bacaan. Di bawah laman utama, halaman tersebut terdapat jalur tunggal berwarna krim lebar penuh dengan pautan berpusat di pengaki. Tiada grid kad, bahagian ciri atau jalur berselang-seli di laman utama—laman utama ADALAH sebuah halaman. Ketumpatan kandungan sengaja rendah: satu tajuk utama, satu ayat, satu butang, satu imej. Halaman tersebut adalah kulit, bukan papan pemuka.
Ilustrasi-ilustrasi ini bersifat editorial dan episodik, bukan sistematik. Halaman utama menampilkan ilustrasi lukisan tangan tunggal (bunga hijau, tangan geometri, garisan buruj) dalam gaya yang longgar dan sedikit naif. Ilustrasi-ilustrasi tersebut kelihatan seperti karya termaju yang berubah mengikut musim, bukannya dari perpustakaan tetap. Tiada gambar di halaman utama. Tiada ikon di halaman utama—semua kerja dilakukan oleh logo teks dan teks. Bahasa visual terutamanya berorientasikan teks, dengan ilustrasi berfungsi sebagai tanda baca.
Palet
Neutral
- Newsprint Cream
#f7f4ed— Kanvas halaman, latar belakang tetingkap utama dan latar belakang bahagian mempunyai warna hangat dan sedikit berkrim yang mewujudkan rasa antara muka bercetak dan bukannya digital. - Paper White
#ffffff— Permukaan kad, panel timbul, medan entri borang dan sebarang permukaan yang perlu diasingkan daripada kanvas krim. - Ink
#242424— Teks isi, teks isi, pautan, tajuk - sedikit lebih hangat daripada hitam tulen, kelihatan cantik pada latar belakang krim. - Body Gray
#333333— Warna teks sekunder dan warna latar depan lalai digunakan apabila warna yang sedikit lebih cerah daripada warna dakwat diperlukan tanpa kehilangan kontras. - Button Black
#191919— Warna neutral disokong untuk elemen UI sekunder, pembahagi dan label yang disenyapkan. Ia tidak boleh digunakan sebagai warna utama untuk seruan bertindak. - Marginalia Gray
#6b6b6b— Sokongan warna neutral untuk UI sekunder, pembahagi dan label yang disenyapkan.
Tipografi
dari 13 hingga 120 piksel · 5 langkah
- medium-content-sans-serif-font — penggantian: Inter · garis besar 400 · fon sans-serif kandungan-sederhana - terdapat dalam data yang diekstrak tetapi tidak diterangkan oleh AI.
- GT Super — penggantian: Playfair Display · garis besar 400 · Tajuk dan teks badan merupakan fon serif buku peralihan pada skala ekstrem dengan jarak huruf yang ketat dan jarak baris 0.83. Pilihan pemberat 400 (tidak tebal) pada 120px merupakan ciri istimewa: bentuk huruf, bukan pemberatnya, yang berfungsi. Jarak huruf negatif menyempitkan jurang optik, menjadikan "Cerita dan Idea Manusia" terasa seperti blok tipografi yang padu.
- Söhne — penggantian: Inter · garis besar 400 · Fon sans-serif UI digunakan untuk navigasi, butang, subtajuk dan tajuk kecil. Julat 13–14px adalah untuk label dan butang navigasi; 20–22px adalah untuk subtajuk dan teks sekunder dalam tajuk. Sans-serif yang bersih dengan perkadaran humanistik boleh dibaca pada saiz kecil dan tidak mengganggu pada saiz yang lebih besar.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | purata |
| Langkah asas | 16-24px |
| Jejari butang | 9999px |
| Jejari kad | 0px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 64px |
| Lebar halaman | 1200px |
AI akan membina laman web anda dalam gaya Medium dan mengisinya
- Isi dengan produk dan siaran melalui pautan - Instagram, TikTok, Facebook.
- Pindahkan kandungan dari tapak lama anda—cuma nyatakan alamatnya.
- Reka bentuk moden pada enjin terbaik: React ( Next.js) dengan pemaparan pelayan dan pengoptimuman SEO sedia ada.
- Pengoptimuman SEO automatik sepenuhnya untuk hasil carian dan cadangan rangkaian saraf.
Gaya yang serupa
- Steep — Analisis Fon Serif pada Kertas Hangat
- Newformcap — Akhbar editorial di bilik persalinan
- Claude — Artifak yang dicetak pada kertas kulit yang hangat—dakwat pada kertas tulang, tanah liat sebagai satu-satunya nafas warna
- 11x– Digital workers — Sebuah kawasan terbiar editorial sinematik—gambar panorama landskap yang berlatarbelakangkan tajuk utama serif monumental yang berbunyi seperti hamparan majalah mewah
- Revolut — Sebuah karya editorial monokrom berdasarkan gambar awan—dakwat putih, butang kotak pil, sejalur biru berwarna tunggal dalam dunia skala kelabu.
- Scheduling — Dakwat editorial pada kertas krim
- Titan — arkib monokrom bertona hangat
- Programa — Sebuah studio reka bentuk Switzerland pada waktu tengah hari. Dinding galeri putih diterangi oleh satu lampu meja kuning—semuanya berwarna kelabu sehingga butang, ikon atau aksen menarik perhatian, dan kemudian aksen kuning tunggal itu mendefinisikan seluruh bilik.
- Sana Agents — Kilauan limau pada latar belakang putih dalam editorial
- Visual — Samizdat editorial yang hangat. Kertas krim, poster serif, marginalia monokrom, satu penanda kuning.
- Midday — Brosur editorial pada vellum - tajuk utama serif 72px pada latar belakang batu yang hangat, salinan badan sans-serif dengan jarak, kawalan berbentuk pil, tiada bayang-bayang
- Chat for impact — Klinik hijau hutan dengan bilik berwarna pastel