
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ă
| Scop | Sens |
|---|---|
| Densitate | medie |
| Pasul de bază | 16-24px |
| Raza butonului | 9999px |
| Raza cardului | 0px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 64px |
| Lățimea paginii | 1200px |
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