Stylepack

Czcionki

Czcionki, których używa causal.so

causal.so składa nagłówki w czcionce Manrope Variable, a tekst w czcionce Inter Variable. Manrope Variable to licencjonowana czcionka, którą strona serwuje sama. Najbliższy darmowy zamiennik z Google Fonts: Manrope, Inter.

Zmierzono na causal.so 4 dni temu.

Otwórz pełny pakiet designuPobierz pakiet

Rodziny czcionek

Czcionki: 3
Manrope Variable
Użycie
h1, h2, h3, button, label
Źródło
Własny hosting
Darmowy zamiennik
Manrope
Inter Variable
Użycie
body, label
Źródło
Własny hosting
Darmowy zamiennik
Inter
ui-monospace
Użycie
code
Źródło
systemowa
Darmowy zamiennik
Już darmowa

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

Jak składany jest tekst

headline-displayQuick brown foxManrope Variable / 60px / 700 / lh 72px
headline-lgQuick brown foxManrope Variable / 50px / 650 / lh 70px
headline-mdQuick brown foxManrope Variable / 24px / 600 / lh 38px
body-mdThe quick brown fox jumps over the lazy dogInter Variable / 14px / 400 / lh 22.4px
label-mdThe quick brown fox jumps over the lazy dogManrope Variable / 16px / 500 / lh 23px
buttonThe quick brown fox jumps over the lazy dogManrope Variable / 20px / 600 / lh 30px
codeconst pack = extract(url)ui-monospace / 12px / 350 / lh 18px
Używane rozmiary czcionek
1214162024405060

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/causal.so/DESIGN.md

Pytania

Jakiej czcionki używa causal.so?

causal.so używa Manrope Variable, Inter Variable, ui-monospace. Nagłówki są złożone w czcionce Manrope Variable, a tekst w czcionce Inter Variable; zmierzono to na stronie tak, jak się renderuje, a nie odczytano z jej arkusza stylów.

Czy czcionka causal.so jest darmowa?

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

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