Medium
koran putih krem ing jam emas
Medium iki fungsine kaya ruang maca sastra sing ditransplantasi menyang web: latar mburi sing anget lan krem (#f7f4ed) ngganti warna putih steril khas SaaS, nggawe teks dawa krasa kaya kaca sing dicithak. Sistem visual iki monokrom kanthi agresif—meh kabeh permukaan UI, teks, lan wates ana ing pita sempit abu-abu anget wiwit saka #242424 nganti #6b6b6b—dadi perhatian pamaca fokus banget marang isine. Siji-sijine isyarat khas yaiku judhul serif (GT Super, 120px, bobot 400, jarak huruf -0.055em), pilihan anti-tren sing disengaja: font serif buku transisi sing diskalakake kanggo tampilan, meh ora katon tinimbang sans-serif geometris sing kandel, menehi sinyal: "Kita nerbitake buku, dudu piranti lunak." Tombol-tombol kasebut kebak "pil" meh ireng - siji-sijine tinta padat ing kaca kasebut.
Halaman ngarep nduweni rong kolom: sisih kiwa ngenggoni ~55% papan kaca, kanthi judhul, subteks, lan ajakan tumindak disusun vertikal kanthi jarak internal sing cukup; sisih tengen ngenggoni ~45% papan kaca, kanthi panel ilustrasi. Kolom kiwa rata kiwa (ora ana ing tengah), sing nahan kaca menyang sumbu maca. Ing ngisor halaman ngarep, kaca kasebut ana garis tunggal, ambane lengkap, warna krem kanthi pranala ing tengah ing sikil. Ora ana kisi kertu, bagean fitur, utawa garis selang-seling ing halaman ngarep—halaman ngarep AKU kaca. Kapadhetan konten sengaja kurang: siji judhul, siji ukara, siji tombol, siji gambar. Kaca kasebut minangka sampul, dudu dasbor.
Ilustrasi-ilustrasi kasebut awujud editorial lan episodik, ora sistematis. Kaca utama nampilake ilustrasi gambar tangan tunggal (kembang ijo, tangan geometris, garis rasi lintang) kanthi gaya sing longgar lan rada polos. Ilustrasi-ilustrasi kasebut katon kaya karya sing dipesen sing owah miturut musim, dudu saka perpustakaan permanen. Ora ana foto ing kaca utama. Ora ana ikon ing kaca utama—kabeh karya ditindakake dening logo teks lan teks. Basa visual utamane berorientasi teks, kanthi ilustrasi dadi tandha wacan.
Palet
Netral
- Newsprint Cream
#f7f4ed— Kanvas kaca, latar mburi jendela utama, lan latar mburi bagean nduweni warna anget lan rada krem sing nggawe kesan antarmuka sing dicithak tinimbang antarmuka digital. - Paper White
#ffffff— Permukaan kertu, panel sing ditinggikake, kolom entri formulir, lan permukaan apa wae sing kudu dipisahake saka kanvas krim. - Ink
#242424— Isi teks, isi teks, pranala, irah-irahan - rada luwih anget tinimbang ireng murni, katon apik ing latar mburi krem. - Body Gray
#333333— Werna teks sekunder lan werna latar ngarep gawan digunakake nalika mbutuhake werna sing rada luwih padhang tinimbang werna tinta tanpa kelangan kontras. - Button Black
#191919— Werna netral didhukung kanggo elemen UI sekunder, pembagi, lan label sing dibisu. Werna iki ora kena digunakake minangka werna utama kanggo ajakan tumindak. - Marginalia Gray
#6b6b6b— Dhukungan warna netral kanggo UI sekunder, pembagi, lan label sing diredam.
Tipografi
saka 13 nganti 120px · 5 langkah
- medium-content-sans-serif-font — panggantos: Inter · garis besar 400 · font sans-serif isi-medium - ditemokake ing data sing dijupuk nanging ora diterangake dening AI.
- GT Super — panggantos: Playfair Display · garis besar 400 · Judhul lan teks awak minangka font serif buku transisional kanthi skala ekstrem kanthi jarak huruf sing rapet lan jarak baris 0,83. Pilihan bobot 400 (ora kandel) ing 120px minangka fitur khas: bentuk huruf, dudu bobote, sing nindakake pakaryan. Jarak huruf negatif nyempitake celah optik, nggawe "Crita lan Ide Manungsa" krasa kaya blok tipografi sing kohesif.
- Söhne — panggantos: Inter · garis besar 400 · Font sans-serif UI digunakake kanggo navigasi, tombol, subjudul, lan judhul cilik. Rentang 13–14px kanggo label navigasi lan tombol; 20–22px kanggo subjudul lan teks sekunder ing sajroning judhul. Sans-serif sing resik kanthi proporsi humanistik bisa diwaca ing ukuran cilik lan ora ngganggu ing ukuran sing luwih gedhe.
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | rata-rata |
| Langkah dhasar | 16-24px |
| Radius tombol | 9999px |
| Radius kertu | 0px |
| Bayangan | ora ana wates tinimbang bayangan |
| Antarane bagean | 64px |
| Ambane kaca | 1200px |
AI bakal mbangun situs web sampeyan nganggo gaya Medium lan ngisi situs kasebut
- Isi nganggo produk lan kiriman liwat pranala - Instagram, TikTok, Facebook.
- Transfer konten saka situs lawasmu—cukup sebutna alamate.
- Desain modern nganggo mesin paling apik: React ( Next.js) nganggo rendering server lan optimasi SEO sing wis ana.
- Optimasi SEO otomatis kanggo asil panelusuran lan rekomendasi jaringan saraf.
Gaya sing padha
- Steep — Analisis Font Serif ing Kertas Anget
- Newformcap — Koran redaksi ing ruang ganti
- Claude — Artefak sing dicithak ing perkamen anget—tinta ing kertas balung, lempung minangka siji-sijine ambegan warna
- 11x– Digital workers — Tanah gersang editorial sinematik—foto panorama lanskap sing dipasang ing ngarepe judhul serif monumental sing diwaca kaya panyebaran majalah mewah
- Revolut — Karya editorial monokrom adhedhasar foto mega—tinta putih, kancing kotak obat, sepotong garis biru warna ing jagad abu-abu.
- Scheduling — Tinta editorial ing kertas krem
- Titan — arsip monokrom kanthi warna anget
- Programa — Studio desain Swiss ing wayah awan. Tembok galeri putih disinari lampu meja kuning siji—kabeh wernane abu-abu nganti ana tombol, ikon, utawa aksen sing narik kawigaten, banjur aksen kuning siji kuwi nemtokake kabeh ruangan.
- Sana Agents — Jeruk nipis berkilau ing latar mburi putih ing editorial
- Visual — Samizdat editorial sing anget. Kertas krem, poster serif, marginalia monokrom, siji spidol kuning.
- Midday — Brosur editorial nganggo vellum - judhul serif 72px ing latar watu sing anget, salinan awak sans-serif kanthi jarak, kontrol awujud pil, tanpa bayangan
- Chat for impact — Klinik ijo alas kanthi kamar-kamar warna pastel