Medium
krēmīgi balta avīze zelta stundā
Medijs darbojas kā literāra lasītava, kas pārnesta tīmeklī: silts, krēmīgs fons (#f7f4ed) aizstāj SaaS raksturīgo sterili balto krāsu, liekot gariem tekstiem justies kā drukātai lapai. Vizuālā sistēma ir agresīvi vienkrāsaina — gandrīz visas lietotāja saskarnes virsmas, teksts un apmales atrodas šaurā siltu pelēko toņu joslā no #242424 līdz #6b6b6b —, tāpēc lasītāja uzmanība ir pilnībā koncentrēta uz saturu. Vienīgā raksturīgā žesta iezīme ir serifveida virsraksts (GT Super, 120 pikseļi, biezums 400, burtu atstarpe -0,055em), kas ir apzināta antitrenda izvēle: pārejas posma grāmatas serifveida fonts, kas pielāgots attēlošanai, tik tikko pamanāms, nevis trekns ģeometrisks sans-serif fonts, signalizē: "Mēs publicējam grāmatas, nevis programmatūru." Pogas ir pilnas gandrīz melnas krāsas "tabletes" — vienīgā vienkrāsainā tinte uz lapas.
Sākumlapai ir divas kolonnas: kreisā puse aizņem ~55% no lapas vietas, un virsraksts, apakšteksts un aicinājums uz darbību ir izvietoti vertikāli ar dāsnu iekšējo atstarpi; labā puse aizņem ~45% no lapas vietas, un tajā ir ilustrāciju panelis. Kreisā kolonna ir izlīdzināta pa kreisi (nevis centrēta), piesaistot lapu lasīšanas asij. Zem sākumlapas lapa ir viena, pilna platuma, krēmkrāsas josla ar centrētām saitēm kājenē. Sākumlapā nav karšu režģa, funkciju sadaļu vai mainīgu svītru — sākumlapa IR lapa. Satura blīvums ir apzināti zems: viens virsraksts, viens teikums, viena poga, viens attēls. Lapa ir vāks, nevis informācijas panelis.
Ilustrācijas ir redakcionālas un epizodiskas, nevis sistemātiskas. Galvenajā lapā ir viena ar roku zīmēta ilustrācija (zaļš zieds, ģeometriska roka, zvaigznāja līnijas) brīvā, nedaudz naivā stilā. Ilustrācijas izskatās pēc pasūtījuma darbiem, kas mainās sezonāli, nevis no pastāvīgas bibliotēkas. Galvenajā lapā nav fotogrāfiju. Galvenajā lapā nav ikonu — visu darbu veic teksta logotips un teksts. Vizuālā valoda galvenokārt ir orientēta uz tekstu, un ilustrācijas kalpo kā pieturzīmes.
Palete
Neitrāls
- Newsprint Cream
#f7f4ed— Lapas audekls, galvenā loga fons un sadaļas fons ir siltā, viegli krēmīgā tonī, kas rada drukātas, nevis digitālas saskarnes sajūtu. - Paper White
#ffffff— Kartīšu virsmas, paceltie paneļi, veidlapu ievades lauki un jebkuras virsmas, kas jāatdala no krēmkrāsas audekla. - Ink
#242424— Pamatteksts, pamatteksts, saites, virsraksti — nedaudz siltāk nekā tīri melna krāsa, labi izskatās uz krēmkrāsas fona. - Body Gray
#333333— Sekundārā teksta krāsa un noklusējuma priekšplāna krāsa tiek izmantotas, ja nepieciešama krāsa, kas ir nedaudz gaišāka par tintes krāsu, nezaudējot kontrastu. - Button Black
#191919— Neitrāla krāsa tiek atbalstīta sekundārajiem lietotāja interfeisa elementiem, atdalītājiem un klusinātām etiķetēm. To nevajadzētu izmantot kā galveno krāsu aicinājumiem uz darbību. - Marginalia Gray
#6b6b6b— Neitrālu krāsu atbalsts sekundārajam lietotāja interfeisam, atdalītājiem un klusinātām etiķetēm.
Tipogrāfija
no 13 līdz 120 pikseļiem · 5 soļi
- medium-content-sans-serif-font — nomaiņa: Inter · kontūras 400 · medium-content-sans-serif fonts — atrodams iegūtajos datos, bet mākslīgais intelekts to nav aprakstījis.
- GT Super — nomaiņa: Playfair Display · kontūras 400 · Virsraksti un pamatteksts ir pārejas grāmatas serif fonts ārkārtīgi lielā mērogā ar ciešu burtu atstarpi un 0,83 rindu atstarpi. 400 biezuma (nevis treknraksta) izvēle ar 120 pikseļiem ir raksturīga iezīme: darbu veic burtu formas, nevis biezums. Negatīvā burtu atstarpe sašaurina optiskās atstarpes, padarot "Cilvēku stāstus un idejas" par saskaņotu tipogrāfisku bloku.
- Söhne — nomaiņa: Inter · kontūras 400 · Lietotāja interfeisa sans-serif fonts tiek izmantots navigācijai, pogām, apakšvirsrakstiem un maziem virsrakstiem. 13–14 pikseļu diapazons ir paredzēts navigācijas etiķetēm un pogām; 20–22 pikseļi ir paredzēti apakšvirsrakstiem un sekundārajam tekstam virsrakstā. Tīrs sans-serif fonts ar cilvēciskām proporcijām ir salasāms mazos izmēros un neuzkrītošs lielākos.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | vidēji |
| Pamata solis | 16-24px |
| Pogas rādiuss | 9999px |
| Kartes rādiuss | 0px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 64px |
| Lapas platums | 1200px |
Mākslīgais intelekts izveidos jūsu vietni Medium stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- Steep — Serif fontu analīze uz silta papīra
- Newformcap — Redakcijas avīze ģērbtuvē
- Claude — Uz silta pergamenta iespiests artefakts — tinte uz kaulu papīra, māls kā vienīgā krāsas dvaša
- 11x– Digital workers — Kinematogrāfiska redakcionāla tuksnesis — panorāmas ainavas fotogrāfijas, kas kontrastē ar monumentāliem serif virsrakstiem, kas lasāmi kā luksusa žurnāla atvērums.
- Revolut — Monohroms redakcionāls darbs, kura pamatā ir mākoņu fotogrāfija — balta tinte, pogas tabletēm, viena zila krāsas josla citādi pelēktoņu pasaulē.
- Scheduling — Redakcijas tinte uz krēmkrāsas papīra
- Titan — siltu toņu melnbalts arhīvs
- Programa — Šveices dizaina studija pusdienlaikā. Balto galerijas sienu apgaismo viena dzeltena galda lampa — viss ir pelēkos toņos, līdz uzmanību piesaista kāda poga, ikona vai akcents, un tad šis viens dzeltenais akcents iezīmē visu telpu.
- Sana Agents — Laima dzirksts uz balta fona redakcijas instrukcijā
- Visual — Silts redakcionāls samizdats. Krēmkrāsas papīrs, serif plakāti, melnbaltas marginālijas, viens dzeltens marķieris.
- Midday — Redakcijas brošūra uz pergamenta papīra — 72 pikseļu serif virsraksts uz silta akmens fona, bez serif pamatteksts ar atstarpēm, tabletes formas vadības elementi, bez ēnām
- Chat for impact — Meža zaļa klīnika ar pasteļtoņu telpām