Export for WordPress
Appearance → Customise → Additional CSS → Paste → Publish
TypescaleTool
THE GOLDEN
RATIO
TYPESCALE
RATIO
TYPESCALE
Enter any size. Designate its role. Choose your font. The system calculates your entire typographic hierarchy — mathematically balanced, optically perfect, every time.
φ = 1.618…
Step 01
Enter your size
px
Root font size:
px
Step 02
This size is my…
Step 03
Preview typeface
next = current × φ
prev = current ÷ φ
φ = 1.618033988…
Your typescale, ready to use.
Download your generated set as a plain-text reference — all 7 tiers, your seed size, font choice and unit included.
Want to use this in a real layout?
5 Typographic Treatments
ready to drop in.
ready to drop in.
Get 5 professionally designed typographic layout treatments — built on Golden Ratio typescale — as editable Canva and Affinity templates. Apply them directly to your website, blog, or social layouts without touching a calculator.
Get the Template Pack →
Canva + Affinity · 5 layouts included