Post con citazioni che non somigliano a tutti gli altri

Un buon post con citazione si riduce a quattro cose: una citazione asciugata fino alla sua frase più forte, composta in grande con un font che abbia carattere, attribuita in modo pulito su una riga a sé e collocata su uno sfondo che ti appartiene invece che su un tramonto di stock. Fai bene queste cose e un post con citazione si legge come un design ragionato, non come un riquadro in più nel feed.

Scegliere e asciugare la citazione

I migliori post con citazioni portano un solo pensiero che arriva alla prima lettura. I passaggi lunghi diventano testo piccolo, e il testo piccolo viene scrollato via. Punta a una citazione di circa 8-20 parole. Se la citazione completa è più lunga, usa la frase che porta l’idea e metti il resto nella didascalia.

La tipografia dei post con citazioni

In un post con citazione il testo è il design, quindi scegli un font con un po’ di personalità. Un serif con un buon corsivo si adatta a citazioni riflessive o letterarie; un grotesque robusto a frasi brevi e incisive; un font display può reggere una o due parole. Serif o sans serif spiega cosa tende a comunicare ciascuno, e l’abbinamento dei font spiega come aggiungere un secondo font per l’attribuzione.

• Componila in grande. Su un post largo 1080 pixel, una citazione breve può stare tra 70 e 110 pixel.
• Stringi l’interlinea. Le righe grandi sembrano slegate con un’interlinea normale; intorno a 1,1-1,2 restano compatte.
• Vai a capo secondo il senso. Chiudi ogni riga su una pausa naturale, non dove capita che la casella di testo vada a capo.
• Usa le virgolette tipografiche. Le caporali « » o le alte curve “ ” invece delle virgolette dritte ", che sembrano digitate.
• Fai sporgere la virgoletta di apertura. Lascia che la virgoletta di apertura stia appena fuori dal margine sinistro, così le lettere restano allineate.

.quote {
  font-size: clamp(2rem, 6vw, 4.5rem);
  line-height: 1.15;
  text-wrap: balance;
  hanging-punctuation: first;
}

/* Where hanging-punctuation isn't supported, pull the first line back by the width of the mark. */
@supports not (hanging-punctuation: first) {
  .quote { text-indent: -0.42em; }
}

Come attribuire una citazione in modo pulito

L’attribuzione deve essere facile da trovare e abbastanza discreta da non fare concorrenza. Metti il nome su una riga a sé, un gradino ben visibile più piccolo della citazione, in un peso diverso o in maiuscolo con un po’ di spaziatura in più (leggi spaziatura delle lettere). Non serve alcuna punteggiatura prima del nome: l’a capo e il cambio di dimensione dicono già chi l’ha detto.

Sfondi per i post con citazioni

Il motivo per cui la maggior parte dei post con citazioni si somiglia è lo sfondo: una montagna all’alba, una spiaggia, un caffè sfocato. Quelle immagini sono condivise da migliaia di account e non dicono nulla di te. Un gradiente o una texture discreti nei tuoi colori fanno l’opposto. Danno spazio alle parole, sono riconoscibilmente tuoi e tengono lo sguardo di chi legge sulla citazione.

Tieni la parte più calma e uniforme dello sfondo dietro le parole, e controlla lì il contrasto. Il testo su un gradiente spiega come scegliere l’inchiostro in base alla luminosità, così la citazione resta leggibile su ogni parte del campo.

Trasformare le citazioni in una serie riconoscibile

Un post con citazione è un bel momento. Venti nello stesso layout diventano un formato che le persone riconoscono da un capo all’altro del feed, e una serie di citazioni è uno dei modi più semplici per dare ritmo a una griglia, come descritto in estetica della griglia Instagram.

1. 1

   Fissa il layout

   Stesso font, stessa gamma di dimensioni, stessa posizione per la citazione e il nome, ogni volta.

2. 2

   Fissa la famiglia di sfondi

   Un materiale o una famiglia di gradienti, variati leggermente da un post all’altro.

3. 3

   Dagli un nome o un numero

   Una piccola etichetta come Pensiero del giovedì o N. 12 trasforma i singoli post in una serie.

4. 4

   Tieni una scorta

   Raccogli citazioni verificate in un elenco con le loro fonti, così ogni nuovo post richiede pochi minuti.

In Gradiently un modello per citazioni può indossare qualsiasi Mark, e il Mark sposta la sua zona più calma dietro le parole, così una citazione si legge senza riquadri né ombre. Riservare un Mark rende quello sfondo solo tuo.