Generator Scală Tipografică — Dimensiuni de Font Armonioase

Dimensiunile de font alese aleatoriu arată haotic. O scală tipografică modulară folosește rapoarte matematice pentru dimensiuni armonioase și consistente în întreg design-ul tău.

Ce este o scală modulară?

Începe cu o dimensiune de bază (ex. 16px) și înmulțește cu un raport fix pentru fiecare pas. Major Third (1,25) dă: 10, 12,5, 16, 20, 25, 31,3px. Perfect Fourth (1,333) dă contraste mai dramatice. Minor Second (1,067) este subtil.

Folosirea proprietăților CSS custom

--font-size-sm: 0,75rem; --font-size-base: 1rem; --font-size-lg: 1,25rem; --font-size-xl: 1,5rem; --font-size-2xl: 2rem. Prin folosirea variabilelor CSS, întreaga tipografie se scalează la modificarea dimensiunii de bază.

Adaptarea scalei pentru web

Pe mobil folosești un raport mai mic (1,2) pentru o ierarhie mai compactă. Pe desktop folosești unul mai mare (1,333–1,5) pentru un contrast mai dramatic. Tipografia fluidă cu clamp() interpolează fluid între scale.