Medium
kremasto bijele novine u zlatni sat
Medij funkcionira poput književne čitaonice presađene na web: topla, kremasta pozadina (#f7f4ed) zamjenjuje sterilno bijelu boju tipičnu za SaaS, čineći da se dugi tekstovi osjećaju kao ispisana stranica. Vizualni sustav je agresivno monokromatski - gotovo sve UI površine, tekst i okviri su u uskom pojasu toplih sivih tonova u rasponu od #242424 do #6b6b6b - tako da je čitateljeva pažnja potpuno usmjerena na sadržaj. Jedina prepoznatljiva gesta je serifni naslov (GT Super, 120px, težina 400, razmak između slova -0,055em), namjeran anti-trendovski izbor: prijelazni serifni font za knjige skaliran za prikaz, jedva primjetan, a ne podebljani geometrijski sans-serif, signalizira: "Objavljujemo knjige, a ne softver." Gumbi su pune "pilule" gotovo crne boje - jedina čvrsta tinta na stranici.
Početna stranica ima dva stupca: lijeva strana zauzima ~55% prostora stranice, s naslovom, podtekstom i pozivom na akciju raspoređenim okomito s velikim unutarnjim razmakom; desna strana zauzima ~45% prostora stranice, s pločom s ilustracijama. Lijevi stupac je poravnat lijevo (nije centriran), pričvršćujući stranicu na os čitanja. Ispod početne stranice, stranica je jedna, puna širina, krem boje traka s centriranim poveznicama u podnožju. Nema mreža kartica, odjeljaka s značajkama ili naizmjeničnih pruga na početnoj stranici - početna stranica JE stranica. Gustoća sadržaja je namjerno niska: jedan naslov, jedna rečenica, jedan gumb, jedna slika. Stranica je naslovnica, a ne nadzorna ploča.
Ilustracije su uredničke i epizodne, a ne sustavne. Glavna stranica sadrži jednu ručno crtanu ilustraciju (zeleni cvijet, geometrijska ruka, linije zviježđ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. Na glavnoj stranici nema ikona - sav posao obavljaju tekstualni logotip i tekst. Vizualni jezik je prvenstveno orijentiran na tekst, a ilustracije služe kao interpunkcija.
Paleta
Neutralno
- Newsprint Cream
#f7f4ed— Platno stranice, pozadina glavnog prozora i pozadina odjeljka su tople, blago kremaste nijanse koja stvara osjećaj tiskanog sučelja, 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, glavni tekst, poveznice, naslovi - malo 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 podržana je za sekundarne elemente korisničkog sučelja, razdjelnike i prigušene oznake. Ne smije se koristiti kao primarna boja za pozive na akciju. - Marginalia Gray
#6b6b6b— Podrška za neutralne boje za sekundarno korisničko sučelje, 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 umjetna inteligencija nije opisala.
- GT Super — zamjena: Playfair Display · obrisi 400 · Naslovi i glavni tekst su font s prijelaznim serifom u ekstremnoj skali s uskim razmakom između slova i razmakom između redaka od 0,83. Izbor težine 400 (ne podebljano) na 120px je karakteristična značajka: oblici slova, a ne težina, obavljaju posao. Negativni razmak između slova sužava optičke praznine, čineći da se "Ljudske priče i ideje" osjećaju kao kohezivni tipografski blok.
- Söhne — zamjena: Inter · obrisi 400 · UI sans-serif font koristi se za navigaciju, gumbe, podnaslove i male naslove. Raspon od 13 do 14 piksela namijenjen je za navigacijske oznake i gumbe; 20 do 22 piksela za podnaslove i sekundarni tekst unutar naslova. Čist sans-serif font s humanističkim proporcijama čitljiv je u malim veličinama, a neupadljiv u većim.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prosjek |
| Osnovni korak | 16-24px |
| Radijus gumba | 9999px |
| Radijus kartice | 0px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 64px |
| Širina stranice | 1200px |
Umjetna inteligencija će izraditi vašu web stranicu u Medium stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja 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 krajolika nasuprot monumentalnim serifnim naslovima koji se čitaju poput luksuzne časopisne duplerice
- Revolut — Monokromatski urednički rad temeljen na fotografiji oblaka - bijela tinta, gumbi kutijice za tablete, jedna plava pruga boje u inače sivom svijetu.
- Scheduling — Urednička tinta na krem papiru
- Titan — toplotonska monokromatska 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 gumb, ikona ili naglasak, a zatim taj jedan žuti naglasak definira cijelu sobu.
- Sana Agents — Svjetlucanje limete na bijeloj pozadini u uvodniku
- Visual — Topli urednički samizdat. Kremasti papir, serifni plakati, monokromatske marginalije, jedan žuti marker.
- Midday — Uvodna brošura na velumu - 72px serifni naslov na toploj kamenoj pozadini, sans-serifni tekst s razmacima, kontrole u obliku tablete, bez sjena
- Chat for impact — Šumskozelena klinika s pastelnim sobama