Medium
kreemjasvalge ajaleht kuldsel tunnil
Meedium toimib nagu veebi siirdatud kirjanduslik lugemissaal: soe, kreemjas taust (#f7f4ed) asendab SaaS-ile iseloomulikku steriilset valget, pannes pikad tekstid tunduma trükitud lehe moodi. Visuaalne süsteem on agressiivselt monokroomne – peaaegu kõik kasutajaliidese pinnad, tekst ja äärised on kitsas soojade hallide toonide ribas vahemikus #242424 kuni #6b6b6b –, nii et lugeja tähelepanu on täielikult keskendunud sisule. Ainus iseloomulik žest on serif-pealkiri (GT Super, 120px, kaal 400, tähevahe -0,055em), mis on teadlik trendivastane valik: kuvamiseks skaleeritud ülemineku raamatuserif-font, mis on vaevumärgatav, mitte julge geomeetriline sans-serif, annab märku: "Me avaldame raamatuid, mitte tarkvara." Nupud on peaaegu musta värvi "pillid" – ainus tahke tint lehel.
Avalehel on kaks veergu: vasak pool võtab enda alla ~55% lehepinnast, kus pealkiri, alltekst ja üleskutse tegevusele on vertikaalselt paigutatud helde sisemise reavahega; parem pool võtab enda alla ~45% lehepinnast ja seal on illustratsioonide paneel. Vasak pool on vasakule joondatud (mitte tsentreeritud), ankurdades lehe lugemisteljega. Avalehe all on üks täislaiune kreemikas riba, mille jaluses on tsentreeritud lingid. Avalehel ei ole kaardiruudustikku, funktsioonide jaotisi ega vahelduvaid triipe – avaleht ON leht. Sisu tihedus on tahtlikult madal: üks pealkiri, üks lause, üks nupp, üks pilt. Leht on kaanekujundus, mitte armatuurlaud.
Illustratsioonid on toimetuse poolt välja antud ja episoodilised, mitte süstemaatilised. Pealehel on üks käsitsi joonistatud illustratsioon (roheline lill, geomeetriline käsi, tähtkuju jooned) vabas, kergelt naiivses stiilis. Illustratsioonid näevad välja nagu tellimustööd, mis vahelduvad hooajaliselt, mitte aga pärinevad püsivast teegist. Pealehel fotosid pole. Pealehel ikoone pole – kogu töö teevad ära tekstipõhine logo ja tekst. Visuaalne keel on peamiselt tekstile orienteeritud, illustratsioonid toimivad kirjavahemärkidena.
Palett
Neutraalne
- Newsprint Cream
#f7f4ed— Lehekülje lõuend, põhiakna taust ja sektsiooni taust on soojas, kergelt kreemikas toonis, mis loob pigem trükitud kui digitaalse liidese tunde. - Paper White
#ffffff— Kaardipinnad, tõstetud paneelid, vormi sisestusväljad ja kõik pinnad, mis tuleb kreemikast lõuendist eraldada. - Ink
#242424— Põhitekst, sisutekst, lingid, pealkirjad – veidi soojem kui puhas must, näeb kreemjal taustal hea välja. - Body Gray
#333333— Teisese tekstivärvi ja vaike-esiplaani värvi kasutatakse juhul, kui on vaja tindivärvist veidi heledamat värvi, kaotamata kontrasti. - Button Black
#191919— Neutraalset värvi toetatakse kasutajaliidese sekundaarsete elementide, eraldajate ja summutatud siltide jaoks. Seda ei tohiks kasutada tegevusele kutsuvate tekstide põhivärvina. - Marginalia Gray
#6b6b6b— Neutraalsete värvide tugi teisese kasutajaliidese, eraldajate ja summutatud siltide jaoks.
Tüpograafia
13-st 120 pikslini · 5 sammu
- medium-content-sans-serif-font — asendamine: Inter · kontuurid 400 · medium-content-sans-serif font – leitud andmetest, kuid tehisintellekt seda ei kirjelda.
- GT Super — asendamine: Playfair Display · kontuurid 400 · Pealkirjad ja põhitekst on üleminekufondi stiilis raamatuserif, millel on äärmiselt suur skaala, tihe tähevahe ja reavahe 0,83. 400-ne (mitte paks) font 120 piksli juures on iseloomulik tunnusjoon: töö teevad ära tähekujud, mitte kaal. Negatiivne tähevahe vähendab optilisi lünki, muutes teose "Inimlood ja ideed" ühtseks tüpograafiliseks plokiks.
- Söhne — asendamine: Inter · kontuurid 400 · Kasutajaliidese sans-serif fonti kasutatakse navigeerimise, nuppude, alapealkirjade ja väikeste pealkirjade jaoks. 13–14 pikslit on navigeerimissiltide ja nuppude jaoks; 20–22 pikslit on alapealkirjade ja pealkirja sees oleva lisateksti jaoks. Puhas ja inimlike proportsioonidega sans-serif font on väikeste suuruste puhul loetav ja suuremate puhul silmapaistmatu.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | keskmine |
| Põhisamm | 16-24px |
| Nupu raadius | 9999px |
| Kaardi raadius | 0px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 64px |
| Lehe laius | 1200px |
Tehisintellekt loob teie veebisaidi Medium stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- Steep — Serif-fontide analüüs soojal paberil
- Newformcap — Toimetuse ajaleht riietusruumis
- Claude — Soojale pärgamendile trükitud artefakt – tint luupaberil, savi ainsa värvilaiguna
- 11x– Digital workers — Filmiline toimetuse tühermaa – panoraamfotod maastikust monumentaalsete serif-pealkirjade taustal, mis kõlavad nagu luksusajakirja avaleht.
- Revolut — Pilvede fotol põhinev monokroomne toimetustöö – valge tint, tabletikarbi nööbid, üks sinine värvitriip muidu halltoonides maailmas.
- Scheduling — Toimetuse tint kreemika paberi peal
- Titan — soojades toonides monokroomne arhiiv
- Programa — Šveitsi disainistuudio keskpäeval. Valget galeriiseina valgustab üksainus kollane laualamp – kõik on hallides toonides, kuni mõni nupp, ikoon või aktsent pilku köidab, ja siis see üksainus kollane aktsent tähistab kogu ruumi.
- Sana Agents — Laimi sädelus valgel taustal toimetuslikus tekstis
- Visual — Soe toimetuse samizdat. Kreemikas paber, serif-plakatid, mustvalged marginaalid, üks kollane marker.
- Midday — Toimetuse brošüür pärgamendil - 72px serif pealkiri soojal kivitaustal, sans-serif põhitekst reavahedega, pillikujulised juhtnupud, varjudeta
- Chat for impact — Metsaroheline kliinik pastelsetes toonides ruumidega