Stylepack

Czcionki

Czcionki, których używa wearebou.com

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

Zmierzono na wearebou.com 4 dni temu.

Otwórz pełny pakiet designuPobierz pakiet

Rodziny czcionek

Czcionki: 1
StabilGrotesk
Użycie
h1, h2, h3, body, button, label
Ź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: "StabilGrotesk", "Inter", sans-serif; /* Inter stands in for StabilGrotesk */
  --font-body: "StabilGrotesk", "Inter", sans-serif; /* Inter stands in for StabilGrotesk */
  --font-size-base: 16.56px;
}

Jak składany jest tekst

headline-displayQuick brown foxStabilGrotesk / 42.048px / 300 / lh 46.2528px
headline-lgQuick brown foxStabilGrotesk / 42.048px / 300 / lh 46.2528px
headline-mdQuick brown foxStabilGrotesk / 20px / 500 / lh 26px
body-mdThe quick brown fox jumps over the lazy dogStabilGrotesk / 16.56px / 300 / lh 23.184px
label-mdThe quick brown fox jumps over the lazy dogStabilGrotesk / 12px / 500 / lh 14.4px / 0.72px
buttonThe quick brown fox jumps over the lazy dogStabilGrotesk / 13px / 300 / lh 13px
Używane rozmiary czcionek
10121314161720303642

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

Pytania

Jakiej czcionki używa wearebou.com?

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

Czy czcionka wearebou.com jest darmowa?

Nie. StabilGrotesk to licencjonowana czcionka, którą wearebou.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 wearebou.com?

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