Jakiej czcionki używa voiceflow.com?

voiceflow.com używa Tiempos Headline-81ad1a66702885c1, UCity Pro-8cd2cb40d9534eaf, Fira Code-3bf965ca37a74b48, UCity Pro. Nagłówki są złożone w czcionce Tiempos Headline-81ad1a66702885c1, a tekst w czcionce UCity Pro-8cd2cb40d9534eaf; zmierzono to na stronie tak, jak się renderuje, a nie odczytano z jej arkusza stylów.

Czy czcionka voiceflow.com jest darmowa?

Nie. Tiempos Headline-81ad1a66702885c1 to licencjonowana czcionka, którą voiceflow.com serwuje sam. Najbliższy darmowy zamiennik to Newsreader, Inter, dostępny w Google Fonts. CSS na tej stronie wstawia go do stosu czcionek jako zastępstwo.

Jak uzyskać w projekcie taką samą typografię jak voiceflow.com?

Pobierz pakiet designu voiceflow.com ze Stylepack: zawiera stos czcionek, skalę typograficzną, każdy styl tekstu i zrzuty ekranu w formie, z której agent AI do kodowania, taki jak Claude Code czy Cursor, może budować.

Czcionki voiceflow.com

Rodziny czcionek

Czcionki: 4

CSS do odtworzenia

Zmienne czcionek z darmowym zamiennikiem w stosie, więc ten sam CSS działa z licencjonowaną czcionką i bez niej.

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}

Jak składany jest tekst

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

Używane rozmiary czcionek

101112141516182428364872

Dla agentów AI

Pakiet to zwykły tekst, bez klucza: pobierz DESIGN.md albo przekaż cały pakiet do Claude Code, Cursor lub Copilot przez serwer MCP.

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

Czcionki, których używa voiceflow.com