Medium
koran bodas krem dina jam emas
Médiumna fungsina kawas rohangan maca sastra anu ditransplantasikeun ka wéb: latar tukang anu haneut sareng creamy (#f7f4ed) ngagantikeun bodas steril has SaaS, ngajantenkeun téks anu panjang karasa sapertos halaman anu dicitak. Sistem visualna agrésif monokrom—ampir sadaya permukaan UI, téks, sareng wates aya dina pita sempit abu-abu haneut mimitian ti #242424 dugi ka #6b6b6b—janten perhatian pamaca fokus kana eusina. Hiji-hijina gerakan khas nyaéta judul serif (GT Super, 120px, beurat 400, jarak hurup -0.055em), pilihan anti-tren anu disengaja: font serif buku transisional diskalakeun pikeun tampilan, ampir teu katingali tibatan sans-serif géométri anu kandel, sinyal: "Kami nyebarkeun buku, sanés parangkat lunak." Tombol-tombolna pinuh ku "pil" warna ampir hideung - hiji-hijina tinta padet dina halaman.
Halaman utama ngagaduhan dua kolom: sisi kénca ngeusian ~55% rohangan halaman, kalayan judul, subtéks, sareng ajakan pikeun bertindak disusun sacara vertikal kalayan jarak internal anu lega; sisi katuhu ngeusian ~45% rohangan halaman, kalayan panel ilustrasi. Kolom kénca diratakeun ka kénca (henteu di tengah), ngajangkarkeun halaman kana sumbu bacaan. Di handap halaman utama, halaman éta aya hiji strip warna krem lebar pinuh kalayan tautan di tengah dina footer. Teu aya grid kartu, bagian fitur, atanapi garis silih genti dina halaman utama — halaman utama MANGRUPAKEUN hiji halaman. Kapadetan eusi ngahaja handap: hiji judul, hiji kalimah, hiji tombol, hiji gambar. Halaman éta mangrupikeun panutup, sanés dasbor.
Ilustrasina éditorial sareng episodik, sanés sistematis. Kaca utama nampilkeun hiji ilustrasi anu digambar ku leungeun (kembang héjo, leungeun géométri, garis rasi béntang) dina gaya anu leupas sareng rada polos. Ilustrasina katingalina sapertos karya anu dipesen anu robih dumasar kana usum, sanés tina perpustakaan permanén. Teu aya poto dina kaca utama. Teu aya ikon dina kaca utama—sadaya padamelan dilakukeun ku logo téks sareng téks. Basa visual utamina berorientasi téks, kalayan ilustrasi anu janten tanda baca.
Palet
Nétral
- Newsprint Cream
#f7f4ed— Kanvas halaman, latar tukang jandela utama, sareng latar tukang bagian mangrupikeun warna anu haneut sareng rada krem anu nyiptakeun rarasaan antarmuka anu dicitak tinimbang anu digital. - Paper White
#ffffff— Beungeut kartu, panel anu ditinggikeun, widang entri formulir, sareng permukaan naon waé anu kedah dipisahkeun tina kanvas krim. - Ink
#242424— Eusi téks, eusi téks, tautan, judul - rada haneut tibatan hideung murni, katingalina saé dina latar tukang krem. - Body Gray
#333333— Warna téks sekundér sareng warna latar hareup standar dianggo nalika warna anu rada langkung caang tibatan warna tinta diperyogikeun tanpa kaleungitan kontras. - Button Black
#191919— Warna nétral dirojong pikeun élémen UI sekundér, pambagi, sareng labél anu dibungkem. Warna ieu teu kedah dianggo salaku warna primér pikeun ajakan bertindak. - Marginalia Gray
#6b6b6b— Pangrojong warna nétral pikeun UI sekundér, pambagi, sareng labél anu diredam.
Tipografi
ti 13 nepi ka 120px · 5 léngkah
- medium-content-sans-serif-font — panggantian: Inter · garis besar 400 · font sans-serif eusi-sedeng - kapanggih dina data anu diekstrak tapi teu dijelaskeun ku AI.
- GT Super — panggantian: Playfair Display · garis besar 400 · Judul sareng eusi téksna mangrupikeun font serif buku transisional dina skala anu ekstrim kalayan jarak hurup anu rapet sareng jarak baris 0,83. Pilihan beurat 400 (henteu kandel) dina 120px mangrupikeun fitur khas: bentuk hurupna, sanés beuratna, anu ngalakukeun padamelanna. Jarak hurup négatip ngaheureutan celah optik, ngajantenkeun "Carita sareng Gagasan Manusa" karasa sapertos blok tipografi anu kohesif.
- Söhne — panggantian: Inter · garis besar 400 · Font sans-serif UI dianggo pikeun navigasi, tombol, subjudul, sareng judul alit. Rentang 13–14px kanggo labél navigasi sareng tombol; 20–22px kanggo subjudul sareng téks sekundér dina judul. Sans-serif anu bersih kalayan proporsi humanistik tiasa dibaca dina ukuran alit sareng henteu ngaganggu dina ukuran anu langkung ageung.
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | rata-rata |
| Léngkah dasar | 16-24px |
| Radius tombol | 9999px |
| Radius kartu | 0px |
| Kalangkang | euweuh - wates tinimbang kalangkang |
| Antara bagian | 64px |
| Lebar kaca | 1200px |
AI bakal ngawangun situs wéb anjeun dina gaya Medium sareng ngeusianana
- Eusian ku produk sareng postingan ngalangkungan tautan - Instagram, TikTok, Facebook.
- Mindahkeun eusi tina situs lami anjeun—cukup sebutkeun alamatna.
- Desain modéren dina mesin pangsaéna: React ( Next.js) kalayan rendering server sareng optimasi SEO anu tos siap dianggo.
- Optimasi SEO otomatis pinuh pikeun hasil pamilarian sareng rekomendasi jaringan saraf.
Gaya anu sami
- Steep — Analisis Hurup Serif dina Kertas Haneut
- Newformcap — Koran éditorial di ruang ganti baju
- Claude — Artefak anu dicitak dina perkamen haneut—tinta dina kertas tulang, liat salaku hiji-hijina napas warna
- 11x– Digital workers — Tanah éditorial sinematik anu kosong—poto panorama bentang alam anu dipasang dina judul serif monumental anu dibaca kawas panyebaran majalah méwah.
- Revolut — Karya éditorial monokrom dumasar kana poto méga—tinta bodas, kancing kotak pil, hiji belang biru warna dina dunya anu biasana kulawu.
- Scheduling — Tinta éditorial dina kertas krim
- Titan — arsip monokrom warna haneut
- Programa — Studio desain Swiss nalika wanci tengah poé. Témbok galeri bodas disinari ku hiji lampu méja konéng—sadayana warnana kulawu nepi ka aya tombol, ikon, atawa aksen anu narik perhatian, terus éta aksen konéng ngahartikeun sakabéh rohangan.
- Sana Agents — Jeruk nipis berkilauan dina latar bodas dina éditorial
- Visual — Samizdat éditorial anu haneut. Kertas krim, poster serif, marginalia monokrom, hiji spidol konéng.
- Midday — Brosur éditorial dina vellum - judul serif 72px dina latar batu anu haneut, salinan awak sans-serif kalayan jarak, kontrol bentuk pil, tanpa kalangkang
- Chat for impact — Klinik héjo leuweung kalayan rohangan warna pastel