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

  • 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
  • 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ă.
  • Sana Agents — Strălucire de lime pe fundal alb în editorial
  • Visual — Samizdat editorial cald. Hârtie crem, postere serif, margini monocrome, un marker galben.
  • Midday — Broșură editorială pe pergament - titlu serif de 72px pe fundal cald de piatră, text sans-serif cu spațiere, comenzi în formă de pilulă, fără umbre
  • Chat for impact — O clinică verde închis, cu camere în culori pastelate