Generador de escala tipográfica modular
Con 16 px de partida y una proporción de 1,25, cinco pasos dan 16, 20, 25, 31,25, 39,0625 y 48,828125. Elija tres números y obtenga toda una jerarquía de tamaños de letra sin adivinar cada uno. Gratis en su navegador.
- Gratis
- Funciona en su navegador
- Sin registro
- Sus datos no salen de su equipo
Ejecutar — gratis
Ejemplo resuelto
- Tamaño de fuente base
- 16
- Ratio de escala modular
- 1,25
- Conteo de pasos
- 5 px
- Tamaños
- 16, 20, 25, 31,25, 39,0625, 48,828125
- Conteo de tamaños
- 6
Un generador de escala tipográfica modular convierte tres números de diseño —tamaño de fuente base, ratio de escala y número de pasos— en una escalera coherente de tamaños para títulos, cuerpo y pies de foto. Introduzca una base como dieciséis, un ratio como uno coma veinticinco para una tercera mayor o uno coma seiscientos dieciocho para la proporción áurea, y cuántos pasos desea por encima de la base; la herramienta devuelve cada tamaño como base por ratio elevado a n para n de cero hasta su conteo de pasos, más una tabla de escala estructurada, una cadena de fórmula cerrada y pasos de sustitución ordenados que puede afirmar en pruebas o sistemas de diseño. Kits de interfaz, guías de marca, tokens de diseño CSS y ejercicios de aula necesitan esa misma progresión geométrica determinista sin abrir una hoja de cálculo ni un complemento de Figma.
Qué es una escala tipográfica modular y por qué el ratio debe superar uno
Una escala tipográfica modular es una secuencia geométrica de tamaños de fuente controlada por una sola base y un solo ratio. Si la base es dieciséis y el ratio es uno coma veinticinco, el paso cero es dieciséis, el uno es veinte, el dos es veinticinco, el tres es treinta y uno coma veinticinco, y así sucesivamente: cada tamaño es el anterior multiplicado por el mismo ratio.
Los diseñadores eligen ratios con nombres musicales o clásicos: segunda mayor cerca de uno coma ciento veinticinco, tercera mayor uno coma veinticinco, cuarta justa cerca de uno coma trescientos treinta y tres, quinta justa uno coma cinco y proporción áurea cerca de uno coma seiscientos dieciocho. El poder del método es la contención: en lugar de inventar valores de píxel arbitrarios de h1 al pie de foto, elige tres números y hereda una jerarquía que se siente intencionada entre puntos de ruptura y componentes.
El ratio debe ser estrictamente mayor que uno porque un ratio de uno produce una secuencia constante donde cada paso iguala la base, y un ratio menor que uno reduce tamaños al crecer el índice de paso, lo que invierte la jerarquía de títulos y casi nunca es lo que promete una página de escala tipográfica.
Consejos prácticos, límites y búsquedas relacionadas
Los puntos de control habituales de estudio son fáciles de memorizar: base dieciséis con tercera mayor uno coma veinticinco en cinco pasos es una escalera familiar de cuerpo a display; base dieciocho con proporción áurea en cuatro pasos conviene a sistemas de artículo de formato largo; base quince con cuarta justa funciona bien en interfaces de administración densas. Prefiera enviar números en vez de cadenas preformateadas cuando controle el cliente; las cadenas numéricas solo se aceptan si coinciden con un patrón numérico finito estricto.
Esta página atiende a quienes buscan un generador de escala tipográfica modular, calculadora de escala tipográfica o herramienta de ratio y pasos de tamaño de fuente; no es un conversor px-a-rem, ni una calculadora de clamp fluido, ni un recomendador de emparejamiento de fuentes. Prefiera esta capacidad cuando ya conozca base, ratio y conteo de pasos y solo necesite la escalera de tamaños; si necesita conversión a rem después, convierta cada tamaño publicado con una herramienta separada de fuente raíz.
Las comprobaciones de ida y vuelta son directas: recalcule base por ratio de forma iterativa y confirme que cada entrada en sizes y scale coincide con el mismo redondeo a doce decimales del solver.
Qué puede hacer con ella
Tokens de diseño para títulos y cuerpo
Los diseñadores introducen base, ratio y pasos una vez y copian el array sizes en variables CSS o estilos de texto de Figma para una jerarquía de producto coherente.
Hojas de trabajo de guías de marca
Los equipos documentan una escala de tercera mayor o proporción áurea con números deterministas que estudiantes y freelancers pueden recomputar sin complementos propietarios.
Preguntas frecuentes
¿Qué es una escala tipográfica modular?
Una secuencia geométrica de tamaños de fuente size(n) = base × ratio^n. Una base y un ratio producen una escalera coherente para cuerpo, títulos y display.
¿Por qué el ratio debe ser mayor que uno?
Un ratio de uno mantiene cada paso igual a la base; uno por debajo de uno reduce tamaños al aumentar los pasos.
¿Cuántos tamaños obtengo para un conteo de pasos dado?
Cinco pasos dan seis tamaños empezando en la base.
¿En qué unidad están los tamaños?
Los tamaños son números puros en la misma unidad que su base (por convención px). La respuesta etiqueta unit como px por comodidad de tokens de diseño; convierta a rem si su sistema lo exige.
¿Es gratuito el generador de escala tipográfica modular?
La herramienta del navegador es gratuita y se ejecuta en local.
Herramientas relacionadas
Para desarrolladores — acceso por API
Todo lo de esta página está disponible por programación. Esta sección es para equipos que quieren integrarlo en sus sistemas; el resto puede usar la herramienta de arriba sin más.
Endpoint de API
¿Prefiere automatizarlo? Un POST autenticado crea la tarea; el resultado llega por webhook o enlace firmado. La misma capacidad también se ejecuta aquí en la web, por email y desde Telegram — y pronto también desde nuestra app.
Llámela desde su stack
curl -X POST https://api.kit.forhosting.com/hobby/modular-scale \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"base":16,"ratio":1.25,"steps":5}'const res = await fetch("https://api.kit.forhosting.com/hobby/modular-scale", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"base": 16,
"ratio": 1.25,
"steps": 5
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/hobby/modular-scale",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"base": 16,
"ratio": 1.25,
"steps": 5
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/hobby/modular-scale", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"base":16,"ratio":1.25,"steps":5}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"base":16,"ratio":1.25,"steps":5}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/hobby/modular-scale", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Ejemplo de solicitud
{
"base": 16,
"ratio": 1.25,
"steps": 5
}Ejemplo de respuesta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "hobby.modular_scale",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}La API es asíncrona: la llamada devuelve un task_id al instante y el resultado llega por webhook. El polling está limitado a 1 req/s por tarea.
Precio
Precio publicado — sin tokens ni créditos inventados. Una tarea fallida no se cobra.
Límites
max_abs | 1000000000000 |
max_steps | 32 |
min_base | 1e-12 |
Errores
| HTTP | Código | Significado |
|---|---|---|
401 | unauthorized | API key ausente o inválida. |
402 | insufficient_balance | El saldo no cubre el precio de la tarea. |
404 | unknown_type | El tipo de tarea no existe. |
429 | rate_limited | Demasiadas peticiones. Use el webhook en vez de sondear. |
Notas técnicas
Cuando el ratio es uno o menor la escala no puede crecer, así que la API devuelve un error invalid_input claro en lugar de una lista plana o decreciente que rompería la jerarquía. La ruta es aritmética pura —sin red, sin semillas aleatorias ni dependencia del reloj— de modo que el ejecutor gratuito del navegador y la API prepago devuelven el mismo JSON tras un redondeo decimal fijo cada vez que la invoca.
Qué es una escala tipográfica modular y por qué el ratio debe superar uno
Por eso esta capacidad rechaza ratio de uno o menos con invalid_input, alineada con expectativas de aula e intención SEO de un generador de escala tipográfica modular. Tamaños base positivos y un conteo de pasos entero no negativo acotado mantienen potencias intermedias finitas en doble precisión IEEE.
Cómo llamar a la API y qué devuelve
Base debe ser un número finito estrictamente positivo dentro del límite absoluto publicado de un billón. Ratio debe ser un número finito estrictamente mayor que uno y dentro del mismo límite absoluto. Envíe un cuerpo JSON con tres campos obligatorios: base (alias base_size, font_size y base_font), ratio (alias scale_ratio, modular_ratio y r) y steps (alias step_count, count y n). Steps debe ser un entero no negativo de cero a treinta y dos inclusive; la respuesta incluye entonces step_count más uno tamaños cubriendo exponentes de cero a steps. Si tiene éxito, la respuesta repite base y ratio redondeados, fija step_count al conteo entero de pasos, sizes al array ordenado de tamaños de fuente redondeados, scale a un array de objetos cada uno con step y size, size_count a la longitud de sizes, unit a la cadena px como etiqueta convencional de token de diseño, formula a la relación cerrada tamaño de n igual a base por ratio a la n para n de cero a steps, message a un breve resumen en inglés y steps a un recorrido ordenado de líneas intermedias. La validación fallida —campos ausentes, números no finitos, base no positiva, ratio de uno o menos, steps fraccionarios o fuera de rango, o un tamaño desbordado no finito— devuelve invalid_input y nunca se cobra. El precio es un fijo $0.002 por petición correcta con unidad item y precio unitario marginal cero.
Consejos prácticos, límites y búsquedas relacionadas
Mantenga base y ratio dentro del rango absoluto publicado para que las multiplicaciones sucesivas sigan finitas en el Worker y en el navegador; prefiera conteos de pasos modestos cuando el ratio es grande para que el título mayor no explote más allá de los límites de maquetación. Al enseñar o documentar un sistema de diseño, combine un camino feliz con un ratio deliberado de uno o cero coma nueve para demostrar la vía dura de invalid_input, y confirme que los tamaños en el paso k igualan base por ratio a la k con redondeo a doce decimales. Las tareas fallidas con invalid_input no consumen saldo prepago, lo que mantiene baratos los scripts exploratorios cuando los alumnos sondean deliberadamente los bordes.
Casos de integración
Pruebas unitarias de generadores de design system
Los desarrolladores alimentan triples base-ratio-pasos conocidos y afirman filas de sizes y scale frente a fixtures golden en CI sin herramientas de interfaz flotantes.