Typescaaale — Effortless Typography

Typescaaale — Responsive Type Scale Generator

Generate a complete, responsive type scale for your Framer project in seconds.

Typescaaale creates 12 professionally balanced text styles — H1 through H6, Body Large, Body, Body Small, Caption, Label, and Button — all automatically scaled across Desktop, Tablet, and Phone breakpoints using mathematically precise modular scale ratios.

How it works

1. Set your base — Choose your base font sizes for each breakpoint and select a modular scale ratio (Golden Ratio, Major Third, Perfect Fourth, and more)

2. Pick your fonts — Search and preview from the full Google Fonts library. Assign primary and secondary font families

3. Customize every style — Fine-tune font size, weight, line height, letter spacing, and color for each individual style. Adjust breakpoint offsets independently

4. Generate — One click creates all 12 text styles directly in Framer's style panel, optionally organized in a named folder

Key features

• 12 responsive text styles generated across 3 breakpoints

• Modular scale ratios — 8 presets including Golden Ratio, Major Third, and Minor Second

• Independent breakpoint control — adjust step offsets per style for precise responsive sizing

• Live font preview — see your font choices rendered in real-time before generating

• Searchable font picker — browse the full Google Fonts library with instant preview

• Folder organization — keep generated styles organized under a custom folder name

• Dark & light mode — follows Framer's interface theme automatically

Pricing

• Free — 3 full generations to try everything

• Pro ($9) — 30 days of unlimited generations. One-time payment, no auto-renewal