Telegramu, WhatsApp+380637610482
Valery Danyuk
Valery DanyuksviluppatoreSviluppà strumenti di IA per l'imprese. Alta qualità. Accessibile.Scrive in Telegram
Medium — un'anteprima di un situ in questu stile

Medium

ghjurnale biancu cremosu à l'ora d'oru

Medium funziona cum'è una sala di lettura literaria trasplantata nant'à u web: un sfondate caldu è cremosu (#f7f4ed) rimpiazza u biancu sterile tipicu di SaaS, facendu chì i testi longhi si sentinu cum'è una pagina stampata. U sistema visuale hè aggressivamente monocromu - quasi tutte e superfici di l'interfaccia utente, u testu è i bordi sò in una stretta banda di grigi caldi chì vanu da #242424 à #6b6b6b - cusì l'attenzione di u lettore hè cumpletamente focalizzata nant'à u cuntenutu. L'unicu gestu di firma hè u titulu serif (GT Super, 120px, pesu 400, spaziatura di e lettere -0.055em), una scelta deliberata anti-tendenza: un carattere serif di libru di transizione scalatu per a visualizazione, appena percepibile piuttostu chè un sans-serif geometricu audace, segnala: "Publichemu libri, micca software". I buttoni sò "pillule" piene di culore quasi neru - l'unicu inchiostru solidu nant'à a pagina.

A pagina iniziale hà duie culonne: a parte sinistra occupa circa u 55% di u spaziu di a pagina, cù u titulu, u sottutestu è a chjama à l'azzione disposti verticalmente cù una spaziatura interna generosa; a parte diritta occupa circa u 45% di u spaziu di a pagina, cù un pannellu illustrativu. A colonna sinistra hè allineata à manca (micca centrata), ancorandu a pagina à l'asse di lettura. Sottu à a pagina iniziale, a pagina hè una sola striscia di culore crema à larghezza piena cù ligami centrati in u pede di pagina. Nisuna griglia di carte, sezioni di funzioni o strisce alternate nantu à a pagina iniziale - a pagina iniziale È una pagina. A densità di cuntenutu hè intenzionalmente bassa: un titulu, una frase, un buttone, una maghjina. A pagina hè una copertina, micca un dashboard.

L'illustrazioni sò editoriali è episodiche, micca sistematiche. A pagina principale presenta una sola illustrazione disegnata à manu (un fiore verde, una manu geometrica, linee di custellazione) in un stile liberu è ligeramente ingenuu. L'illustrazioni parenu opere cummissionate chì cambianu stagionalmente, invece di una biblioteca permanente. Ùn ci sò micca fotografie nantu à a pagina principale. Ùn ci sò micca icone nantu à a pagina principale - tuttu u travagliu hè fattu da u logu di testu è da u testu. U linguaghju visuale hè principalmente orientatu à u testu, cù l'illustrazioni chì servenu da punteggiatura.

Paletta

Neutru

  • Newsprint Cream #f7f4ed — A tela di a pagina, u fondu di a finestra principale è u fondu di a sezzione sò una tonalità calda è ligeramente cremosa chì crea a sensazione di una interfaccia stampata piuttostu chè digitale.
  • Paper White #ffffff — Superfici di carte, pannelli rialzati, campi di inserimentu di moduli è qualsiasi superficia chì deve esse separata da a tela crema.
  • Ink #242424 — Testu di u corpu, testu di u corpu, ligami, tituli - ligeramente più caldu chè u neru puru, pare bè nantu à un sfondate crema.
  • Body Gray #333333 — U culore di u testu secundariu è u culore di primu pianu predefinitu sò usati quandu hè necessariu un culore ligeramente più chjaru di u culore di l'inchiostru senza perde u cuntrastu.
  • Button Black #191919 — Un culore neutru hè supportatu per l'elementi secundarii di l'interfaccia utente, i divisori è l'etichette silenziate. Ùn deve esse adupratu cum'è culore primariu per e chjame à l'azzione.
  • Marginalia Gray #6b6b6b — Supportu di culori neutri per l'interfaccia utente secundaria, i divisori è l'etichette silenziate.

Tipografia

da 13 à 120px · 5 passi

  • medium-content-sans-serif-font — rimpiazzamentu: Inter · contorni 400 · carattere medium-content-sans-serif - truvatu in i dati estratti ma micca descrittu da l'IA.
  • GT Super — rimpiazzamentu: Playfair Display · contorni 400 · I tituli è u corpu di u testu sò un caratteru serif di libru di transizione à una scala estrema cù una spaziatura stretta di e lettere è una spaziatura di linea di 0,83. A scelta di un pesu 400 (micca in neru) à 120px hè una caratteristica distintiva: sò e forme di e lettere, micca u pesu, chì facenu u travagliu. A spaziatura negativa di e lettere restringe i spazii ottici, dendu à "Storie è Idee Umane" l'impressione di esse un bloccu tipograficu coesivu.
  • Söhne — rimpiazzamentu: Inter · contorni 400 · U caratteru sans-serif UI hè adupratu per a navigazione, i buttoni, i sottutìtuli è i picculi tituli. L'intervallu 13-14px hè per l'etichette è i buttoni di navigazione; 20-22px hè per i sottutìtuli è u testu secundariu in u tìtulu. Un sans-serif pulitu cù proporzioni umanistiche hè leggibile à piccule dimensioni è discretu à quelle più grande.

Intervalli è forma

ScopuSignificatu
Densitàmediu
Passu basicu16-24px
Raggiu di u buttone9999px
Raggiu di a carta0px
Ombrenò - bordi invece di ombre
Trà e sezioni64px
Larghezza di a pagina1200px

L'IA custruisce u vostru situ web in stile Medium è u riempirà

  • Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
  • Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
  • Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
  • Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.

Stili simili

  • Steep — Analisi di i caratteri Serif nantu à carta calda
  • Newformcap — Ghjurnale editoriale in u spogliatoiu
  • Claude — Un artefattu stampatu nantu à pergamena calda - inchiostru nantu à carta d'ossu, argilla cum'è unicu soffiu di culore
  • 11x– Digital workers — Un desertu editoriale cinematicu - fotografie panoramiche di u paisaghju contr'à tituli serif monumentali chì si leghjenu cum'è una rivista di lussu.
  • Revolut — Un'opera editoriale monocromatica basata annantu à una fotografia di nuvole - inchiostru biancu, buttoni di scatula di pillule, una sola striscia blu di culore in un mondu altrimenti in scala di grigi.
  • Scheduling — Inchiostru editoriale nantu à carta crema
  • Titan — archiviu monocromu à toni caldi
  • Programa — Un studio di design svizzeru à meziornu. U muru biancu di a galeria hè illuminatu da una sola lampada da tavulinu gialla - tuttu hè in tonalità di grisgiu finu à chì un buttone, un'icona o un accentu attira l'attenzione, è dopu quellu unicu accentu giallu definisce tutta a stanza.
  • Sana Agents — Scintilla di lime nantu à u fondu biancu in editoriale
  • Visual — Samizdat editoriale caldu. Carta crema, posteri serif, marginalia monocromatica, un marcatore giallu.
  • Midday — Brochure editoriale nantu à pergamena - titulu serif 72px nantu à un fondu di petra calda, testu di corpu sans-serif cù spaziatura, cuntrolli in forma di pillola, senza ombre
  • Chat for impact — Una clinica verde furesta cù camere di culori pastello