Typeculator
āđāļāļĢāļ·āđāļāļāļāļīāļāđāļĨāļāļĄāļēāļāļĢāļēāļŠāđāļ§āļāđāļāļāļāļĢāļĢāļĄāļāļēāđāļāļĒāđāļāđāđāļāļāļāļīāļ "āļāđāļēāļĒāļŠāļĩāļāļāļ"
āļāļ°āđāļāļ
50
āļāļ°āđāļāļāļāļđāđāđāļāđ
1.0
āļāļēāļĢāļŠāļāļąāļāļŠāļāļļāļāļāļĢāļĩ/āļāļāļĨāļāļāđāļāđ
āļĢāļāļāļĢāļąāļ
āļĢāļēāļāļēāđāļĢāļīāđāļĄāļāđāļ
--
āļāļąāļāđāļāļāļĨāđāļēāļŠāļļāļ
āļ.āļ. 24, 2026
āļ āļēāļāļĢāļ§āļĄ
Typeculator āļāļ·āļāļāļ°āđāļĢ?
āđāļāļĢāļ·āđāļāļāļāļīāļāđāļĨāļāļĄāļēāļāļĢāļēāļŠāđāļ§āļāđāļāļāļāļĢāļĢāļĄāļāļēāđāļāļĒāđāļāđāđāļāļāļāļīāļ "āļāđāļēāļĒāļŠāļĩāļāļāļ"
Typeculator āđāļāđāļŠāļģāļŦāļĢāļąāļāļāļ°āđāļĢ?
āđāļāđāļ
āļāļĨāļļāđāļĄāļāļđāđāđāļāđ
āļāļļāļāļŠāļĄāļāļąāļāļīāļŦāļĨāļąāļ
- Generates type scales based on the Golden Thread technique
- Adjustable base size, scaling factor, scale steps, and line-height offset
- Live preview with sample text for each scale step
- Outputs ready-to-use CSS classes with font-size and line-height
- Supports px and rem units
- Free and browser-based
āļ§āļīāļāļĩāđāļāđ Typeculator?
Open the Typeculator web app, set your base size (e.g., 12â16px), choose a scaling factor to control growth between steps, pick the number of scale steps (e.g., 4â6 for screen design), and adjust the line-height offset. The tool instantly generates a preview with sample text and CSS classes like .scale-step-1 through .scale-step-6, showing font-size and line-height values. Copy the generated CSS into your project.
āđāļāļĢāļ·āđāļāļāļĄāļ·āļāļāļēāļāđāļĨāļ·āļāļ
āđāļĄāđāļāļāđāļāļĢāļ·āđāļāļāļĄāļ·āļāļāļēāļāđāļĨāļ·āļāļ
āļāđāļāļāļĩ & āļāđāļāđāļŠāļĩāļĒ
āļāđāļāļāļĩ
- Simple and focused interface
- Instant visual feedback
- Produces copy-paste CSS
- Based on a proven typographic technique
- Completely free to use
āļāđāļāđāļŠāļĩāļĒ
- Limited to type scale generation only
- No export options beyond copying CSS
- No saved presets or accounts
- Requires understanding of typographic scale concepts
āļāļĢāļāļĩāļāļēāļĢāđāļāđāļāļēāļ
- Creating a consistent typographic hierarchy for a website or app
- Quickly generating CSS font-size and line-height values
- Teaching or learning about modular type scales
- Prototyping design systems
- Ensuring readable and harmonious text sizing across screen designs
āļĢāļēāļāļē Typeculator
āđāļāļāļāļĢāļĩ
āđāļĄāđāļĄāļĩāļāđāļāļĄāļđāļĨāļĢāļēāļāļēāđāļāļĒāļĨāļ°āđāļāļĩāļĒāļ
āļĢāļĩāļ§āļīāļ§āļāļđāđāđāļāđ
1.0
āļāļēāļ 5
1.0
āļĒāļąāļāđāļĄāđāļĄāļĩāļĢāļĩāļ§āļīāļ§
āđāļāđāļāļāļāđāļĢāļāļāļĩāđāļĢāļĩāļ§āļīāļ§āđāļāļĢāļ·āđāļāļāļĄāļ·āļāļāļĩāđ!