Typography
Fluid scale (clamp) / Inter / Libre Baskerville / Source Code Pro.
Type scale
--hero Design for people--h1 Design for people--h2 Design for people--h3 Design for people--h4 Design for people--h5 Design for people--h6 Design for people--p The quick brown fox jumps over the lazy dog.--small The quick brown fox jumps over the lazy dog.--smaller The quick brown fox jumps over the lazy dog.--smallest The quick brown fox jumps over the lazy dog.--nano The quick brown fox jumps over the lazy dog.Families
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
const system = { design: true };
Weights
--weight-thin Thin - The quick brown fox--weight-extra-light Extra Light - The quick brown fox--weight-light Light - The quick brown fox--weight-regular Regular - The quick brown fox--weight-medium Medium - The quick brown fox--weight-semibold Semibold - The quick brown fox--weight-bold Bold - The quick brown fox--weight-extra-bold Extra Bold - The quick brown fox--weight-black Black - The quick brown fox