Medium
kremblanka gazeto je ora horo
Medium funkcias kiel literatura legejo transplantita al la reto: varma, kremkolora fono (#f7f4ed) anstataŭigas la sterilan blankon tipan por SaaS, igante longajn tekstojn sentiĝi kiel presita paĝo. La vida sistemo estas agreseme monokroma — preskaŭ ĉiuj uzantinterfacaj surfacoj, teksto kaj randoj estas en mallarĝa bendo de varmaj grizoj intervalantaj de #242424 ĝis #6b6b6b — do la atento de la leganto estas tute koncentrita al la enhavo. La sola signatura gesto estas la serifa titolo (GT Super, 120px, pezo 400, interspaco inter literoj -0.055em), konscia kontraŭmoda elekto: transira libra serifa tiparo skalita por ekrano, apenaŭ rimarkebla anstataŭ aŭdaca geometria sanserifo, signalas: "Ni eldonas librojn, ne programaron." La butonoj estas plenaj "piloloj" de preskaŭ nigra koloro — la sola solida inko sur la paĝo.
La ĉefpaĝo havas du kolumnojn: la maldekstra flanko okupas ĉirkaŭ 55% de la paĝspaco, kun la titolo, subteksto kaj alvoko al ago aranĝitaj vertikale kun malavara interna interspaco; la dekstra flanko okupas ĉirkaŭ 45% de la paĝspaco, kun ilustraĵa panelo. La maldekstra kolumno estas maldekstre vicigita (ne centrita), ankrante la paĝon al la legakso. Sub la ĉefpaĝo, la paĝo estas ununura, plenlarĝa, kremkolora strio kun centritaj ligiloj en la piedlinio. Neniuj kartkradoj, trajtaj sekcioj aŭ alternaj strioj sur la ĉefpaĝo — la ĉefpaĝo JA estas paĝo. La enhavdenseco estas intence malalta: unu titolo, unu frazo, unu butono, unu bildo. La paĝo estas kovrilo, ne instrumentpanelo.
La ilustraĵoj estas redakciaj kaj epizodaj, ne sistemaj. La ĉefa paĝo prezentas unuopan mandesegnitan ilustraĵon (verda floro, geometria mano, konstelaciaj linioj) en loza, iom naiva stilo. La ilustraĵoj aspektas kiel menditaj verkoj, kiuj ŝanĝiĝas laŭsezone, anstataŭ el permanenta biblioteko. Ne estas fotoj sur la ĉefa paĝo. Ne estas ikonoj sur la ĉefa paĝo — la tutan laboron faras la teksta emblemo kaj la teksto. La vida lingvo estas ĉefe tekst-orientita, kun la ilustraĵoj servantaj kiel interpunkcio.
Paletro
Neŭtrala
- Newsprint Cream
#f7f4ed— La paĝkanvaso, la ĉefa fenestrofono kaj la sekcia fono estas varma, iomete kremeca nuanco, kiu kreas la senton de presita interfaco anstataŭ cifereca. - Paper White
#ffffff— Kartaj surfacoj, ŝvelintaj paneloj, formularaj enigkampoj, kaj ajnaj surfacoj, kiujn oni devas apartigi de la kremkolora kanvaso. - Ink
#242424— Korpteksto, korpteksto, ligiloj, titoloj - iomete pli varmaj ol pura nigra, aspektas bone sur kremkolora fono. - Body Gray
#333333— La duaranga tekstokoloro kaj defaŭlta malfonkoloro estas uzataj kiam koloro iomete pli hela ol la inkkoloro estas bezonata sen perdo de kontrasto. - Button Black
#191919— Neŭtrala koloro estas subtenata por duarangaj uzantinterfacaj elementoj, dividiloj kaj silentigitaj etikedoj. Ĝi ne devus esti uzata kiel la ĉefa koloro por alvokoj al ago. - Marginalia Gray
#6b6b6b— Subteno de neŭtralaj koloroj por duaranga uzantinterfaco, dividiloj kaj silentigitaj etikedoj.
Tipografio
de 13 ĝis 120 rastrumeroj · 5 paŝoj
- medium-content-sans-serif-font — anstataŭaĵo: Inter · konturoj 400 · tiparo medium-enhavo-sans-serif - trovebla en la ĉerpitaj datumoj sed ne priskribita de la artefarita inteligenteco.
- GT Super — anstataŭaĵo: Playfair Display · konturoj 400 · La titoloj kaj la teksto estas transira libro-serifa tiparo je ekstrema skalo kun densa interspaco inter literoj kaj interspaco inter linioj de 0,83 coloj. La elekto de pezo de 400 (ne grasa) je 120 rastrumeroj estas signifa trajto: la literformoj, ne la pezo, faras la laboron. La negativa interspaco inter literoj malvastigas la optikajn breĉojn, igante "Homaj Rakontoj kaj Ideoj" ŝajni kiel kohera tipografia bloko.
- Söhne — anstataŭaĵo: Inter · konturoj 400 · La UI-sanserifa tiparo estas uzata por navigado, butonoj, subtitoloj kaj malgrandaj titoloj. La intervalo de 13–14 rastrumeroj estas por navigadaj etikedoj kaj butonoj; 20–22 rastrumeroj estas por subtitoloj kaj duarangaj proporcioj ene de la titolo. Pura sanserifo kun humanismaj proporcioj estas legebla ĉe malgrandaj grandecoj kaj diskreta ĉe pli grandaj.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | averaĝa |
| Baza paŝo | 16-24px |
| Butona radiuso | 9999px |
| Karto-radiuso | 0px |
| Ombroj | ne - limoj anstataŭ ombroj |
| Inter sekcioj | 64px |
| Paĝlarĝo | 1200px |
AI konstruos vian retejon laŭ la stilo de Medium kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- Steep — Analizo de Serifaj Tiparoj sur Varma Papero
- Newformcap — Redakcia gazeto en la vestĉambro
- Claude — Artefakto presita sur varma pergameno — inko sur osta papero, argilo kiel la sola spiro de koloro
- 11x– Digital workers — Kinematografia redakcia dezertejo — panoramaj fotoj de la pejzaĝo kontraŭ monumentaj serifaj titoloj, kiuj legiĝas kiel luksa revuo.
- Revolut — Monokroma redakcia verko bazita sur foto de nuboj — blanka inko, butonoj de pilolujo, ununura blua kolorstrio en alie grizskala mondo.
- Scheduling — Redakcia inko sur kremkolora papero
- Titan — varm-tona monokroma arkivo
- Programa — Svisa dezajna studio tagmeze. La blanka galerio-muro estas lumigita de ununura flava tablolampo — ĉio estas en nuancoj de grizo ĝis butono, ikono aŭ akcento kaptas la atenton, kaj tiam tiu ununura flava akcento difinas la tutan ĉambron.
- Sana Agents — Limea brilo sur blanka fono en ĉefartikolo
- Visual — Varma redakcia samizdato. Kremkolora papero, serifaj afiŝoj, monokroma marĝeno, unu flava markilo.
- Midday — Redakcia broŝuro sur pergamentbiografio - 72-piksela serifa titolo sur varma ŝtona fono, sanserifa korpoteksto kun interspacigo, pilolformaj kontroloj, neniuj ombroj
- Chat for impact — Arbarverda kliniko kun pastelkoloraj ĉambroj