Tools

Clamp Scale Calculator

Generate fluid type scales for headings and body text with production-ready clamp values in rem. Set your viewport range, choose your scales, preview the result in real time, fine-tune individual sizes, and copy clean output directly into your Webflow variables.

Enter Viewport Size

Select Heading Type Scale

Select Paragraph Type Scale

Sizes

Display 1
Copied
Display 2
Copied
H1
Copied
H2
Copied
H3
Copied
H4
Copied
H5
Copied
H6
Copied
Text XL
Copied
Text L
Copied
Text M
Copied
12
px

Display 1

Display 2

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Text Size XLarge

Text Size Large

Text Size Medium

Text Size Regular (1 rem fixed size)

Text Size Small  (0.875 rem fixed size)

Text Size Xsmall  (0.75 rem fixed size)

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.