Heading Body Size Ratio
Computes h1 to h6 sizes from body using modular typographic scale.
—
Title-to-Body Font Size Ratio
Typographic hierarchy comes down to keeping the size ratios between headings and body text consistent. A modular scale takes your base body size and multiplies it by the same constant factor at every step up. You'll see the golden ratio φ = 1.618 a lot, along with the Perfect Fourth 1.333 and the Major Third 1.25. The formula behind it all is size_n = body × ratio^n, with n standing for the step number.
Take a 16px body and run a 1.25 scale: you get h3 = 20px, h2 = 25px, h1 = 31–39px. Push it to a punchier 1.5 and h1 lands at 48–54px, which works for hero headings. Tailwind’s default scale spans text-sm (14px) up to text-7xl (72px), broadly following a 1.2–1.25 progression with custom jumps once you reach the extremes.
Applications
You'll find these scales in design systems and brand guidelines, in editorial layouts, in web typography through the CSS font-size property, and in print work. Type-Scale.com and Modularscale.com will generate the ratios for you. Material Design, Apple HIG and IBM Carbon each publish their own recommended scales.
FAQ
Should I use the golden ratio? φ = 1.618 gives you dramatic contrast that suits editorial covers, but it can feel too aggressive in a dense UI. On dashboards, something in the 1.2–1.333 range reads better.
What body size should I start with? 16px is the web default and the recommended minimum for accessibility. Print usually sits at 9–11pt. On mobile you might nudge it up to 17–18px for legibility.
Can I mix scales? You can. Plenty of systems run a tighter scale (1.2) on UI labels and a looser one (1.333) on marketing pages while holding the same body base.
Related Tools
Web Font Size px em
Converts font size in pixels to em rem and relates with current web standards.
Accessible Font Size Calculator
Compute minimum font size for WCAG 2.1 accessibility: AA (16px body, 24px heading), AAA (18.66px body, 36px heading). Configurable.
Print Font Size pt mm
Converts font size in points to millimeters and relates with print standards.
Baseline and Leading Body
Computes recommended baseline and leading for body text by typographic golden ratio.
Buck Converter (Step-Down)
Calculate the output voltage of a buck (step-down) DC-DC converter in continuous conduction, V_out = D × V_in, from the duty cycle D (0 to 1) and the input voltage V_in. The result, in volts, is always less than or equal to the input — the buck converter lowers voltage efficiently (without dissipating the excess, unlike a linear regulator), by switching rapidly and filtering with an inductor and capacitor. Varying the duty cycle adjusts the output from 0 to V_in. It is the most common topology in switching power supplies and point-of-load regulators. Enter the duty cycle and the input voltage.
Bond Dirty Price
Computes the dirty price of a bond: the clean price plus the interest accrued since the last coupon. The clean price is what shows up in quotes, but what actually changes hands at settlement is the dirty price, because the buyer has to reimburse the seller for the interest already run up. The tool works out the accrued interest on a linear basis and adds it to the clean price, returning both parts. Enter the clean price, the face value, the annual coupon rate, the coupon frequency, the days since the last coupon and the days in the period.
The results provided by this tool are for general informational and educational purposes only and do not constitute professional, financial, medical, legal, tax or accounting advice. Always confirm important decisions with a qualified professional and official sources.