Medium
kreminės baltos spalvos laikraštis auksine valanda
Terpė funkcionuoja kaip literatūros skaitykla, perkelta į internetą: šiltas, kreminis fonas (#f7f4ed) pakeičia sterilią baltą spalvą, būdingą SaaS, todėl ilgi tekstai atrodo kaip spausdintas puslapis. Vizualinė sistema yra agresyviai monochrominė – beveik visi vartotojo sąsajos paviršiai, tekstas ir rėmeliai yra siauroje šiltų pilkų atspalvių juostoje nuo #242424 iki #6b6b6b – todėl skaitytojo dėmesys visiškai sutelktas į turinį. Vienintelis skiriamasis gestas yra serifinė antraštė („GT Super“, 120 pikselių, storis 400, tarpai tarp raidžių –0,055em) – sąmoningas antimados pasirinkimas: pereinamasis knygos serifinis šriftas, pritaikytas rodymui, vos pastebimas, o ne paryškintas geometrinis be serifų, signalizuoja: „Mes leidžiame knygas, o ne programinę įrangą“. Mygtukai yra pilni beveik juodos spalvos „tablečių“ – vienintelio vientiso rašalo puslapyje.
Pradinis puslapis turi du stulpelius: kairioji pusė užima ~55 % puslapio vietos, o antraštė, potekstė ir raginimas veikti išdėstyti vertikaliai su dideliais tarpais; dešinioji pusė užima ~45 % puslapio vietos, joje yra iliustracijų skydelis. Kairysis stulpelis yra lygiuotas kairėje (ne centruotas), pritvirtindamas puslapį prie skaitymo ašies. Po pagrindiniu puslapiu yra viena, viso pločio, kreminės spalvos juostelė su centruotomis nuorodomis poraštėje. Pradiniame puslapyje nėra kortelių tinklelių, funkcijų skyrių ar pakaitomis einančių juostų – pagrindinis puslapis YRA puslapis. Turinio tankis yra sąmoningai mažas: viena antraštė, vienas sakinys, vienas mygtukas, vienas paveikslėlis. Puslapis yra viršelis, o ne ataskaitų skydelis.
Iliustracijos yra redakcinės ir epizodinės, o ne sisteminės. Pagrindiniame puslapyje yra viena ranka piešta iliustracija (žalias žiedas, geometrinė ranka, žvaigždynų linijos), sukurta laisvu, šiek tiek naiviu stiliumi. Iliustracijos atrodo kaip užsakomieji darbai, kurie keičiasi sezoniškai, o ne iš nuolatinės bibliotekos. Pagrindiniame puslapyje nėra nuotraukų. Pagrindiniame puslapyje nėra piktogramų – visą darbą atlieka tekstinis logotipas ir tekstas. Vizualinė kalba daugiausia orientuota į tekstą, o iliustracijos atlieka skyrybos ženklų funkciją.
Paletė
Neutralus
- Newsprint Cream
#f7f4ed— Puslapio drobė, pagrindinio lango fonas ir sekcijos fonas yra šilto, šiek tiek kreminio atspalvio, kuris sukuria spausdintos, o ne skaitmeninės sąsajos įspūdį. - Paper White
#ffffff— Kortelių paviršiai, iškilūs skydeliai, formos įvedimo laukai ir bet kokie paviršiai, kuriuos reikia atskirti nuo kreminės drobės. - Ink
#242424— Pagrindinis tekstas, pagrindinis tekstas, nuorodos, antraštės – šiek tiek šiltesnė nei gryna juoda spalva, gerai atrodo kreminiame fone. - Body Gray
#333333— Antrinė teksto spalva ir numatytoji priekinio plano spalva naudojamos ten, kur reikia šiek tiek šviesesnės nei rašalo spalva, neprarandant kontrasto. - Button Black
#191919— Antriniams vartotojo sąsajos elementams, skirtukams ir prislopintoms etiketėms palaikoma neutrali spalva. Ji neturėtų būti naudojama kaip pagrindinė spalva raginimams veikti. - Marginalia Gray
#6b6b6b— Neutralių spalvų palaikymas antrinei vartotojo sąsajai, skirtukams ir prislopintoms etiketėms.
Tipografija
nuo 13 iki 120 pikselių · 5 žingsniai
- medium-content-sans-serif-font — pakeitimas: Inter · kontūrai 400 · „medium-content-sans-serif“ šriftas – rastas išgautuose duomenyse, bet dirbtinis intelektas jo neaprašė.
- GT Super — pakeitimas: Playfair Display · kontūrai 400 · Antraštės ir pagrindinis tekstas – tai pereinamojo laikotarpio knygų serifinis šriftas, itin didelio mastelio, su tankiais tarpais tarp raidžių ir 0,83 eilutės tarpu. 400 storio (ne paryškintas) ir 120 pikselių pločio pasirinkimas yra skiriamasis bruožas: darbą atlieka raidžių formos, o ne storis. Neigiamas tarpas tarp raidžių sumažina optinius tarpus, todėl „Žmogaus istorijos ir idėjos“ atrodo kaip vientisas tipografinis blokas.
- Söhne — pakeitimas: Inter · kontūrai 400 · UI šriftas be serifų naudojamas navigacijai, mygtukams, paantraštėms ir mažiems pavadinimams. 13–14 pikselių diapazonas skirtas navigacijos etiketėms ir mygtukams; 20–22 pikselių diapazonas skirtas paantraštėms ir antriniam tekstui pavadinime. Švarus šriftas be serifų su humanistinėmis proporcijomis yra įskaitomas mažuose dydžiuose ir nepastebimas dideliuose.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | vidutinis |
| Pagrindinis žingsnis | 16-24px |
| Mygtuko spindulys | 9999px |
| Kortelės spindulys | 0px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 64px |
| Puslapio plotis | 1200px |
Dirbtinis intelektas sukurs jūsų svetainę Medium stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Steep — Serifinių šriftų analizė ant šilto popieriaus
- Newformcap — Redakcijos laikraštis persirengimo kambaryje
- Claude — Ant šilto pergamento atspausdintas artefaktas – rašalas ant kaulinio popieriaus, molis kaip vienintelis spalvos gūsis
- 11x– Digital workers — Kinematografiška redakcinė dykynė – panoraminės kraštovaizdžio nuotraukos, kontrastuojančios su monumentaliomis serifinėmis antraštėmis, kurios skamba tarsi prabangaus žurnalo lapas.
- Revolut — Monochrominis redakcinis darbas, paremtas debesų nuotrauka – baltas rašalas, dėžutės formos sagos, viena mėlyna spalvos juostelė kitaip pilkų atspalvių pasaulyje.
- Scheduling — Redakcijos rašalas ant kreminio popieriaus
- Titan — šiltų tonų monochrominis archyvas
- Programa — Šveicarijos dizaino studija vidurdienį. Baltą galerijos sieną apšviečia viena geltona stalinė lempa – viskas pilkų atspalvių, kol akį patraukia mygtukas, piktograma ar akcentas, ir tada tas vienas geltonas akcentas apibrėžia visą kambarį.
- Sana Agents — Žaliosios citrinos spindesys baltame fone redakciniame straipsnyje
- Visual — Šiltas redakcinis samizdatas. Kreminis popierius, plakatai su serifais, vienspalvės paraštės, vienas geltonas žymeklis.
- Midday — Redakcijos brošiūra ant pergamento – 72 pikselių antraštė su serifais šiltame akmens fone, tekstas be serifų su tarpais, piliulės formos valdikliai, be šešėlių
- Chat for impact — Miško žalumo klinika su pastelinių spalvų kambariais