Medium

papur newydd gwyn hufennog yn yr awr aur

Mae Medium yn gweithredu fel ystafell ddarllen lenyddol wedi'i thrawsblannu i'r we: mae cefndir cynnes, hufennog (#f7f4ed) yn disodli'r gwyn diffrwyth sy'n nodweddiadol o SaaS, gan wneud i destunau hir deimlo fel tudalen brintiedig. Mae'r system weledol yn unlliw ymosodol—mae bron pob arwyneb UI, testun, a ffiniau mewn band cul o lwyd cynnes yn amrywio o #242424 i #6b6b6b—felly mae sylw'r darllenydd wedi'i ganolbwyntio'n llwyr ar y cynnwys. Yr unig ystum llofnod yw'r pennawd serif (GT Super, 120px, pwysau 400, bylchau llythrennau -0.055em), dewis bwriadol gwrth-duedd: ffont serif llyfr trosiannol wedi'i raddio ar gyfer arddangos, prin yn amlwg yn hytrach na sans-serif geometrig beiddgar, yn arwydd: "Rydym yn cyhoeddi llyfrau, nid meddalwedd." Mae'r botymau yn "bilsen" llawn o liw bron yn ddu - yr unig inc solet ar y dudalen.

Mae gan yr hafan ddwy golofn: mae'r ochr chwith yn cymryd tua 55% o le'r dudalen, gyda'r pennawd, yr is-destun, a'r alwad i weithredu wedi'u trefnu'n fertigol gyda bylchau mewnol hael; mae'r ochr dde yn cymryd tua 45% o le'r dudalen, gyda phanel darlunio. Mae'r golofn chwith wedi'i halinio i'r chwith (heb ei chanoli), gan angori'r dudalen i'r echelin ddarllen. O dan yr hafan, mae'r dudalen yn stribed lliw hufen sengl, lled llawn, gyda dolenni canolog yn y droedyn. Dim gridiau cardiau, adrannau nodwedd, na streipiau bob yn ail ar yr hafan—mae'r hafan YN dudalen. Mae dwysedd y cynnwys yn fwriadol isel: un pennawd, un frawddeg, un botwm, un ddelwedd. Clawr yw'r dudalen, nid dangosfwrdd.

Mae'r darluniau'n olygyddol ac yn episodig, nid yn systematig. Mae'r brif dudalen yn cynnwys un darlun wedi'i dynnu â llaw (blodyn gwyrdd, llaw geometrig, llinellau cytser) mewn arddull rhydd, ychydig yn naïf. Mae'r darluniau'n edrych fel gweithiau comisiwn sy'n newid yn dymhorol, yn hytrach nag o lyfrgell barhaol. Nid oes unrhyw ffotograffau ar y brif dudalen. Nid oes unrhyw eiconau ar y brif dudalen—mae'r holl waith yn cael ei wneud gan y logo testun a'r testun. Mae'r iaith weledol yn bennaf yn destun-ganolog, gyda'r darluniau'n gweithredu fel atalnodi.

SaaS Pur Golygyddol Monocrom

https://medium.com

Palet

Niwtral

Newsprint Cream #f7f4ed — Mae cynfas y dudalen, cefndir y brif ffenestr, a chefndir yr adran yn arlliw cynnes, ychydig yn hufennog sy'n creu'r teimlad o ryngwyneb printiedig yn hytrach nag un digidol.
Paper White #ffffff — Arwynebau cardiau, paneli wedi'u codi, meysydd mewnbynnu ffurflenni, ac unrhyw arwynebau y mae angen eu gwahanu oddi wrth y cynfas hufen.
Ink #242424 — Testun corff, testun corff, dolenni, penawdau - ychydig yn gynhesach na du pur, yn edrych yn dda ar gefndir hufen.
Body Gray #333333 — Defnyddir y lliw testun eilaidd a'r lliw blaendir diofyn lle mae angen lliw ychydig yn ysgafnach na lliw'r inc heb golli cyferbyniad.
Button Black #191919 — Cefnogir lliw niwtral ar gyfer elfennau UI eilaidd, rhannwyr, a labeli tawel. Ni ddylid ei ddefnyddio fel y prif liw ar gyfer galwadau i weithredu.
Marginalia Gray #6b6b6b — Cefnogaeth lliw niwtral ar gyfer rhyngwyneb defnyddiwr eilaidd, rhannwyr, a labeli tawel.

Teipograffeg

o 13 i 120px · 5 cam

medium-content-sans-serif-font — amnewid: Inter · amlinelliadau 400 · ffont medium-content-sans-serif - i'w gael yn y data a echdynnwyd ond heb ei ddisgrifio gan y deallusrwydd artiffisial.
GT Super — amnewid: Playfair Display · amlinelliadau 400 · Mae'r penawdau a'r testun corff yn ffont serif llyfrau trosiannol ar raddfa eithafol gyda bylchau tynn rhwng llythrennau a bylchau llinell o 0.83. Mae'r dewis o bwysau o 400 (nid print trwm) ar 120px yn nodwedd arbennig: y ffurfiau llythrennau, nid y pwysau, sy'n gwneud y gwaith. Mae'r bylchau negyddol rhwng llythrennau yn culhau'r bylchau optegol, gan wneud i "Straeon a Syniadau Dynol" deimlo fel bloc teipograffig cydlynol.
Söhne — amnewid: Inter · amlinelliadau 400 · Defnyddir y ffont sans-serif UI ar gyfer llywio, botymau, is-benawdau, a theitlau bach. Mae'r ystod 13–14px ar gyfer labeli a botymau llywio; mae 20–22px ar gyfer is-benawdau a thestun eilaidd o fewn y teitl. Mae sans-serif glân gyda chyfrannau dynol yn ddarllenadwy mewn meintiau bach ac yn ddisylw mewn rhai mwy.

Cyfnodau a ffurf

Diben	Ystyr
Dwysedd	cyfartaledd
Cam sylfaenol	16-24px
Radiws botwm	9999px
Radiws y cerdyn	0px
Cysgodion	dim ffiniau yn lle cysgodion
Rhwng adrannau	64px
Lled y dudalen	1200px

Bydd AI yn adeiladu eich gwefan yn null Medium ac yn ei llenwi

Llenwch gyda chynhyrchion a phostiadau trwy'r ddolen - Instagram, TikTok, Facebook.
Trosglwyddo cynnwys o'ch hen wefan—nodwch y cyfeiriad yn unig.
Dyluniad modern ar yr injan orau: React ( Next.js) gyda rendro gweinydd ac optimeiddio SEO yn syth ar y bocs.
Optimeiddio SEO cwbl awtomataidd ar gyfer canlyniadau chwilio ac argymhellion rhwydwaith niwral.

Creu gwefan yn yr arddull hon

Arddulliau tebyg

Steep — Dadansoddiad o Ffontiau Serif ar Bapur Cynnes
Newformcap — Papur newydd golygyddol yn yr ystafell wisgo
Claude — Arteffact wedi'i argraffu ar femrwn cynnes—inc ar bapur asgwrn, clai fel yr unig anadl o liw
11x– Digital workers — Diffeithwch golygyddol sinematig—ffotograffau panoramig o'r dirwedd wedi'u gosod yn erbyn penawdau serif enfawr sy'n darllen fel lledaeniad cylchgrawn moethus
Revolut — Gwaith golygyddol monocrom yn seiliedig ar ffotograff o gymylau—inc gwyn, botymau blwch pils, un streipen las o liw mewn byd llwydfelyn fel arall.
Scheduling — Inc golygyddol ar bapur hufen
Titan — archif monocrom lliw cynnes
Programa — Stiwdio ddylunio o'r Swistir ganol dydd. Mae wal wen yr oriel wedi'i goleuo gan un lamp bwrdd felen—mae popeth mewn arlliwiau o lwyd nes bod botwm, eicon, neu acen yn dal y llygad, ac yna mae'r un acen felen honno'n diffinio'r ystafell gyfan.
Sana Agents — Llewyrch leim ar gefndir gwyn yn y golygyddol
Visual — Samizdat golygyddol cynnes. Papur hufen, posteri serif, ymylnodau monocrom, un marciwr melyn.
Midday — Llyfryn golygyddol ar felwm - pennawd serif 72px ar gefndir carreg gynnes, copi corff sans-serif gyda bylchau, rheolyddion siâp pilsen, dim cysgodion
Chat for impact — Clinig gwyrdd coedwig gydag ystafelloedd lliw pastel