Medium
jounal blan krèm nan lè an lò
Medium fonksyone tankou yon sal lekti literè transplante sou entènèt la: yon background cho, krèm (#f7f4ed) ranplase blan esteril tipik SaaS la, sa ki fè tèks long yo santi tankou yon paj enprime. Sistèm vizyèl la agresivman monokrom—prèske tout sifas koòdone itilizatè yo, tèks, ak fwontyè yo nan yon bann etwat gri cho ki sòti nan #242424 rive nan #6b6b6b—kidonk atansyon lektè a konsantre nèt sou kontni an. Sèl jès siyati a se tit serif la (GT Super, 120px, pwa 400, espasman lèt -0.055em), yon chwa anti-tandans volontè: yon font serif liv tranzisyonèl ki adapte pou ekspozisyon, ki apèn aparan olye de yon sans-serif jewometrik fonse, siyal: "Nou pibliye liv, nou pa pibliye lojisyèl." Bouton yo se "grenn" plen ak koulè prèske nwa - sèl lank solid sou paj la.
Paj dakèy la gen de kolòn: bò gòch la pran apeprè 55% nan espas paj la, avèk tit la, sou-tèks la, ak apèl a aksyon an ranje vètikalman avèk yon espasman entèn jenere; bò dwat la pran apeprè 45% nan espas paj la, avèk yon panèl ilistrasyon. Kolòn gòch la aliyen agoch (li pa santre), sa ki ankre paj la nan aks lekti a. Anba paj dakèy la, paj la se yon sèl bann koulè krèm, tout lajè a, avèk lyen santre nan pye paj la. Pa gen griy kat, seksyon karakteristik, oswa bann altène sou paj dakèy la—paj dakèy la SE yon paj. Dansite kontni an ba entansyonèlman: yon tit, yon fraz, yon bouton, yon imaj. Paj la se yon kouvèti, pa yon tablodbò.
Ilistrasyon yo se editoryal ak epizodik, yo pa sistematik. Paj prensipal la prezante yon sèl ilistrasyon ki fèt alamen (yon flè vèt, yon men jewometrik, liy konstelasyon) nan yon stil ki lach, yon ti jan nayif. Ilistrasyon yo sanble ak travay kòmande ki chanje selon sezon yo, olye ke yo soti nan yon bibliyotèk pèmanan. Pa gen foto sou paj prensipal la. Pa gen ikòn sou paj prensipal la—tout travay la fèt pa logo tèks la ak tèks la. Langaj vizyèl la prensipalman oryante sou tèks, ak ilistrasyon yo ki sèvi kòm ponktiyasyon.
Palèt
Netral
- Newsprint Cream
#f7f4ed— Kanva paj la, background fenèt prensipal la, ak background seksyon an se yon koulè cho, yon ti kras krèm ki kreye sansasyon yon koòdone enprime olye de yon koòdone dijital. - Paper White
#ffffff— Sifas kat, panno an relief, chan pou antre fòm, ak nenpòt sifas ki bezwen separe ak twal krèm nan. - Ink
#242424— Kò tèks la, kò tèks la, lyen yo, tit yo - yon ti kras pi cho pase nwa pi, li bèl sou yon fon krèm. - Body Gray
#333333— Yo itilize koulè tèks segondè a ak koulè premye plan pa defo a lè yo bezwen yon koulè yon ti kras pi klè pase koulè lank lan san pèdi kontras. - Button Black
#191919— Yo sipòte yon koulè net pou eleman segondè nan koòdone itilizatè a, divizè yo, ak etikèt ki pa gen koulè. Li pa ta dwe itilize kòm koulè prensipal pou apèl a aksyon. - Marginalia Gray
#6b6b6b— Sipò koulè net pou koòdone itilizatè segondè, divizè, ak etikèt ki pa gen koulè.
Tipografi
soti nan 13 pou rive nan 120px · 5 etap
- medium-content-sans-serif-font — ranplasman: Inter · plan 400 · polis karaktè medium-content-sans-serif - yo jwenn li nan done yo te ekstrè yo men IA a pa dekri li.
- GT Super — ranplasman: Playfair Display · plan 400 · Tit yo ak kò tèks la se yon polis serif tranzisyonèl pou liv nan yon echèl ekstrèm ak yon espasman lèt sere ak yon espasman liy 0.83. Chwa yon epesè 400 (pa fonse) nan 120px se yon karakteristik siyati: fòm lèt yo, pa epesè a, ki fè travay la. Espasman lèt negatif la diminye espas optik yo, sa ki fè "Istwa ak Ide Imèn" santi tankou yon blòk tipografik ki byen lye.
- Söhne — ranplasman: Inter · plan 400 · Yo itilize font sans-serif UI a pou navigasyon, bouton, soutit, ak ti tit. Gam 13–14px la se pou etikèt navigasyon ak bouton; 20–22px la se pou soutit ak tèks segondè nan tit la. Yon sans-serif pwòp ak pwopòsyon imanistik lizib nan ti gwosè epi diskrè nan pi gwo gwosè.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | mwayèn |
| Etap debaz | 16-24px |
| Reyon bouton | 9999px |
| Reyon kat | 0px |
| Lonbray | pa gen fwontyè olye de lonbraj |
| Ant seksyon yo | 64px |
| Lajè paj la | 1200px |
IA ap bati sit entènèt ou a nan style Medium epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- Steep — Analiz Polis Serif sou Papye Cho
- Newformcap — Jounal editoryal nan chanm abiye a
- Claude — Yon atifak enprime sou parchemin cho—lank sou papye zo, ajil kòm sèl souf koulè
- 11x– Digital workers — Yon dezè editoryal sinematik—foto panoramik peyizaj la mete sou kote ak tit serif monimantal ki li tankou yon paj magazin liksye.
- Revolut — Yon travay editoryal monokrom ki baze sou yon foto nyaj—lank blan, bouton bwat grenn, yon sèl bann koulè ble nan yon mond gri.
- Scheduling — Lank editoryal sou papye krèm
- Titan — achiv monokrom ak ton cho
- Programa — Yon estidyo konsepsyon Swis a midi. Miray galeri blan an klere pa yon sèl lanp tab jòn—tout bagay nan tout koulè gri jiskaske yon bouton, yon ikòn, oswa yon aksan atire atansyon, epi sèl aksan jòn sa a defini tout chanm nan.
- Sana Agents — Briye sitwon sou yon fon blan nan editoryal la
- Visual — Samizdat editoryal cho. Papye krèm, afich serif, maj monokrom, yon makè jòn.
- Midday — Brochi editoryal sou velòm - tit serif 72px sou yon fon wòch cho, kò tèks san serif ak espasman, kontwòl ki gen fòm grenn, pa gen lonbraj
- Chat for impact — Yon klinik vèt forè ak chanm koulè pastel