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
- 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
- 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.
- Sana Agents — Limoi distira atzealde zuriaren gainean editorialean
- Visual — Samizdat editorial epela. Krema koloreko papera, serifazko posterrak, marjina monokromoak, errotulagailu hori bat.
- Midday — Pergamino gaineko erredakzio-liburuxka - 72px-ko serif izenburua harri bero baten atzeko planoan, sans-serif gorputz-testua tarteekin, pilula itxurako kontrolak, itzalik gabe
- Chat for impact — Pastel koloreko gelekin oskol berdeko klinika bat