Modular Typography Scale Calculator
Generate a bounded geometric type scale from a base size and ratio with pixel and rem values.
YOUR CALCULATION
Result
—
Calculation steps
Work through one step at a time or reveal the complete calculation. The steps use your current inputs.
How to calculate
Use signed integer steps around the entered base and one explicit rem reference.
Size at step n=base×ratio^n; rem=size/root font size
Worked example
Base 16 px with ratio 1.25 gives step two 25 px.
Assumptions and input details
An arithmetic design scale, not accessible font-size advice, browser zoom behavior or a font metric measurement. Root size is entered, not read from the visitor browser.
Using this calculator
Can I enter my own problem?
Yes. Replace the example values with your own inputs. The result, calculation steps, tables and applicable diagrams update from those inputs. Blank or invalid values clear the result; example values are never silently substituted for missing inputs.
Are the results exact?
Results use floating-point arithmetic and displayed rounding. Read the formula, assumptions and any stated data precision before interpreting the result.
Is my input uploaded?
The calculation runs in your browser. No account, file upload or external AI service is required. Inputs are not saved between page reloads.
Convert px, rem, em, percent and CSS point sizes using separate entered root and parent font sizes.
Interpolate a clamped font size between two viewport widths and derive equivalent rem-plus-vw coefficients.
Enter a screen diagonal and pixel resolution to calculate active width, height, aspect ratio, pixel density and pitch, with a dimensioned screen diagram.
Reserved advertising space.