Medium
kremasto bijele novine u zlatnom satu
Medij funkcionira poput čitaonice književnosti presađene na web: topla, kremasta pozadina (#f7f4ed) zamjenjuje sterilno bijelu boju tipičnu za SaaS, čineći da dugi tekstovi izgledaju kao odštampana stranica. Vizualni sistem je agresivno monohromatski - gotovo sve UI površine, tekst i okviri su u uskom pojasu toplih sivih tonova u rasponu od #242424 do #6b6b6b - tako da je pažnja čitaoca potpuno usmjerena na sadržaj. Jedini prepoznatljivi gest je serifni naslov (GT Super, 120px, težina 400, razmak između slova -0.055em), namjerni anti-trend izbor: prelazni serifni font za knjige skaliran za prikaz, jedva primjetan, a ne podebljani geometrijski sans-serif, signalizira: "Objavljujemo knjige, a ne softver." Dugmad su pune "pilule" gotovo crne boje - jedina čvrsta tinta na stranici.
Početna stranica ima dvije kolone: lijeva strana zauzima ~55% prostora stranice, s naslovom, podtekstom i pozivom na akciju raspoređenim vertikalno s velikim unutarnjim razmakom; desna strana zauzima ~45% prostora stranice, s panelom s ilustracijama. Lijeva kolona je poravnata lijevo (nije centrirana), usidrujući stranicu na osu čitanja. Ispod početne stranice, stranica je jedna, puna širina, krem boje traka s centriranim linkovima u podnožju. Nema mreža kartica, odjeljaka s značajkama ili naizmjeničnih pruga na početnoj stranici - početna stranica JESTE stranica. Gustoća sadržaja je namjerno niska: jedan naslov, jedna rečenica, jedno dugme, jedna slika. Stranica je korica, a ne kontrolna ploča.
Ilustracije su uredničke i epizodne, a ne sistematske. Glavna stranica sadrži jednu ručno crtanu ilustraciju (zeleni cvijet, geometrijska ruka, linije sazviježđa) u slobodnom, pomalo naivnom stilu. Ilustracije izgledaju kao naručeni radovi koji se mijenjaju sezonski, a ne iz stalne biblioteke. Na glavnoj stranici nema fotografija. Nema ikona na glavnoj stranici - sav posao obavljaju tekstualni logotip i tekst. Vizuelni jezik je prvenstveno orijentisan na tekst, a ilustracije služe kao interpunkcija.
Paleta
Neutralno
- Newsprint Cream
#f7f4ed— Platno stranice, pozadina glavnog prozora i pozadina sekcije su tople, blago kremaste nijanse koja stvara osjećaj štampanog interfejsa, a ne digitalnog. - Paper White
#ffffff— Površine kartica, podignuti paneli, polja za unos obrazaca i sve površine koje je potrebno odvojiti od kremaste podloge. - Ink
#242424— Tekst u tijelu, linkovi, naslovi - nešto topliji od čisto crne, dobro izgleda na krem pozadini. - Body Gray
#333333— Sekundarna boja teksta i zadana boja prednjeg plana koriste se tamo gdje je potrebna boja nešto svjetlija od boje tinte bez gubitka kontrasta. - Button Black
#191919— Neutralna boja je podržana za sekundarne UI elemente, razdjelnike i prigušene oznake. Ne bi se trebala koristiti kao primarna boja za pozive na akciju. - Marginalia Gray
#6b6b6b— Podrška za neutralne boje za sekundarni korisnički interfejs, razdjelnike i prigušene oznake.
Tipografija
od 13 do 120px · 5 koraka
- medium-content-sans-serif-font — zamjena: Inter · obrisi 400 · font medium-content-sans-serif - pronađen u izdvojenim podacima, ali ga vještačka inteligencija nije opisala.
- GT Super — zamjena: Playfair Display · obrisi 400 · Naslovi i glavni tekst su fontom sa prelaznim serifom u ekstremnoj skali sa uskim razmakom između slova i razmakom između redova od 0,83. Izbor težine 400 (ne podebljano) na 120px je karakteristična karakteristika: oblici slova, a ne težina, obavljaju posao. Negativni razmak između slova sužava optičke praznine, čineći da "Ljudske priče i ideje" djeluju kao kohezivni tipografski blok.
- Söhne — zamjena: Inter · obrisi 400 · UI sans-serif font se koristi za navigaciju, dugmad, podnaslove i male naslove. Raspon od 13-14px je za navigacijske oznake i dugmad; 20-22px je za podnaslove i sekundarni tekst unutar naslova. Čist sans-serif font s humanističkim proporcijama je čitljiv pri malim veličinama, a neupadljiv pri većim.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prosjek |
| Osnovni korak | 16-24px |
| Radijus dugmeta | 9999px |
| Radijus kartice | 0px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 64px |
| Širina stranice | 1200px |
Vještačka inteligencija će izgraditi vašu web stranicu u Medium stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- Steep — Analiza serifnih fontova na toplom papiru
- Newformcap — Uredničke novine u garderobi
- Claude — Artefakt otisnut na toplom pergamentu - tinta na koštanom papiru, glina kao jedini dašak boje
- 11x– Digital workers — Filmska urednička pustoš - panoramske fotografije pejzaža nasuprot monumentalnim serifnim naslovima koji se čitaju kao duplerica luksuznog časopisa
- Revolut — Monohromatski urednički rad zasnovan na fotografiji oblaka - bijela tinta, dugmad na kutiji za tablete, jedna plava pruga boje u inače sivom svijetu.
- Scheduling — Urednička tinta na krem papiru
- Titan — toplotonska monohromatska arhiva
- Programa — Švicarski dizajnerski studio u podne. Bijeli zid galerije osvijetljen je jednom žutom stolnom lampom - sve je u nijansama sive dok ne upadne u oči neko dugme, ikona ili akcenat, a zatim taj jedan žuti akcenat definira cijelu sobu.
- Sana Agents — Sjaj limete na bijeloj pozadini u uvodniku
- Visual — Topli urednički samizdat. Kremasti papir, serifni posteri, monohromatske marginalije, jedan žuti marker.
- Midday — Uvodna brošura na velumu - naslov sa serifnim slovima veličine 72px na toploj kamenoj pozadini, tekst bez serifnih slova sa razmakom, kontrole u obliku pilule, bez sjena
- Chat for impact — Šumskozelena klinika sa sobama u pastelnim bojama