Medium
krema zuriko egunkaria urrezko orduan
Medium-ek webera transplantatutako irakurketa-gela literario baten antzera funtzionatzen du: atzeko plano krematsu eta bero batek (#f7f4ed) SaaS-en ohikoa den zuri antzua ordezkatzen du, testu luzeak inprimatutako orrialde baten itxura emanez. Sistema bisuala oldarkorki monokromoa da —ia interfazearen gainazal, testu eta ertz guztiak #242424tik #6b6b6b-ra bitarteko gris beroen banda estu batean daude—, beraz, irakurlearen arreta guztiz edukian zentratzen da. Keinu bereizgarri bakarra serif izenburua da (GT Super, 120px, 400 pisua, letren arteko tartea -0.055em), nahita joeraren aurkako aukera bat: bistaratzeko eskalatutako trantsiziozko liburu serif letra-tipo bat, ia ez da nabaritzen sans-serif geometriko ausart baten ordez, hau adierazten du: "Liburuak argitaratzen ditugu, ez softwarea". Botoiak ia kolore beltzeko "pilula" beteak dira —orrialdeko tinta solido bakarra.
Hasierako orrialdeak bi zutabe ditu: ezkerreko aldeak orrialdearen espazioaren % 55 inguru hartzen du, izenburua, azpitestua eta ekintzarako deia bertikalki antolatuta, barne-tarte zabalarekin; eskuineko aldeak orrialdearen espazioaren % 45 inguru hartzen du, ilustrazio-panel batekin. Ezkerreko zutabea ezkerrean lerrokatuta dago (ez erdiratuta), orrialdea irakurketa-ardatzari ainguratuz. Hasierako orrialdearen azpian, orrialdea krema koloreko zabalera osoko zerrenda bakarra da, oin-orrean erdian dauden estekak dituena. Ez dago txartel-saretarik, ezaugarri-atalik edo marra txandakaturik hasierako orrialdean: hasierako orrialdea DA. Eduki-dentsitatea nahita baxua da: izenburu bat, esaldi bat, botoi bat, irudi bat. Orria azal bat da, ez kontrol-panela.
Ilustrazioak editorialak eta episodikoak dira, ez sistematikoak. Orrialde nagusiak eskuz egindako ilustrazio bakarra du (lore berde bat, esku geometriko bat, konstelazio-lerroak), estilo solte eta apur bat naif batean. Ilustrazioek urtaroen arabera aldatzen diren enkarguzko lanen antza dute, liburutegi iraunkor batekoak baino. Ez dago argazkirik orrialde nagusian. Ez dago ikonorik orrialde nagusian: lan guztia testu-logotipoaren eta testuaren bidez egiten da. Hizkuntza bisuala batez ere testuari zuzenduta dago, ilustrazioek puntuazio gisa balio dutelarik.
Paleta
Neutroa
- Newsprint Cream
#f7f4ed— Orriaren mihisea, leiho nagusiaren atzeko planoa eta atalaren atzeko planoa tonu epel eta apur bat krematsuak dira, interfaze digital baten ordez inprimatutako baten sentsazioa sortzen dutenak. - Paper White
#ffffff— Karta-gainazalak, panel altxatuak, formulario-sarrera-eremuak eta krema koloreko mihisetik bereizi behar diren gainazal guztiak. - Ink
#242424— Gorputz-testua, gorputz-testua, estekak, goiburuak - beltz hutsa baino zertxobait beroagoa, krema-hondo batean itxura ona du. - Body Gray
#333333— Bigarren mailako testuaren kolorea eta lehen planoko kolore lehenetsia erabiltzen dira tintaren kolorea baino kolore apur bat argiagoa behar denean, kontrastea galdu gabe. - Button Black
#191919— Kolore neutroa onartzen da bigarren mailako UI elementuetarako, banatzaileetarako eta etiketa isilduetarako. Ez da erabili behar ekintzarako deietarako kolore nagusi gisa. - Marginalia Gray
#6b6b6b— Kolore neutroen laguntza bigarren mailako UIrako, zatitzaileetarako eta etiketa isilduetarako.
Tipografia
13tik 120px-ra · 5 urrats
- medium-content-sans-serif-font — ordezkapena: Inter · eskemak 400 · medium-content-sans-serif letra-tipoa - ateratako datuetan aurkitu da, baina ez du adimen artifizialak deskribatu.
- GT Super — ordezkapena: Playfair Display · eskemak 400 · Izenburuak eta testua trantsiziozko liburu-serif letra-tipo batekin eginak dira, eskala handikoak, letra-tarte estuarekin eta 0,83ko lerro-tartearekin. 120px-ko 400eko lodiera (ez lodia) aukeratzea ezaugarri bereizgarria da: letren formak dira, ez lodierak, lana egiten dutenak. Letra-tarte negatiboak hutsune optikoak murrizten ditu, "Giza Istorioak eta Ideiak" bloke tipografiko kohesionatu bat bezala sentiaraziz.
- Söhne — ordezkapena: Inter · eskemak 400 · UI sans-serif letra-tipoa nabigaziorako, botoietarako, azpitituluetarako eta izenburu txikietarako erabiltzen da. 13-14px tartea nabigazio-etiketetarako eta botoietarako da; 20-22px azpitituluetarako eta izenburu barruko bigarren mailako testuetarako. Proportzio humanistikoak dituen sans-serif garbi bat irakurgarria da tamaina txikietan eta diskretua tamaina handiagoetan.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | batez bestekoa |
| Oinarrizko urratsa | 16-24px |
| Botoiaren erradioa | 9999px |
| Txartelaren erradioa | 0px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 64px |
| Orriaren zabalera | 1200px |
Adimen artifizialak zure webgunea Medium estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- 1X NEO — 1X Tech etxeko zinema-areto lasaia da. Orrialde zurbil batek, testu editoriala duela, pertsonen eta robot humanoide baten eszena zinematografikoekin hasten da, interfazearen elementuak azpititulu txiki eta tartekatuetara eta irudi monokromo leunetara murrizten diren bitartean.
- B150 — Etorkizuneko zinema-aleen maisu-klase bat. Produktuen eta sortzaileen irudi ilun eta giza-tamainaren aurrean atal editorial distiratsu eta krematsuak sortzea.
- Captions — Eguzkitatik argiztatutako edizio-mahaia. Jarri nabigazio-barra kurbatu eta zeharrargi bat lan-eremu zuri, garbi eta zaratatsu samarra duen baten gainean, eta osatu urdin argiko lan-gainazalekin eta irudien plano hurbilekin.
- Steep — Serif letra-tipoen azterketa paper epelean
- Newformcap — Aldagelako egunkari editoriala
- Claude — Pergamino epelean inprimatutako artefaktu bat — tinta hezur-paperean, buztina kolore-arnasa bakarra bezala
- 11x– Digital workers — Zinema-editorialeko hondamendia: paisaiaren argazki panoramikoak, luxuzko aldizkari baten orrialde baten antzera irakurtzen diren serifazko izenburu monumentalen aurrean jarrita.
- Revolut — Hodeien argazki batean oinarritutako editorial monokromoa: tinta zuria, pilula-kutxako botoiak, kolore urdineko marra bakarra bestela eskala griseko mundu batean.
- Scheduling — Tinta editoriala krema-paperean
- Titan — tonu beroko monokromo artxiboa
- AWE — Gauerdiaren ondoren behatoki robotiko bat. Sortu pantaila beltzak, galeria itxurakoak, non idazkera zurbila adimen artifizialaren bidezko irudien eta aginte-paneleko testu txikien gainetik flotatzen den.
- Programa — Suitzako diseinu estudio bat eguerdian. Galeria zuriaren horma mahai-lanpara hori bakar batek argitzen du; dena gris tonuetan dago botoi, ikono edo apaingarri batek begia erakarri arte, eta orduan apaingarri hori bakar horrek gela osoa definitzen du.