Generator skali typograficznej
Wybierz bazowy rozmiar czcionki i współczynnik skali modularnej (np. złoty podział lub tercję wielką), a to narzędzie wygeneruje pełny zestaw proporcjonalnych rozmiarów tekstu — od małych podpisów po duże nagłówki — dzięki czemu rozmiary tekstu wyglądają spójnie, a nie przypadkowo. Skopiuj wynik jako gotowy do użycia blok właściwości niestandardowych CSS.
--step--2: 10.24px;
--step--1: 12.8px;
--step-0: 16px;
--step-1: 20px;
--step-2: 25px;
--step-3: 31.25px;
--step-4: 39.06px;
--step-5: 48.83px;Jak to działa
Skala modularna mnoży bazowy rozmiar czcionki przez stały współczynnik, krok po kroku, w obu kierunkach — kroki ujemne zmniejszają rozmiar w stronę podpisów i drobnego druku, kroki dodatnie zwiększają go w stronę nagłówków i tekstu display. Wynikiem jest zestaw rozmiarów, które współdzielą tę samą proporcjonalną zależność, co zwykle wygląda bardziej przemyślanie niż rozmiary dobrane na oko.
Jak wybrać współczynnik
Mniejsze współczynniki, jak sekunda mała lub sekunda wielka, dają subtelne, blisko siebie leżące rozmiary, dobre do gęstych interfejsów; większe współczynniki, jak kwarta czysta lub złoty podział, dają wyraźniejszy kontrast, dobrze sprawdzający się na stronach redakcyjnych lub marketingowych z kilkoma mocnymi nagłówkami.
Więcej narzędzi w tej kategorii
Kalkulator ekspozycji
Znajdź równoważne ustawienia ekspozycji dla przysłony, czasu naświetlania i ISO.
Kalkulator proporcji obrazu
Skaluj obraz lub wideo proporcjonalnie i znajdź uproszczone proporcje.
Generator gradientów CSS
Zaprojektuj liniowy lub radialny gradient CSS i skopiuj wygenerowany kod.
Sprawdzanie kontrastu
Sprawdź, czy kolor tekstu i tła spełniają wytyczne kontrastu WCAG.
Generator palety kolorów
Zamień dowolny kolor bazowy w palety komplementarne, analogiczne i triadyczne.
Konwerter formatów kolorów
Błyskawicznie konwertuj dowolny kolor między HEX, RGB, HSL i CMYK, z kopiowaniem jednym kliknięciem dla każdego formatu.