Stylepack

Czcionki

Czcionki, których używa relume.ai

relume.ai składa nagłówki i tekst w czcionce Geist Variable. Geist Variable to licencjonowana czcionka, którą strona serwuje sama. Najbliższy darmowy zamiennik z Google Fonts: Geist.

Zmierzono na relume.ai 4 dni temu.

Otwórz pełny pakiet designuPobierz pakiet

Rodziny czcionek

Czcionki: 1
Geist Variable
Użycie
h1, h2, h3, body, label, button
Źródło
Własny hosting
Darmowy zamiennik
Geist

CSS do odtworzenia

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

:root {
  --font-heading: "Geist Variable", "Geist", sans-serif; /* Geist stands in for Geist Variable */
  --font-body: "Geist Variable", "Geist", sans-serif; /* Geist stands in for Geist Variable */
  --font-size-base: 18px;
}

Jak składany jest tekst

headline-displayQuick brown foxGeist Variable / 56px / 400 / lh 67.2px / -1.68px
headline-lgQuick brown foxGeist Variable / 40px / 400 / lh 48px / -0.8px
headline-mdQuick brown foxGeist Variable / 18px / 400 / lh 25.2px / -0.36px
body-mdThe quick brown fox jumps over the lazy dogGeist Variable / 18px / 400 / lh 27px
label-mdThe quick brown fox jumps over the lazy dogGeist Variable / 12px / 400 / lh 18px
buttonThe quick brown fox jumps over the lazy dogGeist Variable / 14px / 500 / lh 20.02px
Używane rozmiary czcionek
101214161828324056

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/relume.ai/DESIGN.md

Pytania

Jakiej czcionki używa relume.ai?

relume.ai używa Geist Variable. Nagłówki są złożone w czcionce Geist Variable, a tekst w czcionce Geist Variable; zmierzono to na stronie tak, jak się renderuje, a nie odczytano z jej arkusza stylów.

Czy czcionka relume.ai jest darmowa?

Nie. Geist Variable to licencjonowana czcionka, którą relume.ai serwuje sam. Najbliższy darmowy zamiennik to Geist, 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 relume.ai?

Pobierz pakiet designu relume.ai 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ć.