Calculadora de escala modular
Tamaños tipográficos a partir de una base y una razón, con una tabla de pasos.
Rellena los campos y el resultado aparecerá aquí automáticamente.
Una escala modular produce tamaños de letra por multiplicación y no a ojo: cada paso es el anterior multiplicado por una razón fija, así que los títulos, el texto y los pies mantienen una única relación por muchos tamaños que acabe necesitando un diseño. El paso cero es la base —normalmente el texto corrido—, con los pasos positivos subiendo hacia los títulos y los negativos bajando hacia pies y letra pequeña. La razón hace casi todo el trabajo: 1,2 da una escala discreta en la que los tamaños quedan cerca, mientras que 1,618 abre huecos lo bastante grandes como para que un título dos pasos por encima mida más del doble que el texto.
Cómo funciona
Fórmula y lógica
Tamaño en el nivel k = B·q^k. La base positiva B y q>1 definen una escala ascendente. Los campos arriba/abajo son cantidades enteras de 0 a 20, no índices con signo. Se incluye el nivel cero: hay 1+arriba+abajo tamaños. Con k negativo se divide por q^|k|. La tabla muestra los primeros 12 niveles; mínimo y máximo corresponden a toda la escala solicitada. Las longitudes conservan la unidad de la base.
Ejemplo
Una base de 16 con una razón de 1,25 llega a 48,828 cinco pasos arriba y a 10,24 dos pasos abajo.
Campos y unidades
- Tamaño base — unidad de longitud
- Razón de la escala — 1
- Pasos por encima de la base — pasos
- Pasos por debajo de la base — pasos
Cómo se usa
- — Introduce el tamaño base, normalmente el del texto corrido.
- — Elige una razón: 1,2 para una escala apretada y 1,618 para una llamativa.
- — Introduce cuántos pasos necesitas por encima de la base para los títulos.
- — Introduce cuántos necesitas por debajo para pies y letra pequeña.
Método y limitaciones
- Método de cálculo
- Fórmula y lógica
- Limitación
- Escala geométrica sin selección automática de tipografía. Veinte niveles en cada sentido es el límite de esta herramienta; no convierte px en rem.
FAQ
¿Qué razón elijo?
Las razones entre 1,125 y 1,25 mantienen los tamaños cerca y van bien en interfaces densas. Las mayores —1,414, 1,5, 1,618— dan un contraste fuerte y funcionan mejor en composiciones editoriales con pocos niveles.
¿Debo redondear los tamaños?
Para CSS no hace falta: los navegadores manejan bien los píxeles y los rem fraccionarios. Redondea solo si un sistema de diseño exige números enteros, y redondea toda la escala igual.
¿La base tiene que ser el tamaño del texto corrido?
No tiene por qué, pero normalmente debería serlo. Anclar la escala al tamaño que más se lee mantiene el resto de tamaños en una relación definida con él.
¿Por qué la escala crece tan deprisa por arriba?
Porque es geométrica. Cada paso multiplica en vez de sumar, así que las distancias se ensanchan a medida que suben los pasos: esa es la propiedad que mantiene el extremo pequeño finamente espaciado sin apretar el grande.