laboratório · página interna de decisão
Tipografia: três caminhos.
Inspecionei o CSS real do teehanlax.com/story/our-next-act: os títulos de lá são grotesca bold gigante com tracking negativo (H1 79px, espaçamento -3.16px) e o corpo é serifa de leitura em 22px (PT Serif, entrelinha 1.6). Abaixo, três sistemas aplicados ao seu conteúdo real — role, compare, escolha.
opção A · serifa integral (como está hoje)
display Newsreader 340 · corpo Newsreader 380 · 1.22–1.45rem
o derick que escreve
Minha história com a internet começa com um fêmur quebrado.
O Rio, a Métrica e os palcos dos outros
Eu tinha 12 anos, morava em Caxambu, no sul de Minas, e um problema no fêmur me prendeu dentro de casa. Enquanto os meninos da rua jogavam bola, eu fiquei com um computador por perto — e comecei a aprender programação sozinho.
opção B · teehanlax fiel
display Archivo 700 · tracking -0.035em · corpo Newsreader 22px/1.6
o derick que escreve
Minha história com a internet começa com um fêmur quebrado.
O Rio, a Métrica e os palcos dos outros
Eu tinha 12 anos, morava em Caxambu, no sul de Minas, e um problema no fêmur me prendeu dentro de casa. Enquanto os meninos da rua jogavam bola, eu fiquei com um computador por perto — e comecei a aprender programação sozinho.
opção C · híbrida (grotesca nos títulos, serifa nos momentos poéticos)
display Archivo 680 tracking -0.03em · itálicos poéticos em Newsreader · corpo Newsreader 22px
o derick que escreve
Minha história com a internet começa com um fêmur quebrado.
O Rio, a Métrica e os palcos dos outros
Eu tinha 12 anos, morava em Caxambu, no sul de Minas, e um problema no fêmur me prendeu dentro de casa. Enquanto os meninos da rua jogavam bola, eu fiquei com um computador por perto — e comecei a aprender programação sozinho.
poesia (igual nas três opções — serifa é inegociável aqui)
Minha leitura: a Opção C entrega o "tecnológico sofisticado" que você pediu — os títulos ganham a força teehanlax, e o itálico musgo em serifa continua sendo a sua assinatura nos momentos de alma. A B é a mais fiel à referência; a A é a mais literária. Me diz a letra e eu aplico no site inteiro em minutos.