Medium
koran putih krem saat golden hour
Medium berfungsi seperti ruang baca sastra yang dipindahkan ke web: latar belakang hangat dan lembut (#f7f4ed) menggantikan warna putih steril yang khas dari SaaS, membuat teks panjang terasa seperti halaman cetak. Sistem visualnya sangat monokrom—hampir semua permukaan UI, teks, dan batas berada dalam pita sempit abu-abu hangat mulai dari #242424 hingga #6b6b6b—sehingga perhatian pembaca sepenuhnya terfokus pada konten. Satu-satunya ciri khas adalah judul serif (GT Super, 120px, bobot 400, spasi huruf -0,055em), pilihan anti-tren yang disengaja: font serif buku transisional yang diskalakan untuk tampilan, hampir tidak terlihat daripada sans-serif geometris yang tebal, memberi sinyal: "Kami menerbitkan buku, bukan perangkat lunak." Tombol-tombolnya berupa "pil" penuh warna hampir hitam - satu-satunya tinta padat di halaman tersebut.
Halaman beranda memiliki dua kolom: sisi kiri menempati sekitar 55% ruang halaman, dengan judul, subteks, dan ajakan bertindak yang disusun secara vertikal dengan spasi internal yang cukup lebar; sisi kanan menempati sekitar 45% ruang halaman, dengan panel ilustrasi. Kolom kiri rata kiri (tidak tengah), sehingga halaman tetap berada pada sumbu baca. Di bawah halaman beranda, halaman tersebut berupa strip tunggal berwarna krem dengan lebar penuh dan tautan yang terpusat di bagian bawah. Tidak ada grid kartu, bagian fitur, atau garis-garis bergantian di halaman beranda—halaman beranda ADALAH sebuah halaman. Kepadatan konten sengaja dibuat rendah: satu judul, satu kalimat, satu tombol, satu gambar. Halaman ini adalah sampul, bukan dasbor.
Ilustrasi-ilustrasi tersebut bersifat editorial dan episodik, bukan sistematis. Halaman utama menampilkan satu ilustrasi yang digambar tangan (bunga hijau, tangan geometris, garis-garis konstelasi) dengan gaya yang longgar dan sedikit naif. Ilustrasi-ilustrasi tersebut tampak seperti karya pesanan yang berubah setiap musim, bukan dari perpustakaan permanen. Tidak ada foto di halaman utama. Tidak ada ikon di halaman utama—semua pekerjaan dilakukan oleh logo teks dan teks itu sendiri. Bahasa visualnya terutama berorientasi pada teks, dengan ilustrasi berfungsi sebagai penanda.
Palet
Netral
- Newsprint Cream
#f7f4ed— Kanvas halaman, latar belakang jendela utama, dan latar belakang bagian memiliki warna hangat yang sedikit krem, yang menciptakan nuansa antarmuka cetak daripada antarmuka digital. - Paper White
#ffffff— Permukaan kartu, panel timbul, kolom isian formulir, dan permukaan apa pun yang perlu dipisahkan dari kanvas krem. - Ink
#242424— Teks isi, teks isi, tautan, judul - sedikit lebih hangat daripada hitam pekat, terlihat bagus di latar belakang krem. - Body Gray
#333333— Warna teks sekunder dan warna latar depan default digunakan ketika dibutuhkan warna yang sedikit lebih terang dari warna tinta tanpa mengurangi kontras. - Button Black
#191919— Warna netral didukung untuk elemen UI sekunder, pembatas, dan label yang redup. Warna ini tidak boleh digunakan sebagai warna utama untuk ajakan bertindak (call to action). - Marginalia Gray
#6b6b6b— Dukungan warna netral untuk UI sekunder, pembatas, dan label yang redup.
Tipografi
dari 13 hingga 120px · 5 langkah
- medium-content-sans-serif-font — penggantian: Inter · garis besar 400 · Font sans-serif dengan konten sedang - ditemukan dalam data yang diekstrak tetapi tidak dijelaskan oleh AI.
- GT Super — penggantian: Playfair Display · garis besar 400 · Judul dan teks isi menggunakan font serif buku transisional dengan skala ekstrem, jarak antar huruf yang rapat, dan spasi baris 0,83. Pilihan bobot 400 (tidak tebal) pada ukuran 120px merupakan ciri khasnya: bentuk huruf, bukan bobotnya, yang berperan penting. Spasi antar huruf negatif mempersempit celah optik, membuat "Human Stories and Ideas" terasa seperti blok tipografi yang kohesif.
- Söhne — penggantian: Inter · garis besar 400 · Font sans-serif UI digunakan untuk navigasi, tombol, subjudul, dan judul kecil. Rentang 13–14px digunakan untuk label navigasi dan tombol; 20–22px untuk subjudul dan teks sekunder di dalam judul. Sans-serif yang bersih dengan proporsi humanistik mudah dibaca pada ukuran kecil dan tidak mengganggu pada ukuran yang lebih besar.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | rata-rata |
| Langkah dasar | 16-24px |
| Radius tombol | 9999px |
| Radius kartu | 0px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 64px |
| Lebar halaman | 1200px |
AI akan membangun situs web Anda dengan gaya Medium dan mengisinya.
- Isi dengan produk dan postingan melalui tautan - Instagram, TikTok, Facebook.
- Pindahkan konten dari situs lama Anda—cukup tentukan alamatnya.
- Desain modern pada mesin terbaik: React ( Next.js) dengan rendering sisi server dan optimasi SEO langsung dari awal.
- Optimasi SEO otomatis sepenuhnya untuk hasil pencarian dan rekomendasi jaringan saraf.
Gaya serupa
- Steep — Analisis Huruf Serif pada Kertas Hangat
- Newformcap — Surat kabar editorial di ruang ganti
- Claude — Sebuah artefak yang dicetak di atas perkamen hangat—tinta di atas kertas tulang, tanah liat sebagai satu-satunya sentuhan warna.
- 11x– Digital workers — Sebuah lanskap editorial yang tandus secara sinematik—foto-foto panorama pemandangan yang dipadukan dengan judul-judul monumental bergaya serif yang tampak seperti halaman majalah mewah.
- Revolut — Sebuah karya editorial monokrom yang didasarkan pada foto awan—tinta putih, kancing kotak pil, satu garis warna biru di dunia yang didominasi warna abu-abu.
- Scheduling — Tinta editorial di atas kertas krem.
- Titan — arsip monokrom bernuansa hangat
- Programa — Sebuah studio desain Swiss di siang hari. Dinding galeri putih diterangi oleh satu lampu meja kuning—semuanya dalam nuansa abu-abu hingga sebuah tombol, ikon, atau aksen menarik perhatian, dan kemudian aksen kuning tunggal itu mendefinisikan seluruh ruangan.
- Sana Agents — Kilauan hijau limau di latar belakang putih dalam editorial.
- Visual — Samizdat editorial yang hangat. Kertas krem, poster serif, marginalia monokrom, satu spidol kuning.
- Midday — Brosur editorial di atas kertas vellum - judul serif 72px dengan latar belakang batu hangat, teks isi sans-serif dengan spasi, kontrol berbentuk pil, tanpa bayangan.
- Chat for impact — Klinik berwarna hijau hutan dengan ruangan-ruangan berwarna pastel.