Medium
giornale color bianco crema all'ora d'oro
Medium funziona come una sala di lettura letteraria trasposta sul web: uno sfondo caldo e cremoso (#f7f4ed) sostituisce il bianco sterile tipico del SaaS, facendo sì che i testi lunghi sembrino pagine stampate. Il sistema visivo è decisamente monocromatico: quasi tutte le superfici dell'interfaccia utente, il testo e i bordi sono in una stretta fascia di grigi caldi che va da #242424 a #6b6b6b, in modo che l'attenzione del lettore sia completamente focalizzata sul contenuto. L'unico elemento distintivo è il titolo con grazie (GT Super, 120px, peso 400, spaziatura tra le lettere -0.055em), una scelta deliberatamente controcorrente: un font serif di transizione, adattato per la visualizzazione, appena percettibile anziché un audace sans-serif geometrico, comunica: "Pubblichiamo libri, non software". I pulsanti sono "pillole" di colore quasi nero, l'unico inchiostro pieno sulla pagina.
La homepage è composta da due colonne: quella di sinistra occupa circa il 55% dello spazio della pagina, con titolo, sottotitolo e invito all'azione disposti verticalmente con un'ampia spaziatura interna; quella di destra occupa circa il 45% dello spazio, con un riquadro illustrato. La colonna di sinistra è allineata a sinistra (non centrata), ancorando la pagina all'asse di lettura. Sotto la homepage, la pagina è costituita da un'unica striscia color crema a tutta larghezza con link centrati nel piè di pagina. Nessuna griglia di schede, sezione di approfondimento o strisce alternate nella homepage: la homepage È una pagina. La densità dei contenuti è volutamente bassa: un titolo, una frase, un pulsante, un'immagine. La pagina è una copertina, non una dashboard.
Le illustrazioni sono editoriali ed episodiche, non sistematiche. La pagina principale presenta un'unica illustrazione disegnata a mano (un fiore verde, una mano geometrica, le linee di una costellazione) in uno stile libero e leggermente ingenuo. Le illustrazioni sembrano opere commissionate che cambiano stagionalmente, piuttosto che provenire da una collezione permanente. Non ci sono fotografie nella pagina principale. Non ci sono icone nella pagina principale: tutto il lavoro è svolto dal logo testuale e dal testo. Il linguaggio visivo è principalmente orientato al testo, con le illustrazioni che fungono da punteggiatura.
Tavolozza
Neutro
- Newsprint Cream
#f7f4ed— Lo sfondo della pagina, della finestra principale e della sezione presenta una tonalità calda, leggermente crema, che crea l'impressione di un'interfaccia stampata piuttosto che digitale. - Paper White
#ffffff— Superfici delle carte, pannelli in rilievo, campi di inserimento dei moduli e qualsiasi superficie che debba essere separata dalla tela color crema. - Ink
#242424— Testo del corpo, testo del corpo, link, titoli - leggermente più caldo del nero puro, sta bene su uno sfondo color crema. - Body Gray
#333333— Il colore secondario del testo e il colore di primo piano predefinito vengono utilizzati quando è necessario un colore leggermente più chiaro del colore dell'inchiostro senza perdere contrasto. - Button Black
#191919— Un colore neutro è supportato per gli elementi secondari dell'interfaccia utente, i divisori e le etichette attenuate. Non deve essere utilizzato come colore principale per le call to action. - Marginalia Gray
#6b6b6b— Supporto per colori neutri per l'interfaccia utente secondaria, i divisori e le etichette dai colori tenui.
Tipografia
da 13 a 120px · 5 passaggi
- medium-content-sans-serif-font — sostituzione: Inter · contorni 400 · Carattere sans-serif di medie dimensioni - trovato nei dati estratti ma non descritto dall'IA.
- GT Super — sostituzione: Playfair Display · contorni 400 · I titoli e il corpo del testo sono realizzati con un carattere serif di transizione, in scala estrema, con spaziatura tra le lettere ridotta e interlinea di 0,83. La scelta di un peso di 400 (non grassetto) a 120px è una caratteristica distintiva: sono le forme delle lettere, non il peso, a fare la differenza. La spaziatura negativa tra le lettere riduce gli spazi visivi, conferendo a "Human Stories and Ideas" un aspetto di blocco tipografico coeso.
- Söhne — sostituzione: Inter · contorni 400 · Il carattere sans-serif UI viene utilizzato per la navigazione, i pulsanti, i sottotitoli e i titoli di piccole dimensioni. La dimensione di 13-14 pixel è riservata alle etichette di navigazione e ai pulsanti; 20-22 pixel sono utilizzati per i sottotitoli e il testo secondario all'interno del titolo. Un sans-serif pulito con proporzioni ergonomiche è leggibile anche a dimensioni ridotte e discreto a dimensioni maggiori.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | media |
| Passo base | 16-24px |
| Raggio del pulsante | 9999px |
| Raggio della carta | 0px |
| Ombre | no - bordi invece di ombre |
| Tra le sezioni | 64px |
| Larghezza del pannello | 1200px |
L'IA creerà il tuo sito web nello stile Medium e lo riempirà
- Pubblica prodotti e contenuti tramite il link: Instagram, TikTok, Facebook.
- Trasferisci i contenuti dal tuo vecchio sito: basta specificare l'indirizzo.
- Design moderno sul miglior motore: React ( Next.js) con rendering lato server e ottimizzazione SEO integrata.
- Ottimizzazione SEO completamente automatizzata per i risultati di ricerca e raccomandazioni basate su reti neurali.
Stili simili
- Steep — Analisi dei caratteri serif su carta calda
- Newformcap — Quotidiano editoriale nello spogliatoio
- Claude — Un manufatto stampato su pergamena calda: inchiostro su carta d'osso, l'argilla come unico tocco di colore.
- 11x– Digital workers — Un paesaggio cinematografico desolato: fotografie panoramiche del paesaggio contrapposte a monumentali titoli in serif che sembrano le pagine di una rivista di lusso.
- Revolut — Un'opera editoriale monocromatica basata su una fotografia di nuvole: inchiostro bianco, bottoni a forma di pillola, un'unica striscia blu di colore in un mondo altrimenti in scala di grigi.
- Scheduling — Inchiostro editoriale su carta color crema
- Titan — archivio monocromatico dai toni caldi
- Programa — Uno studio di design svizzero a mezzogiorno. La parete bianca della galleria è illuminata da un'unica lampada da tavolo gialla: tutto è in diverse tonalità di grigio finché un pulsante, un'icona o un dettaglio non cattura lo sguardo, e a quel punto quell'unico tocco di giallo definisce l'intera stanza.
- Sana Agents — Scintillio di lime su sfondo bianco in un articolo editoriale
- Visual — Samizdat editoriale dai toni caldi. Carta color crema, poster con caratteri serif, note a margine monocromatiche, un pennarello giallo.
- Midday — Brochure editoriale su pergamena - titolo serif da 72px su sfondo color pietra calda, corpo del testo sans-serif con spaziatura, controlli a forma di pillola, senza ombre.
- Chat for impact — Una clinica color verde foresta con stanze dai colori pastello.