Medium
ntawv xov xwm dawb creamy thaum lub sijhawm kub
Nruab nrab ua haujlwm zoo li chav nyeem ntawv uas tau hloov mus rau hauv lub vev xaib: keeb kwm yav dhau sov so (#f7f4ed) hloov qhov dawb huv uas zoo li SaaS, ua rau cov ntawv ntev zoo li nplooj ntawv luam tawm. Lub kaw lus pom yog monochrome heev - yuav luag txhua qhov chaw UI, ntawv nyeem, thiab ciam teb yog nyob rau hauv ib txoj kab nqaim ntawm cov xim grey sov so xws li #242424 txog #6b6b6b - yog li tus nyeem ntawv lub siab xav tsom mus rau cov ntsiab lus. Tsuas yog lub cim kos npe yog lub npe serif (GT Super, 120px, qhov hnyav 400, qhov sib nrug ntawm tsab ntawv -0.055em), kev xaiv tawm tsam kev hloov pauv: phau ntawv serif hloov pauv scaled rau kev tso saib, tsis tshua pom tseeb dua li lub geometric sans-serif, qhia tias: "Peb luam tawm phau ntawv, tsis yog software." Cov nyees khawm yog "tshuaj" puv ntawm yuav luag dub - tsuas yog cov kua nplaum khov kho ntawm nplooj ntawv.
Lub nplooj ntawv tseem ceeb muaj ob kab: sab laug siv li ~ 55% ntawm qhov chaw ntawm nplooj ntawv, nrog rau lub npe, cov ntawv hauv qab, thiab kev hu kom ua haujlwm teeb tsa ntsug nrog qhov sib nrug dav sab hauv; sab xis siv li ~ 45% ntawm qhov chaw ntawm nplooj ntawv, nrog rau vaj huam sib luag duab. Kab sab laug yog sab laug-khi (tsis nyob nruab nrab), anchoring nplooj ntawv rau ntawm txoj kab nyeem ntawv. Hauv qab lub nplooj ntawv tseem ceeb, nplooj ntawv yog ib daim kab xev, dav tag nrho, xim dawb nrog cov kev sib txuas hauv nruab nrab hauv qab. Tsis muaj daim npav grids, cov ntu feature, lossis cov kab txaij hloov pauv ntawm nplooj ntawv tseem ceeb - nplooj ntawv tseem ceeb YOG ib nplooj ntawv. Cov ntsiab lus ceev yog txhob txwm qis: ib lub npe, ib kab lus, ib lub pob, ib daim duab. Nplooj ntawv yog daim npog, tsis yog lub dashboard.
Cov duab kos yog cov duab kho thiab cov duab qhia txog ntu, tsis yog cov duab uas muaj txheej txheem. Nplooj ntawv tseem ceeb muaj ib daim duab kos tes (ib lub paj ntsuab, ib txhais tes geometric, cov kab hnub qub) uas tsis muaj qauv zoo nkauj. Cov duab kos zoo li cov haujlwm uas tau xaj los hloov pauv raws caij nyoog, tsis yog los ntawm lub tsev qiv ntawv tas mus li. Tsis muaj duab thaij ntawm nplooj ntawv tseem ceeb. Tsis muaj cov cim ntawm nplooj ntawv tseem ceeb - txhua txoj haujlwm yog ua los ntawm lub logo ntawv thiab cov ntawv nyeem. Cov lus pom yog cov ntawv nyeem, nrog rau cov duab kos ua cov cim cim.
Xim av
Nruab nrab
- Newsprint Cream
#f7f4ed— Cov ntaub thaiv nplooj ntawv, keeb kwm yav dhau ntawm lub qhov rais tseem ceeb, thiab keeb kwm yav dhau ntawm seem yog xim sov so, me ntsis creamy uas tsim kom muaj kev xav ntawm lub interface luam tawm es tsis yog lub digital. - Paper White
#ffffff— Cov nto ntawm daim npav, cov vaj huam sib luag uas tsa siab, cov teb nkag daim ntawv, thiab txhua qhov chaw uas yuav tsum tau cais tawm ntawm daim ntaub canvas xim av. - Ink
#242424— Cov ntawv sau hauv lub cev, cov ntawv sau hauv lub cev, cov kev sib txuas, cov ntawv sau hauv qab - sov dua li cov xim dub ntshiab me ntsis, zoo nkauj rau ntawm keeb kwm yav dhau los xim dawb. - Body Gray
#333333— Cov xim ntawv thib ob thiab cov xim pem hauv ntej yog siv rau qhov uas xav tau xim sib dua li cov xim number case yam tsis poob qhov sib piv. - Button Black
#191919— Xim nruab nrab yog siv tau rau cov ntsiab lus UI thib ob, cov khoom faib, thiab cov ntawv lo uas tsis muaj suab. Nws yuav tsum tsis txhob siv ua xim tseem ceeb rau kev hu kom ua. - Marginalia Gray
#6b6b6b— Kev txhawb nqa xim nruab nrab rau UI theem nrab, cov khoom faib, thiab cov ntawv lo tsis muaj suab.
Kev sau ntawv
txij li 13 mus txog 120px · 5 kauj ruam
- medium-content-sans-serif-font — hloov: Inter · cov qauv qhia 400 · cov ntawv medium-content-sans-serif - pom nyob rau hauv cov ntaub ntawv rho tawm tab sis tsis tau piav qhia los ntawm AI.
- GT Super — hloov: Playfair Display · cov qauv qhia 400 · Cov ntawv sau ua ntej thiab cov ntawv sau hauv qab yog cov ntawv sau ua phau ntawv hloov pauv uas muaj qhov loj heev nrog qhov sib nrug ntawm cov ntawv me me thiab qhov sib nrug ntawm kab yog 0.83. Kev xaiv qhov hnyav 400 (tsis yog tuab) ntawm 120px yog qhov tshwj xeeb: cov ntawv sau, tsis yog qhov hnyav, ua haujlwm. Qhov sib nrug ntawm cov ntawv tsis zoo ua rau qhov sib txawv ntawm qhov muag nqaim dua, ua rau "Cov Dab Neeg thiab Cov Tswv Yim ntawm Tib Neeg" zoo li yog ib daim ntawv sau ua ke.
- Söhne — hloov: Inter · cov qauv qhia 400 · Cov ntawv UI sans-serif siv rau kev taw qhia, cov nyees khawm, cov ntawv me, thiab cov npe me. Qhov ntau thiab tsawg 13–14px yog rau cov ntawv cim thiab cov nyees khawm kev taw qhia; 20–22px yog rau cov ntawv me thiab cov ntawv thib ob hauv lub npe. Ib qho sans-serif huv si nrog cov qauv zoo li tib neeg nyeem tau yooj yim ntawm cov me me thiab tsis pom tseeb ntawm cov loj dua.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | nruab nrab |
| Kauj ruam yooj yim | 16-24px |
| Lub vojvoog ntawm lub pob | 9999px |
| Lub vojvoog ntawm daim npav | 0px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 64px |
| Qhov dav ntawm nplooj ntawv | 1200px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Medium thiab sau nws
- Sau cov khoom thiab cov ntawv tshaj tawm los ntawm qhov txuas - Instagram, TikTok, Facebook.
- Hloov cov ntsiab lus ntawm koj lub xaib qub - tsuas yog qhia qhov chaw nyob xwb.
- Tsim qauv niaj hnub ntawm lub cav zoo tshaj plaws: React ( Next.js) nrog rau kev ua haujlwm ntawm lub server thiab kev ua kom zoo dua SEO tawm ntawm lub thawv.
- Kev ua kom zoo dua SEO tag nrho rau cov txiaj ntsig tshawb nrhiav thiab cov lus pom zoo ntawm neural network.
Cov qauv zoo sib xws
- Steep — Kev Tshawb Fawb Txog Serif Fonts Ntawm Daim Ntawv Sov
- Newformcap — Cov ntawv xov xwm hauv chav hnav khaub ncaws
- Claude — Ib yam khoom cuav luam tawm rau ntawm daim ntawv sov so - kua mem rau ntawm daim ntawv pob txha, av nplaum ua pa xim xwb
- 11x– Digital workers — Ib thaj chaw uas tsis muaj neeg pom zoo li zaj yeeb yaj kiab—cov duab panoramic ntawm thaj av uas teeb tsa nrog cov ntawv xov xwm loj loj uas nyeem zoo li phau ntawv xov xwm kim heev.
- Revolut — Ib txoj haujlwm kho kom zoo nkauj monochrome raws li daim duab ntawm cov huab—xim dawb, cov nyees khawm tshuaj, ib txoj kab xiav ntawm xim hauv lub ntiaj teb grey.
- Scheduling — Cov kua mem sau rau ntawm daim ntawv nplaum
- Titan — Cov ntaub ntawv monochrome sov so
- Programa — Ib lub studio tsim qauv Swiss thaum tav su. Phab ntsa dawb ntawm lub tsev khaws puav pheej ci ntsa iab los ntawm ib lub teeb daj ntawm lub rooj - txhua yam yog xim grey kom txog thaum lub pob, lub cim, lossis cov khoom dai kom zoo nkauj ntes tau lub qhov muag, thiab tom qab ntawd ib qho khoom dai kom zoo nkauj daj ntawd qhia txog tag nrho chav.
- Sana Agents — Txiv qaub ntsuab ci ntsa iab rau ntawm keeb kwm yav dhau dawb hauv kev sau xov xwm
- Visual — Cov ntawv sau sov so zoo nkauj heev. Ntawv dawb, cov ntawv tshaj tawm serif, cov ntawv marginalia monochrome, ib tus cwj mem daj.
- Midday — Daim ntawv qhia txog kev sau ntawv txog vellum - 72px serif lub npe ntawm lub keeb kwm yav dhau los ntawm pob zeb sov so, daim ntawv theej sans-serif nrog qhov sib nrug, kev tswj hwm zoo li tshuaj ntsiav, tsis muaj duab ntxoov ntxoo
- Chat for impact — Ib lub tsev kho mob ntsuab hauv hav zoov nrog cov chav xim pastel