Post de frase que não parece com todos os outros

Um bom post de frase depende de quatro coisas: uma citação reduzida à sua linha mais forte, composta em tamanho grande numa fonte com personalidade, creditada de forma limpa numa linha própria e colocada sobre um fundo que pertence a você, e não sobre um pôr do sol de banco de imagem. Acerte isso e o post de frase passa a ser lido como uma peça de design pensada, e não como mais um quadradinho no feed.

Como escolher e enxugar a frase

Os melhores posts de frase carregam uma ideia que é captada numa única leitura. Trechos longos viram letra pequena, e letra pequena é ignorada na rolagem. Mire numa citação de umas 8 a 20 palavras. Se a frase completa for maior, use a oração que carrega a ideia e coloque o resto na legenda.

Tipografia para posts de frase

Num post de frase, a letra é o design, então escolha uma fonte com alguma personalidade. Uma serifada com um bom itálico combina com frases reflexivas ou literárias; uma grotesca forte combina com frases curtas e de impacto; uma fonte display consegue carregar uma ou duas palavras. O guia serifa ou sem serifa explica o que cada uma costuma transmitir, e o de combinação de fontes mostra como acrescentar uma segunda fonte para o crédito.

• Use tamanho grande. Num post de 1080 pixels de largura, uma frase curta pode ter de 70 a 110 pixels.
• Aperte a entrelinha. Linhas grandes parecem soltas com a altura de linha normal; algo entre 1,1 e 1,2 as mantém juntas.
• Quebre as linhas pelo sentido. Termine cada linha numa pausa natural, não onde a caixa de texto por acaso quebra.
• Use aspas tipográficas. As curvas “ e ” em vez das retas ", que parecem digitadas.
• Pendure a aspa de abertura. Deixe a aspa de abertura um pouco fora da margem esquerda para que as letras fiquem alinhadas.

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

Como dar o crédito de uma frase com elegância

O crédito deve ser fácil de achar e discreto o bastante para não competir. Coloque o nome numa linha própria, claramente menor que a frase, num peso diferente ou em maiúsculas com um pouco mais de espaçamento entre letras (veja espaçamento entre letras). Não precisa de pontuação antes do nome: a quebra de linha e a mudança de tamanho já dizem quem falou.

Fundos para posts de frase

O motivo de a maioria dos posts de frase parecer igual é o fundo: uma montanha ao amanhecer, uma praia, um café desfocado. Essas imagens são compartilhadas por milhares de contas e não dizem nada sobre você. Um gradiente ou uma textura discreta nas suas cores faz o contrário. Dá espaço às palavras, é reconhecidamente seu e mantém o olhar de quem lê na frase.

Deixe a parte mais calma e uniforme do fundo atrás das palavras e confira o contraste ali. O guia de texto sobre um gradiente explica como escolher a tinta pela luminosidade para que a frase continue legível em qualquer parte do campo.

Como transformar frases numa série reconhecível

Um post de frase é um bom momento. Vinte no mesmo layout viram um formato que as pessoas reconhecem de longe no feed, e uma série de frases é uma das formas mais fáceis de dar ritmo a uma grade, como mostra o guia de estética do feed do Instagram.

1. 1

   Defina o layout

   A mesma fonte, a mesma faixa de tamanhos, a mesma posição para a frase e o nome, sempre.

2. 2

   Defina a família de fundos

   Um material ou uma família de gradientes, variando um pouco de post para post.

3. 3

   Dê um nome ou um número

   Um rótulo pequeno como Pensamento de quinta ou Nº 12 transforma posts soltos numa série.

4. 4

   Tenha um banco de frases

   Reúna frases conferidas numa lista com as fontes, para que cada novo post leve minutos.

No Gradiently, um modelo de frase pode usar qualquer Mark, e o Mark move sua região mais calma para trás das palavras, então a frase é lida sem caixa nem sombra. Reservar um Mark torna esse fundo só seu.