Question 1

What is a typographic scale?

Accepted Answer

A typographic scale is a sequence of font sizes based on a consistent ratio, creating visual harmony and hierarchy in web and print design.

Question 2

What ratio should I use?

Accepted Answer

Popular ratios include the Golden Ratio (1.618), Major Third (1.25), Perfect Fourth (1.333) and Minor Third (1.2). Each creates a different level of contrast between heading levels.

Question 3

Can I export the CSS?

Accepted Answer

Yes, you can copy the generated CSS with custom properties and font-size declarations for your project.

Question 4

What is the base font size?

Accepted Answer

The default base is 16px (the browser default), but you can change it to any value to match your design system.