Telegramă, WhatsApp+380637610482
Valeri Danyuk
Valeri DanyukdezvoltatorDezvoltarea de instrumente de inteligență artificială pentru companii. De înaltă calitate. La prețuri accesibile.Scrie pe Telegram
Medium — o previzualizare a unui site în acest stil

Medium

ziar alb cremos la ora de aur

Medium funcționează ca o sală de lectură literară transplantată pe web: un fundal cald, cremos (#f7f4ed) înlocuiește albul steril tipic SaaS, făcând ca textele lungi să pară o pagină tipărită. Sistemul vizual este agresiv monocrom - aproape toate suprafețele interfeței utilizator, textul și marginile sunt într-o bandă îngustă de griuri calde, de la #242424 la #6b6b6b - astfel încât atenția cititorului este complet concentrată asupra conținutului. Singurul gest caracteristic este titlul serif (GT Super, 120px, greutate 400, spațiere literă -0.055em), o alegere deliberată anti-trend: un font serif de carte tranzițional, scalat pentru afișare, abia vizibil, în loc de un sans-serif geometric îndrăzneț, semnalează: „Publicăm cărți, nu software”. Butoanele sunt „pastile” pline de culoare aproape neagră - singura cerneală solidă de pe pagină.

Pagina principală are două coloane: partea stângă ocupă ~55% din spațiul paginii, titlul, subtextul și îndemnul la acțiune fiind aranjate vertical cu o spațiere internă generoasă; partea dreaptă ocupă ~45% din spațiul paginii, având un panou cu ilustrații. Coloana stângă este aliniată la stânga (nu centrată), ancorând pagina la axa de citire. Sub pagina principală, pagina este o singură bandă crem, pe toată lățimea, cu linkuri centrate în subsol. Nu există grile de fișe, secțiuni de funcții sau dungi alternante pe pagina principală - pagina principală ESTE o pagină. Densitatea conținutului este intenționat scăzută: un titlu, o propoziție, un buton, o imagine. Pagina este o copertă, nu un tablou de bord.

Ilustrațiile sunt editoriale și episodice, nu sistematice. Pagina principală prezintă o singură ilustrație desenată manual (o floare verde, o mână geometrică, linii de constelație) într-un stil liber, ușor naiv. Ilustrațiile arată ca niște lucrări comandate care se schimbă sezonier, mai degrabă decât dintr-o bibliotecă permanentă. Nu există fotografii pe pagina principală. Nu există pictograme pe pagina principală - toată munca este realizată de logo-ul textului și de text. Limbajul vizual este în principal orientat spre text, ilustrațiile servind drept semne de punctuație.

Paletă

Neutru

  • Newsprint Cream #f7f4ed — Pânza paginii, fundalul ferestrei principale și fundalul secțiunii au o nuanță caldă, ușor cremoasă, care creează senzația unei interfețe tipărite mai degrabă decât a uneia digitale.
  • Paper White #ffffff — Suprafețe de carton, panouri în relief, câmpuri de introducere a formularelor și orice suprafețe care trebuie separate de pânza crem.
  • Ink #242424 — Textul corpului, textul corpului, linkurile, titlurile - puțin mai cald decât negrul pur, arată bine pe un fundal crem.
  • Body Gray #333333 — Culoarea secundară a textului și culoarea implicită de prim-plan sunt utilizate acolo unde este necesară o culoare puțin mai deschisă decât culoarea cernelii, fără a pierde contrastul.
  • Button Black #191919 — O culoare neutră este acceptată pentru elementele secundare ale interfeței utilizator, separatoare și etichete cu aspect estompat. Nu ar trebui utilizată ca și culoare principală pentru îndemnurile la acțiune.
  • Marginalia Gray #6b6b6b — Suport pentru culori neutre pentru interfața secundară cu utilizatorul, separatoare și etichete cu culori estompate.

Tipografie

de la 13 la 120px · 5 pași

  • medium-content-sans-serif-font — înlocuire: Inter · contururi 400 · font medium-content-sans-serif - găsit în datele extrase, dar nedescris de inteligența artificială.
  • GT Super — înlocuire: Playfair Display · contururi 400 · Titlurile și corpul de text sunt realizate cu un font serif de tranziție, de tip book, la o scară extremă, cu o spațiere strânsă a literelor și o spațiere a rândurilor de 0,83. Alegerea unei grosimi de 400 (nu îngroșate) la 120px este o caracteristică distinctivă: formele literelor, nu grosimea, fac treaba. Spațierea negativă a literelor îngustează golurile optice, făcând ca „Povești și idei umane” să pară un bloc tipografic coerent.
  • Söhne — înlocuire: Inter · contururi 400 · Fontul sans-serif UI este utilizat pentru navigare, butoane, subtitluri și titluri mici. Intervalul de 13–14px este pentru etichetele și butoanele de navigare; 20–22px este pentru subtitluri și textul secundar din titlu. Un sans-serif curat, cu proporții umaniste, este lizibil la dimensiuni mici și discret la cele mari.

Intervale și formă

ScopSens
Densitatemedie
Pasul de bază16-24px
Raza butonului9999px
Raza cardului0px
Umbrefără - margini în loc de umbre
Între secțiuni64px
Lățimea paginii1200px

Inteligența artificială vă va construi site-ul web în stilul Medium și îl va completa

  • Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
  • Transferați conținut de pe vechiul site - specificați doar adresa.
  • Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
  • Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.

Stiluri similare

  • 1X NEO — 1X Tech este un home theater silențios. O pagină palidă cu text editorial se deschide cu scene cinematografice cu oameni și un robot umanoid, în timp ce elementele interfeței sunt reduse la legende minuscule, spațiate și imagini monocrome estompate.
  • B150 — O clasă de măiestrie privind granulația filmului în viitor. Crearea de secțiuni editoriale luminoase și cremoase pe fundalul unor imagini întunecate, de dimensiuni umane, cu produse și creatori.
  • Captions — Un birou de editare luminat de soare. Plasați o bară de navigare translucidă, curbată, peste un spațiu de lucru alb, curat și ușor zgomotos, apoi completați-o cu suprafețe de lucru albastru pal și prim-planuri ale filmărilor.
  • Steep — Analiza fonturilor Serif pe hârtie caldă
  • Newformcap — Editorialul ziarului în vestiar
  • Claude — Un artefact imprimat pe pergament cald - cerneală pe hârtie de os, lutul ca singura adiere de culoare
  • 11x– Digital workers — Un pustiu editorial cinematografic - fotografii panoramice ale peisajului pe fundalul unor titluri monumentale cu serife care se citesc ca o pagină de revistă de lux
  • Revolut — O lucrare editorială monocromă bazată pe o fotografie cu nori — cerneală albă, nasturi de tip cutie de pilule, o singură dungă albastră de culoare într-o lume altfel în nuanțe de gri.
  • Scheduling — Cerneală editorială pe hârtie crem
  • Titan — arhivă monocromă cu tonuri calde
  • AWE — Un observator robotic după miezul nopții. Creați ecrane negre, asemănătoare unor galerii, unde fonturile editoriale palide plutesc deasupra imaginilor bazate pe inteligență artificială și a textului minuscul de pe panoul de control.
  • Programa — Un studio de design elvețian la amiază. Peretele alb al galeriei este iluminat de o singură lampă de masă galbenă - totul este în nuanțe de gri până când un buton, o pictogramă sau un accent atrage atenția, iar apoi acel accent galben unic definește întreaga cameră.

Catalog de stiluri pe categorii