Qual fonte o voiceflow.com usa?

O voiceflow.com usa Tiempos Headline-81ad1a66702885c1, UCity Pro-8cd2cb40d9534eaf, Fira Code-3bf965ca37a74b48, UCity Pro. Os títulos são compostos em Tiempos Headline-81ad1a66702885c1 e o texto corrido em UCity Pro-8cd2cb40d9534eaf, medidos no site como ele é renderizado, não lidos da folha de estilos.

A fonte do voiceflow.com é gratuita?

Não. Tiempos Headline-81ad1a66702885c1 é uma fonte licenciada que o próprio voiceflow.com serve. A alternativa gratuita mais próxima é Newsreader, Inter, disponível no Google Fonts. O CSS desta página a coloca na pilha de fontes como substituta.

Como ter a mesma tipografia do voiceflow.com no meu projeto?

Baixe o pacote de design do voiceflow.com no Stylepack: ele traz a pilha de fontes, a escala tipográfica, todos os estilos de texto e as capturas de tela, em um formato que um agente de código com IA, como Claude Code ou Cursor, consegue usar para construir.

Fontes do voiceflow.com

Famílias de fontes

4 famílias

CSS para reproduzir

Variáveis de fonte com a substituta gratuita na pilha, para que o mesmo CSS funcione com ou sem a fonte licenciada.

1:root {
2  --font-heading: "Tiempos Headline-81ad1a66702885c1", "Newsreader", sans-serif; /* Newsreader stands in for Tiempos Headline-81ad1a66702885c1 */
3  --font-body: "UCity Pro-8cd2cb40d9534eaf", "Inter", sans-serif; /* Inter stands in for UCity Pro-8cd2cb40d9534eaf */
4  --font-mono: "Fira Code-3bf965ca37a74b48", "Inter", monospace; /* Inter stands in for Fira Code-3bf965ca37a74b48 */
5  --font-button: "UCity Pro", "Inter", sans-serif; /* Inter stands in for UCity Pro */
6  --font-size-base: 14px;
7}

Como o texto é composto

headline-displayQuick brown foxTiempos Headline-81ad1a66702885c1 / 72px / 300 / lh 76.32px / -2.16px

headline-lgQuick brown foxTiempos Headline-81ad1a66702885c1 / 48px / 300 / lh 55.68px / -0.96px

headline-mdQuick brown foxUCity Pro-8cd2cb40d9534eaf / 24px / 400 / lh 28.8px / -0.48px

body-mdThe quick brown fox jumps over the lazy dogUCity Pro-8cd2cb40d9534eaf / 14px / 400 / lh 22px

label-mdThe quick brown fox jumps over the lazy dogUCity Pro-8cd2cb40d9534eaf / 12px / 400 / lh 1.42

buttonThe quick brown fox jumps over the lazy dogUCity Pro / 14px / 400 / lh 20px

codeconst pack = extract(url)Fira Code-3bf965ca37a74b48 / 12px / 400 / lh 18.6px

Tamanhos de fonte em uso

101112141516182428364872

Para agentes de IA

O pacote é texto puro, sem chave: busque o DESIGN.md ou entregue o pacote inteiro ao Claude Code, Cursor ou Copilot pelo servidor MCP.

curl -s https://stylepack.ai/packs/voiceflow.com/DESIGN.md

As fontes que o voiceflow.com usa