📐 Typography Scale Calculator

Создавайте гармоничную типографику с modular scale

👁️ Live Preview

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

This is a paragraph of body text. The quick brown fox jumps over the lazy dog. Typography is the art and technique of arranging type.

Small text for captions and footnotes
📊 Scale Table
💻 CSS Variables
💡 О Modular Scale
Modular scale — это последовательность чисел, где каждое отношение к предыдущему равно выбранному ratio. Это создаёт визуальную гармонию в типографике.
  • Minor Second (1.067) — минимальный контраст
  • Major Second (1.125) — мягкий контраст
  • Minor Third (1.2) — сбалансированный
  • Major Third (1.25) — выразительный
  • Perfect Fourth (1.333) — сильный контраст
  • Augmented Fourth (1.414) — драматичный
  • Perfect Fifth (1.5) — очень сильный
  • Golden Ratio (1.618) — идеальная гармония
🎛️ Настройки