Wzory dla Wysokości Linii

Zdefiniuj tokeny wysokości linii, które sprawią, że tekst jest czytelny zarówno w nagłówkach, jak i w treści głównej

Używaj duzych odstępów między wierszami dla treści głównaowych i mniejszych dla nagłówków. Zachowuj rytm połączony przez punkty przejścia i unikaj zbyt długich linii w treści długoterminowej.

Zalecane odstępy między wierszami: Treść główna (1,5 - 2,0), Nagłówki (1,2 - 1,4)

Odpowiednie Adjustments

Na urządzeniach mobilnych zwiększ wysokość linii ciała do około 1,7–1,75 aby poprawić czytelność. Zachowaj stałą wysokość linii dla nagłówków, aby utrzymać hierarchię.

Używaj funkcji clamp() tam gdzie jest pomocna; unikaj wysokości linii mniejszej niż 1,2 dla dowolnego tekstu.

Nadpisuj wysokość linii dla komponentów tylko w przypadku konieczności; korzystaj z

Dla przycisków wielolinijkowych lub etykiet zachowaj wysokość linii ≤1,4 aby zmniejszyć nadmiar pionowy.

Upewnij się, że skalowanie podanego przez użytkownika wysokości linii nie ruiniuje układ. Zachowaj wystarczającą odległość między wierszami i paragrafami (margin-bottom dla paragrafu ≥ 0,5em).

Często zadawane pytania

Wypróbuj na żywo

Wszystko powyżej działa bezpośrednio w Twojej przeglądarce — otwórz Hash Function Avalanche Visualizer i zmieniaj parametry podczas działania. Nic nie jest instalowane ani przesyłane na serwer, cały model działa w jednej karcie.