Medium
krema nga puti nga mantalaan sa bulawanong oras
Ang medium naglihok sama sa usa ka literary reading room nga gibalhin ngadto sa web: usa ka mainiton ug krema nga background (#f7f4ed) ang mipuli sa sterile white nga tipikal sa SaaS, nga naghimo sa taas nga mga teksto nga mobati nga sama sa usa ka giimprinta nga panid. Ang visual system agresibo nga monochrome—halos tanan nga UI surfaces, teksto, ug mga border anaa sa usa ka pig-ot nga banda sa mainit nga gray gikan sa #242424 hangtod sa #6b6b6b—mao nga ang atensyon sa magbabasa hingpit nga naka-focus sa sulod. Ang bugtong signature gesture mao ang serif headline (GT Super, 120px, weight 400, letter spacing -0.055em), usa ka tinuyo nga anti-trend nga pagpili: usa ka transitional book serif font nga gi-scale para sa display, halos dili mamatikdan imbes nga usa ka bold geometric sans-serif, signal: "Nagmantala kami og mga libro, dili software." Ang mga butones puno sa "mga tableta" nga halos itom ang kolor - ang bugtong solidong tinta sa panid.
Ang homepage adunay duha ka kolum: ang wala nga bahin mo-okupar og ~55% sa espasyo sa panid, diin ang headline, subtext, ug call to action gihan-ay nga patindog nga adunay lapad nga internal spacing; ang tuo nga bahin mo-okupar og ~45% sa espasyo sa panid, nga adunay illustration panel. Ang wala nga kolum gi-align sa wala (dili nakasentro), nga nag-angkla sa panid sa reading axis. Sa ubos sa homepage, ang panid usa ka single, full-width, cream-colored strip nga adunay nakasentro nga mga link sa footer. Walay card grids, feature sections, o alternating stripes sa homepage—ang homepage usa ka panid. Ang content density gituyo nga ubos: usa ka headline, usa ka sentence, usa ka button, usa ka image. Ang panid usa ka cover, dili usa ka dashboard.
Ang mga ilustrasyon editoryal ug episodiko, dili sistematiko. Ang pangunang panid nagpakita sa usa ka ilustrasyon nga gidrowing sa kamot (usa ka berde nga bulak, usa ka geometric nga kamot, mga linya sa konstelasyon) sa usa ka luag ug medyo inosenteng estilo. Ang mga ilustrasyon morag mga gisugo nga mga buhat nga nag-usab-usab matag panahon, imbes nga gikan sa usa ka permanente nga librarya. Walay mga litrato sa pangunang panid. Walay mga icon sa pangunang panid—ang tanan nga trabaho gihimo sa logo sa teksto ug sa teksto. Ang biswal nga pinulongan panguna nga naka-focus sa teksto, diin ang mga ilustrasyon nagsilbing bantas.
Paleta
Neutral
- Newsprint Cream
#f7f4ed— Ang page canvas, background sa main window, ug background sa section kay init, medyo krema nga kolor nga nagmugna og pagbati nga daw usa ka giimprinta nga interface imbes nga digital. - Paper White
#ffffff— Mga nawong sa baraha, gipataas nga mga panel, mga entry field sa porma, ug bisan unsang mga nawong nga kinahanglan ibulag gikan sa krema nga canvas. - Ink
#242424— Ang lawas nga teksto, lawas nga teksto, mga sumpay, mga ulohan - medyo mas init kay sa puro nga itom, nindot tan-awon sa usa ka krema nga background. - Body Gray
#333333— Ang ikaduhang kolor sa teksto ug ang default nga kolor sa foreground gigamit diin gikinahanglan ang kolor nga mas hayag gamay kay sa kolor sa tinta nga dili mawala ang contrast. - Button Black
#191919— Gisuportahan ang neyutral nga kolor para sa mga secondary UI elements, dividers, ug muted labels. Dili kini angay gamiton isip primary color para sa mga call to action. - Marginalia Gray
#6b6b6b— Suporta sa neyutral nga kolor para sa sekondaryang UI, mga divider, ug mga muted label.
Tipograpiya
gikan sa 13 ngadto sa 120px · 5 ka lakang
- medium-content-sans-serif-font — kapuli: Inter · mga balangkas 400 · medium-content-sans-serif nga font - makita sa nakuha nga datos apan wala gihulagway sa AI.
- GT Super — kapuli: Playfair Display · mga balangkas 400 · Ang mga ulohan ug lawas sa teksto kay usa ka transitional book serif font sa grabeng sukod nga adunay hugot nga letter spacing ug 0.83 line spacing. Ang pagpili og 400 weight (dili bold) sa 120px usa ka signature feature: ang mga letterform, dili ang weight, ang mohimo sa trabaho. Ang negative letter spacing nagpagamay sa optical gaps, nga naghimo sa "Human Stories and Ideas" nga daw usa ka cohesive typographic block.
- Söhne — kapuli: Inter · mga balangkas 400 · Ang UI sans-serif font gigamit para sa nabigasyon, mga butones, mga subheading, ug gagmay nga mga titulo. Ang 13–14px range para sa mga nabigasyon nga label ug mga butones; 20–22px para sa mga subheading ug sekondaryang teksto sulod sa titulo. Ang limpyo nga sans-serif nga adunay tawhanong proporsyon mabasa sa gagmay nga mga gidak-on ug dili makahasol sa dagkong mga gidak-on.
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | aberids |
| Batakang lakang | 16-24px |
| Radius sa butones | 9999px |
| Radius sa kard | 0px |
| Mga anino | walay - mga utlanan imbes nga mga anino |
| Taliwala sa mga seksyon | 64px |
| Lapad sa panid | 1200px |
Ang AI motukod sa imong website sa estilo sa Medium ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- Steep — Pag-analisar sa mga Serif Font sa Mainit nga Papel
- Newformcap — Pamantalaan sa editoryal sa dressing room
- Claude — Usa ka artifact nga giimprinta sa init nga pergamino—tinta sa papel nga bukog, lapok isip bugtong gininhawa sa kolor
- 11x– Digital workers — Usa ka sinematikong editoryal nga kamingawan—mga panoramic nga litrato sa talan-awon nga gibutang batok sa mga monumento nga serif nga mga ulohan sa balita nga mabasa sama sa usa ka luho nga magasin
- Revolut — Usa ka monochrome nga obra sa editoryal nga gibase sa litrato sa mga panganod—puti nga tinta, mga butones sa pillbox, usa ka asul nga guhit sa kolor sa usa ka kalibutan nga unta abohon.
- Scheduling — Tinta sa editoryal sa krema nga papel
- Titan — archive sa monochrome nga init ang tono
- Programa — Usa ka Swiss design studio sa udto. Ang puti nga gallery wall gidan-agan sa usa ka dilaw nga table lamp—ang tanan kolor abohon hangtod nga adunay butones, icon, o accent nga mokuha sa atensyon, ug dayon kana nga usa ka dilaw nga accent ang mo-define sa tibuok kwarto.
- Sana Agents — Kalamansi nga nagkidlap sa puti nga background sa editoryal
- Visual — Mainit nga editoryal nga samizdat. Krema nga papel, serif nga mga poster, monochrome marginalia, usa ka dilaw nga marker.
- Midday — Brosyur sa editoryal sa vellum - 72px serif nga ulohan sa usa ka mainit nga bato nga background, sans-serif nga kopya sa lawas nga adunay gilay-on, porma sa pildoras nga mga kontrol, walay mga anino
- Chat for impact — Usa ka klinika nga berde sa lasang nga adunay mga kwarto nga kolor pastel