Medium
altyn sagatda krem reňkli ak gazet
Medium web sahypasyna göçürilen edebi okaýyş otagy ýaly işleýär: ýyly, krem reňkli fon (#f7f4ed) SaaS-yň adaty ak reňkiniň ornuny tutýar we uzyn tekstleri çap edilen sahypa ýaly duýmaga mümkinçilik berýär. Wizual ulgam agressiw monohromdyr - ähli UI ýüzleri, tekst we çäkler diýen ýaly #242424-den #6b6b6b-a çenli gyzgyn çal reňkleriň dar zolagynda ýerleşýär - şonuň üçin okyjynyň ünsi doly mazmuna gönükdirilendir. Ýeke-täk gol çekiş jesti serif sözbaşysydyr (GT Super, 120px, agramy 400, harp aralygy -0.055em), bu bolsa bilkastlaýyn trende garşy saýlawdyr: görkezilmek üçin ölçeklendirilen, galyň geometrik sans-serif däl-de, asla duýulmaýan geçiş kitap serif şrifti: "Biz programma üpjünçiligini däl, kitaplary neşir edýäris" diýip alamat berýär. Düwmeler diýen ýaly gara reňkli doly "tabletkalar" - sahypadaky ýeke-täk berk syýa.
Baş sahypada iki sütün bar: çep tarap sahypanyň meýdanynyň ~55% -ni tutýar, sözbaşy, alt tekst we herekete çagyryş uly içki aralyk bilen dikligine ýerleşdirilen; sag tarap sahypanyň meýdanynyň ~45% -ni tutýar, surat paneli bilen. Çep sütün çep tarapa deňleşdirilen (merkezleşdirilmedik), sahypany okamak okuna berkidýär. Baş sahypanyň aşagynda sahypa aşaky böleginde merkezleşdirilen baglanyşyklary bolan ýeke-täk, doly giňlikdäki, krem reňkli zolakdyr. Baş sahypada kart torlary, aýratynlyk bölümleri ýa-da üýtgeýän zolaklar ýok - baş sahypa sahypadyr. Mazmun dykyzlygy bilgeşleýin pes: bir sözbaşy, bir jümle, bir düwme, bir surat. Sahypa gözegçilik paneli däl-de, daşky sahypadyr.
Suratlar redaksiýa we epizodik, sistematik däl. Esasy sahypada el bilen çekilen ýekeje surat (ýaşyl gül, geometrik el, ýyldyzlar toplumy çyzyklary) erkin, biraz sadaja stilde görkezilýär. Suratlar hemişelik kitaphanadan däl-de, möwsümleýin üýtgeýän sargyt edilen işlere meňzeýär. Esasy sahypada suratlar ýok. Esasy sahypada nyşanlar ýok - ähli iş tekst logotipi we tekst tarapyndan ýerine ýetirilýär. Wizual dil, esasan, tekste gönükdirilendir, suratlar bolsa punktuasiýa hökmünde hyzmat edýär.
Palitra
Neýtral
- Newsprint Cream
#f7f4ed— Sahypanyň kanwasy, esasy penjire fony we bölüm fony sanly interfeýsden has köp çap edilen interfeýs duýgusyny döredýän ýyly, biraz krem reňkli reňkdir. - Paper White
#ffffff— Kart ýüzleri, galdyrylan paneller, forma giriş meýdançalary we krem reňkli tuwaldan aýrylmaly islendik ýüzler. - Ink
#242424— Esasy tekst, esasy tekst, baglanyşyklar, sözbaşylar - arassa gara reňkden biraz ýylyrak, krem reňkli fonda gowy görünýär. - Body Gray
#333333— Ikinji derejeli tekst reňki we öň planyň öň tarapyndaky standart reňk, kontrasty ýitirmezden, syýa reňkinden biraz açyk reňk talap edilýän ýerlerde ulanylýar. - Button Black
#191919— Ikinji derejeli UI elementleri, bölüjiler we sessiz etiketkalar üçin neýtral reňk goldanylýar. Ol herekete çagyryşlar üçin esasy reňk hökmünde ulanylmaly däl. - Marginalia Gray
#6b6b6b— Ikinji derejeli interfeýs, bölüjiler we sessiz etiketler üçin neýtral reňk goldawy.
Tipografiýa
13-den 120 piksele çenli · 5 ädim
- medium-content-sans-serif-font — çalyşmak: Inter · konturlar 400 · orta mazmunly-serifsiz şrift - çykarylan maglumatlarda tapylýar, ýöne AI tarapyndan beýan edilmeýär.
- GT Super — çalyşmak: Playfair Display · konturlar 400 · Sözbaşylar we esasy tekstler gysga harp aralygy we 0,83 setir aralygy bolan örän uly ölçegli geçiş kitap serif şriftidir. 120 piksel ölçegli 400 agramly şriftiň (garaňky däl) saýlanmagy özboluşly aýratynlykdyr: agram däl-de, harp görnüşleri işleýär. Negatiw harp aralygy optiki boşluklary daraldýar we "Adam hekaýalary we pikirleri" bitewi tipografik blok ýaly duýulýar.
- Söhne — çalyşmak: Inter · konturlar 400 · UI sans-serif şrifti nawigasiýa, düwmeler, kiçi sözbaşylar we kiçi atlary ulanmak üçin ulanylýar. 13–14 piksel aralygy nawigasiýa bellikleri we düwmeler üçin; 20–22 piksel bolsa kiçi sözbaşylar we atdaky ikinji derejeli tekst üçindir. Gumanistik proporsiýalary bolan arassa sans-serif şrifti kiçi ölçeglerde okamaga aňsat, uly ölçeglerde bolsa göze ilmeýär.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | ortaça |
| Esasy ädim | 16-24px |
| Düwme radiusy | 9999px |
| Kart radiusy | 0px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 64px |
| Sahypanyň giňligi | 1200px |
Süni intellekt web sahypaňyzy Medium stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- Steep — Serif şriftleriniň "War Paper"-de seljermesi
- Newformcap — Geyinme otagyndaky redaksiýa gazeti
- Claude — Ýyly pergamente çap edilen artefakt — süňk kagyzyna syýa, reňkiň ýeke-täk dem alyşy hökmünde toýun
- 11x– Digital workers — Kinematografik redaksiýa çöli — peýzažyň panorama suratlary, kaşaň žurnallaryň ýaýradylyşy ýaly monumental serif başlyklarynyň fonunda ýerleşýär.
- Revolut — Bulutlaryň suratyna esaslanýan monohrom redaksiýa işi — ak syýa, tabletka gutusynyň düwmeleri, başgaça çal reňkli dünýäde ýekeje gök zolak.
- Scheduling — Kremli kagyzdaky redaksiýa syýasy
- Titan — ýyly reňkli monohrom arhiw
- Programa — Günortan wagty Şweýsariýanyň dizaýn studiýasy. Ak galereýanyň diwary ýekeje sary stol çyrasy bilen ýagtylandyrylýar — düwme, nyşan ýa-da aksent gözüňe düşýänçä hemme zat çal reňkde, soňra bolsa şol ýekeje sary aksent tutuş otagy kesgitleýär.
- Sana Agents — Redaksiýa makalasynda ak fonda laým ýalpyldawuklygy
- Visual — Redaksiýa üçin ýyly samizdat. Kremli kagyz, serif plakatlar, monohrom çetkiler, bir sary marker.
- Midday — Pergamentdäki redaksiýa broşýurasy - ýyly daş fonunda 72 pikselli serif sözbaşy, aralykly sans-serif esasy nusgasy, tabletka şekilli dolandyryş elementleri, kölegesiz
- Chat for impact — Pastel reňkli otaglary bolan tokaý-ýaşyl klinika