La voce tipografica di un Mark: perché ha dei font

La voce tipografica di un Mark è la tipografia che viene con lui: un carattere display per i titoli, un carattere per il testo per tutto il resto, un peso per il carattere display, una spaziatura tra le lettere e una modalità di maiuscole. Quando inizi un design su un Mark, le tue parole compaiono con quella voce, così la prima bozza si accorda già allo sfondo. È un punto di partenza, non un vincolo: ogni riga si può cambiare, e i tuoi font del brand possono sostituirla.

Perché uno sfondo viene con dei font

La tipografia ha un tono di voce, come il parlato. «Porte aperte alle sette» in un raffinato Garamond suona come l’inaugurazione di una galleria; in maiuscole condensate suona come un concerto. Metti l’uno o l’altro sullo sfondo sbagliato e il design litiga con sé stesso. Un Mark di seta in prugna scuro e un Mark Op art in verde acido vogliono lettere diverse, e sceglierle insieme è ciò che fa sembrare voluto un aspetto.

C’è anche una ragione pratica. La maggior parte di chi progetta un post settimanale non è un tipografo, e l’abbinamento di font è uno dei punti in cui è più facile sbagliare. Una voce già abbinata al suo Mark toglie quella decisione da ogni design.

Cosa contiene una voce tipografica

I caratteri vengono dalla libreria di font di Gradiently, che spazia da serif come Fraunces, Playfair Display ed EB Garamond, a grotteschi come Space Grotesk e Schibsted Grotesk, a caratteri display condensati come Anton e Oswald, caratteri monospazio, script e arrotondati. Serif o sans serif spiega cosa tende a dire ciascuna categoria.

Se vuoi che il tuo sito corrisponda a un Mark, una voce si traduce direttamente in CSS. Ecco una tipica voce editoriale scritta per esteso:

h1, h2 {
  font-family: "Fraunces", Georgia, serif;
  font-weight: 400;
  letter-spacing: -0.02em; /* tracking */
  text-transform: none;    /* case: as typed */
}

body {
  font-family: "Inter", system-ui, sans-serif;
}

Come il testo segue la voce

Ogni pezzo di testo in un design sa se è un titolo o un testo corrente. I titoli seguono carattere display, peso, tracking e maiuscole della voce; il testo corrente ne segue il carattere per il testo. Finché una riga non ha un font proprio, continua a seguire, quindi se metti un altro Mark sul design, anche le parole assumono la voce del nuovo Mark.

Il pannello colore e tipografia dello Studio mostra la voce del Mark come coppia di titolo e testo, e ti permette di usarle su tutta la pagina in un solo passaggio. È comodo quando un modello arriva con altri font e vuoi che suoni come il tuo Mark.

Come cambiare la voce di un Mark nei tuoi design

1. 1

   Cambia una riga

   Seleziona il testo e scegli un altro font, peso, spaziatura o modalità di maiuscole. Quella riga ora mantiene la propria impostazione.

2. 2

   Cambia un’intera pagina

   Scegli un font per i titoli e uno per il testo e applicali alla pagina, così ogni titolo e paragrafo si muove insieme.

3. 3

   Usa i font del tuo brand

   Aggiungi un font per i titoli e uno per il testo al tuo kit del brand, caricando file OTF, TTF, WOFF o WOFF2 se sono tuoi, poi metti i font del brand su una pagina in un solo passaggio.

4. 4

   Chiedi al Designer

   Il Designer applica il kit del brand per te, così i design che crea partono con i font del tuo brand.

Il caricamento di un carattere è trattato in caricare font personalizzati, e il resto del kit in configurazione del kit del brand. Controlla la licenza prima di caricare un font commerciale; licenze dei font spiega cosa guardare.

Provare un Mark con altre voci

Nella pagina di un Mark nel Mercato, le anteprime si possono alternare tra la sua voce e cinque abbinamenti pronti, così vedi l’aspetto con una tipografia più vicina al tuo brand prima di progettare qualcosa.

Quando tenere la voce e quando sostituirla

In ogni caso, usa al massimo due caratteri e lascia fare il resto a dimensione e peso. Una gerarchia chiara conta più dei font stessi, come mostra gerarchia visiva. Se le tue parole stanno su un Mark, la leggibilità è gestita a parte: il Mark sposta la sua regione più calma dietro il testo e l’inchiostro automatico sceglie un testo chiaro o scuro per ogni riga, qualunque carattere tu scelga.