Generátor Typografické Stupnice — Harmonické Velikosti Písma

Náhodně zvolené velikosti písma vypadají chaoticky. Modulární typografická stupnice používá matematické poměry pro harmonické, konzistentní velikosti v celém vašem designu.

Co je modulární stupnice?

Začněte se základní velikostí (např. 16px) a násobte pevným poměrem pro každý krok. Major Third (1,25) dává: 10, 12,5, 16, 20, 25, 31,3 px. Perfect Fourth (1,333) poskytuje dramatičtější kontrast. Minor Second (1,067) je jemný.

Použití CSS custom properties

--font-size-sm: 0.75rem; --font-size-base: 1rem; --font-size-lg: 1.25rem; --font-size-xl: 1.5rem; --font-size-2xl: 2rem. Použitím CSS proměnných se celá typografie přizpůsobí při změně základní velikosti.

Přizpůsobení stupnice pro web

Na mobilu používejte menší poměr (1,2) pro kompaktnější hierarchii. Na desktopu větší (1,333–1,5) pro dramatičtější kontrast. Plynná typografie pomocí clamp() plynně interpoluje mezi stupnicemi.