Medium
kremasto bel časopisni papir ob zlati uri
Medij deluje kot literarna čitalnica, presajena na splet: toplo, kremasto ozadje (#f7f4ed) nadomešča sterilno belo, značilno za SaaS, zaradi česar se dolga besedila zdijo kot natisnjena stran. Vizualni sistem je agresivno enobarvni – skoraj vse površine uporabniškega vmesnika, besedilo in obrobe so v ozkem pasu toplih sivih odtenkov od #242424 do #6b6b6b – tako da je bralčeva pozornost popolnoma osredotočena na vsebino. Edina značilna gesta je serifni naslov (GT Super, 120px, debelina 400, razmik med črkami -0,055em), namerna izbira proti trendom: prehodna knjižna serifna pisava, pomanjšana za prikaz, komaj opazna in ne krepka geometrijska sans-serif, sporoča:»Izdajamo knjige, ne programske opreme.« Gumbi so polne»tablete« skoraj črne barve – edino trdno črnilo na strani.
Domača stran ima dva stolpca: leva stran zavzema ~55 % prostora strani, z naslovom, podtekstom in pozivom k dejanju, razporejenimi navpično z veliko notranjega razmika; desna stran zavzema ~45 % prostora strani, z ilustrativno ploščo. Levi stolpec je poravnan levo (ne centriran), kar stran drži na bralni osi. Pod domačo stranjo je stran en sam, polno širok, krem barvni trak s centriranimi povezavami v nogi. Na domači strani ni mrež kartic, razdelkov s funkcijami ali izmenjujočih se črt – domača stran JE stran. Gostota vsebine je namerno nizka: en naslov, en stavek, en gumb, ena slika. Stran je naslovnica, ne nadzorna plošča.
Ilustracije so uredniške in epizodne, ne sistematične. Na glavni strani je ena sama ročno narisana ilustracija (zelena roža, geometrijska roka, ozvezdja) v ohlapnem, rahlo naivnem slogu. Ilustracije so videti kot naročena dela, ki se spreminjajo sezonsko, in ne kot iz stalne knjižnice. Na glavni strani ni fotografij. Na glavni strani ni ikon – vse delo opravita besedilni logotip in besedilo. Vizualni jezik je predvsem besedilno usmerjen, ilustracije pa služijo kot ločila.
Paleta
Nevtralno
- Newsprint Cream
#f7f4ed— Platno strani, ozadje glavnega okna in ozadje razdelka so toplega, rahlo kremastega odtenka, ki ustvarja občutek tiskanega vmesnika in ne digitalnega. - Paper White
#ffffff— Površine kartic, dvignjene plošče, polja za vnos obrazcev in vse površine, ki jih je treba ločiti od kremnega platna. - Ink
#242424— Telo besedila, besedilo v telesu, povezave, naslovi - nekoliko toplejše od čiste črne, dobro izgleda na kremnem ozadju. - Body Gray
#333333— Sekundarna barva besedila in privzeta barva ospredja se uporabljata, kadar je potrebna barva, ki je nekoliko svetlejša od barve črnila, ne da bi pri tem izgubila kontrast. - Button Black
#191919— Za sekundarne elemente uporabniškega vmesnika, razdelilnike in utišane oznake je podprta nevtralna barva. Ne sme se uporabljati kot primarna barva za pozive k dejanju. - Marginalia Gray
#6b6b6b— Podpora za nevtralne barve za sekundarni uporabniški vmesnik, razdelilnike in utišane oznake.
Tipografija
od 13 do 120 slikovnih pik · 5 korakov
- medium-content-sans-serif-font — zamenjava: Inter · obrisi 400 · pisava medium-content-sans-serif – najdena v izvlečenih podatkih, vendar je umetna inteligenca ne opisuje.
- GT Super — zamenjava: Playfair Display · obrisi 400 · Naslovi in besedilo so v pisavi s serifnimi črkami v prehodnem formatu v ekstremnem merilu z ozkim razmikom med črkami in razmikom med vrsticami 0,83. Izbira debeline 400 (ne krepko) pri 120 slikovnih pikah je značilna značilnost: delo opravljajo oblike črk, ne debelina. Negativni razmik med črkami zoži optične vrzeli, zaradi česar se»Človeške zgodbe in ideje« zdijo kot celovit tipografski blok.
- Söhne — zamenjava: Inter · obrisi 400 · Pisava UI sans-serif se uporablja za navigacijo, gumbe, podnaslove in majhne naslove. Razpon 13–14 slikovnih pik je za navigacijske oznake in gumbe; 20–22 slikovnih pik je za podnaslove in sekundarno besedilo znotraj naslova. Čista pisava sans-serif s humanističnimi proporci je berljiva pri majhnih velikostih in nevsiljiva pri večjih.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | povprečje |
| Osnovni korak | 16-24px |
| Polmer gumba | 9999px |
| Polmer kartice | 0px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 64px |
| Širina strani | 1200px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Medium in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- Steep — Analiza serifnih pisav na toplem papirju
- Newformcap — Uredniški časopis v garderobi
- Claude — Artefakt, natisnjen na toplem pergamentu – črnilo na kostnem papirju, glina kot edini dih barve
- 11x– Digital workers — Kinematografska uredniška pustoš – panoramske fotografije pokrajine ob monumentalnih naslovih s serifnimi črkami, ki se berejo kot razporki luksuzne revije
- Revolut — Monokromatsko uredniško delo, ki temelji na fotografiji oblakov – belo črnilo, gumbi na škatli za tablete, en sam moder barvni trak v sicer sivinskem svetu.
- Scheduling — Uredniško črnilo na krem papirju
- Titan — toplotonski monokromatski arhiv
- Programa — Švicarski oblikovalski studio opoldne. Belo galerijsko steno osvetljuje ena sama rumena namizna svetilka – vse je v odtenkih sive, dokler ne pritegne pozornosti gumb, ikona ali poudarek, nato pa ta en sam rumeni poudarek definira celotno sobo.
- Sana Agents — Limetin lesk na belem ozadju v uvodniku
- Visual — Topel uredniški samizdat. Krem papir, serifni plakati, enobarvne marginalije, en rumen flomaster.
- Midday — Uredniška brošura na pergamentu - 72px serifni naslov na toplem kamnitem ozadju, besedilo sans-serif z razmiki, kontrolniki v obliki tablete, brez senc
- Chat for impact — Gozdno zelena klinika s pastelno obarvanimi sobami