Stylepack

Czcionki

Czcionki, których używa resend.com

resend.com składa nagłówki w czcionce domaine, a tekst w czcionce inter. domaine to licencjonowana czcionka, którą strona serwuje sama. Najbliższy darmowy zamiennik z Google Fonts: Inter.

Zmierzono na resend.com 4 dni temu.

Otwórz pełny pakiet designuPobierz pakiet

Rodziny czcionek

Czcionki: 4
domaine
Użycie
h1
Źródło
Własny hosting
Darmowy zamiennik
Inter
aBCFavorit
Użycie
h2, h3
Źródło
Własny hosting
Darmowy zamiennik
Inter
inter
Użycie
body, button
Źródło
Własny hosting
Darmowy zamiennik
Inter
commitMono
Użycie
label, code
Źródło
Własny hosting
Darmowy zamiennik
Inter

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: "domaine", "Inter", sans-serif; /* Inter stands in for domaine */
  --font-body: "inter", "Inter", sans-serif; /* Inter stands in for inter */
  --font-mono: "commitMono", "Inter", monospace; /* Inter stands in for commitMono */
  --font-size-base: 14px;
}

Jak składany jest tekst

headline-displayQuick brown foxdomaine / 96px / 400 / lh 96px / -0.96px
headline-lgQuick brown foxaBCFavorit / 56px / 400 / lh 67.2px / -2.8px
headline-mdQuick brown foxaBCFavorit / 20px / 400 / lh 20px
body-mdThe quick brown fox jumps over the lazy doginter / 14px / 400 / lh 22.4px
label-mdThe quick brown fox jumps over the lazy dogcommitMono / 12px / 400 / lh 1.33
buttonThe quick brown fox jumps over the lazy doginter / 14px / 400 / lh 20px
codeconst pack = extract(url)commitMono / 12px / 400 / lh 16px
Używane rozmiary czcionek
1214161820567796

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/resend.com/DESIGN.md

Pytania

Jakiej czcionki używa resend.com?

resend.com używa domaine, aBCFavorit, inter, commitMono. Nagłówki są złożone w czcionce domaine, a tekst w czcionce inter; zmierzono to na stronie tak, jak się renderuje, a nie odczytano z jej arkusza stylów.

Czy czcionka resend.com jest darmowa?

Nie. domaine to licencjonowana czcionka, którą resend.com serwuje sam. Najbliższy darmowy zamiennik to 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 resend.com?

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