Welche Schrift benutzt voiceflow.com?

voiceflow.com nutzt Tiempos Headline-81ad1a66702885c1, UCity Pro-8cd2cb40d9534eaf, Fira Code-3bf965ca37a74b48, UCity Pro. Überschriften sind in Tiempos Headline-81ad1a66702885c1 gesetzt, Fließtext in UCity Pro-8cd2cb40d9534eaf, gemessen an der gerenderten Seite, nicht aus dem Stylesheet gelesen.

Ist die Schrift von voiceflow.com frei nutzbar?

Nein. Tiempos Headline-81ad1a66702885c1 ist eine lizenzierte Schrift, die voiceflow.com selbst ausliefert. Die nächste freie Alternative ist Newsreader, Inter, verfügbar auf Google Fonts. Das CSS auf dieser Seite setzt sie als Ersatz in den Font-Stack.

Wie bekomme ich dieselbe Typografie wie voiceflow.com in mein Projekt?

Lade das Designpaket von voiceflow.com bei Stylepack herunter: Es enthält den Font-Stack, die Schriftskala, jeden Textstil und die Screenshots, in einer Form, aus der ein KI-Coding-Agent wie Claude Code oder Cursor bauen kann.

voiceflow.com Schriften

Schriftfamilien

4 Schriftfamilien

CSS zum Nachbauen

Schrift-Variablen mit der freien Alternative im Font-Stack, damit dasselbe CSS mit und ohne die lizenzierte Schrift funktioniert.

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}

So ist der Text gesetzt

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

Verwendete Schriftgrößen

101112141516182428364872

Für KI-Agenten

Das Paket ist reiner Text, ohne Key: hol dir DESIGN.md oder gib das ganze Paket per MCP-Server an Claude Code, Cursor oder Copilot.

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

Die Schriften von voiceflow.com