¿Qué fuente usa voiceflow.com?

voiceflow.com usa Tiempos Headline-81ad1a66702885c1, UCity Pro-8cd2cb40d9534eaf, Fira Code-3bf965ca37a74b48, UCity Pro. Los titulares van en Tiempos Headline-81ad1a66702885c1 y el texto de cuerpo en UCity Pro-8cd2cb40d9534eaf, medido en el sitio tal como se renderiza, no leído de su hoja de estilos.

¿La fuente de voiceflow.com es gratuita?

No. Tiempos Headline-81ad1a66702885c1 es una fuente con licencia que voiceflow.com sirve por su cuenta. La alternativa gratuita más parecida es Newsreader, Inter, disponible en Google Fonts. El CSS de esta página la pone en la pila de fuentes como sustituta.

¿Cómo consigo la misma tipografía que voiceflow.com en mi proyecto?

Descarga el paquete de diseño de voiceflow.com en Stylepack: contiene la pila de fuentes, la escala tipográfica, cada estilo de texto y las capturas, en un formato con el que un agente de programación con IA como Claude Code o Cursor puede construir.

Fuentes de voiceflow.com

Familias tipográficas

4 familias

CSS para reproducirlo

Variables de fuente con la alternativa gratuita en la pila, así el mismo CSS funciona con o sin la fuente con licencia.

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}

Cómo se compone el texto

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

Tamaños de fuente en uso

101112141516182428364872

Para agentes de IA

El paquete es texto plano, sin clave: descarga DESIGN.md o entrega el paquete completo a Claude Code, Cursor o Copilot con el servidor MCP.

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

Las fuentes que usa voiceflow.com