Calculadora de Escala Tipografica Modular
Genera una escala tipografica modular a partir de un tamano base, una razon y el numero de pasos — la columna vertebral de cualquier conjunto de tokens tipograficos de un sistema de diseno.
Como usar la Calculadora de Escala Tipografica Modular
- Ingresa el tamano de fuente base en px.
- Elige una razon modular.
- Selecciona el paso maximo a generar.
- Haz clic en Calcular para ver la lista separada por comas.
Casos de Uso
- •Crear tokens tipograficos.
- •Disenar guias de estilo de marca.
- •Reconstruir estilos de texto de Figma en codigo.
Fórmula
tamano(paso) = base x razon^paso. El paso 0 devuelve el tamano base; los pasos superiores crecen exponencialmente.
Preguntas Frecuentes
Que razon debo usar?
Las razones mas ajustadas (1.125, 1.200) producen una jerarquia sutil adecuada para interfaces densas. Las razones mas amplias (1.414, 1.500) crean un contraste editorial dramatico. 1.250 es un valor predeterminado seguro para la web.
Debo redondear a pixeles enteros?
Las escalas basadas en rem pueden conservar valores fraccionarios; los tokens en px generalmente se redondean a 0.5 px o pixeles enteros para mayor fidelidad de renderizado.
Es esto lo mismo que la escala de Tailwind?
No — Tailwind usa paradas ajustadas a mano en lugar de una escala modular pura. Usa esta calculadora para generar una escala alternativa cuando necesites una marca personalizada.