Value

Base Font Size (px)

Common px to em Conversions

Typographic Hierarchy

Using the current value as body text, here is a complementary heading scale. Pick a ratio to control how dramatic the size jumps between levels are.

Type Scale
Minor Second (1.067) - subtle Major Second (1.125) - gentle Minor Third (1.2) - balanced Major Third (1.25) - classic Perfect Fourth (1.333) - bold Augmented Fourth (1.414) - strong Perfect Fifth (1.5) - dramatic Golden Ratio (1.618) - editorial

Body text uses the current input value. Each heading is derived from body × ration. Line-height tightens at larger sizes for readable proportions.

Complementary Spacing Scale

A matching spacing scale derived from the body size, useful for margins, padding, and gaps so spacing harmonizes with type.