Een quotepost ontwerpen die niet op alle andere lijkt

Een goede quotepost ontwerpen komt neer op vier dingen: een quote die is ingekort tot zijn sterkste regel, groot gezet in een lettertype met karakter, netjes toegeschreven op een eigen regel, en geplaatst op een achtergrond die van jou is in plaats van op een zonsondergang uit een stockbibliotheek. Krijg je dat goed, dan leest een quotepost als een doordacht stuk ontwerp en niet als nog een tegel in de feed.

De quote kiezen en inkorten

De beste quoteposts dragen één gedachte die in één keer lezen aankomt. Lange passages worden kleine letters, en kleine letters worden voorbij gescrold. Mik op een quote van ongeveer 8 tot 20 woorden. Is de volledige quote langer, gebruik dan de zin die het idee draagt en zet de rest in het bijschrift.

Typografie voor quoteposts

In een quotepost is de letter het ontwerp, dus kies een lettertype met wat persoonlijkheid. Een schreefletter met een goede cursief past bij bespiegelende of literaire quotes; een sterke grotesk past bij korte, puntige regels; een displayletter kan één of twee woorden dragen. Schreef versus schreefloos legt uit wat elk doorgaans uitstraalt, en lettertypen combineren behandelt hoe je een tweede lettertype toevoegt voor de bronvermelding.

• Zet hem groot. Op een post van 1080 pixels breed kan een korte quote op 70 tot 110 pixels staan.
• Verklein de regelafstand. Grote regels ogen los bij een normale regelhoogte; zo’n 1,1 tot 1,2 houdt ze bij elkaar.
• Breek regels af op betekenis. Laat elke regel eindigen op een natuurlijke pauze, niet waar het tekstvak toevallig afbreekt.
• Gebruik typografische aanhalingstekens. Gekrulde “ en ” in plaats van rechte "-tekens, die getypt ogen.
• Hang het openingsteken. Laat het openende aanhalingsteken net buiten de linkerrand staan, zodat de letters uitlijnen.

.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; }
}

Zo vermeld je de bron van een quote netjes

De bronvermelding hoort makkelijk te vinden te zijn en stil genoeg om niet te concurreren. Zet de naam op een eigen regel, een duidelijke stap kleiner dan de quote, in een ander gewicht of in kapitalen met een beetje extra letterspatiëring (zie letterspatiëring). Je hebt geen leesteken voor de naam nodig: het regeleinde en de andere grootte vertellen mensen al wie het zei.

Achtergronden voor quoteposts

De reden dat de meeste quoteposts op elkaar lijken is de achtergrond: een berg bij zonsopgang, een strand, een wazig café. Die beelden worden door duizenden accounts gedeeld en zeggen niets over jou. Een rustig kleurverloop of een textuur in je eigen kleuren doet het omgekeerde. Het geeft de woorden ruimte, het is herkenbaar van jou, en het houdt het oog van de lezer bij de quote.

Houd het rustigste, gelijkmatigste deel van de achtergrond achter de woorden en controleer daar het contrast. Tekst op een kleurverloop legt uit hoe je inkt kiest op lichtheid, zodat de quote op elk deel van het vlak leesbaar blijft.

Van quotes een herkenbare serie maken

Eén quotepost is een mooi moment. Twintig in dezelfde layout worden een format dat mensen van de andere kant van de feed herkennen, en een quoteserie is een van de makkelijkste manieren om ritme in een grid te brengen, zoals beschreven in de esthetiek van je Instagram-grid.

1. 1

   Leg de layout vast

   Hetzelfde lettertype, hetzelfde bereik in grootte, dezelfde plek voor de quote en de naam, elke keer.

2. 2

   Leg de achtergrondfamilie vast

   Eén materiaal of één familie van kleurverlopen, per post licht gevarieerd.

3. 3

   Geef de serie een naam of nummer

   Een klein label zoals Donderdaggedachte of Nr. 12 maakt van losse posts een serie.

4. 4

   Houd een voorraad bij

   Verzamel gecontroleerde quotes in een lijst met hun bronnen, zodat elke nieuwe post een paar minuten kost.

In Gradiently kan een quotetemplate elke Mark dragen, en de Mark schuift zijn rustigste gebied achter de woorden, zodat een quote leest zonder kader of schaduw. Claim je een Mark, dan is die achtergrond alleen van jou.