Generador de escala tipográfica con proporción áurea

Introduzca un tamaño base, elija cuántos pasos mayores y menores necesita y reciba una lista determinista de valores redondeados, lista para tokens de diseño, guías de estilo o CSS. A diferencia de un ajuste fijo para encabezados, este generador permite definir la profundidad de la escala y aplica la proporción áurea completa entre entradas consecutivas. Puede conservar la etiqueta predeterminada en píxeles o indicar otra unidad sin alterar el cálculo subyacente.

Construya la escala desde una base significativa

Comience por el tamaño que sustenta la experiencia de lectura, en vez de elegir primero el encabezado más grande. En un sitio web, la base suele ser el tamaño del texto corrido; en una presentación, puede ser el texto habitual de las diapositivas; en un sistema impreso, podría ser el tamaño estándar de los párrafos en puntos. El generador considera ese número como el paso cero. Cada paso positivo lo multiplica por phi, aproximadamente 1.61803399, y cada paso negativo lo divide por la misma proporción. Así se obtiene una progresión coherente en ambas direcciones y cada entrada permanece matemáticamente vinculada al punto de partida. Elija steps_up para controlar cuántos valores mayores aparecen y steps_down para incluir pies, notas o etiquetas auxiliares por debajo de la base. Ambos controles están acotados para que el resultado siga siendo práctico y fácil de revisar. Una base de dieciséis con tres pasos superiores, por ejemplo, crea tamaños de exhibición progresivamente más marcados y conserva dieciséis como centro conceptual exacto. El campo de unidad es una etiqueta, no un conversor: dieciséis píxeles y dieciséis puntos producen la misma escala numérica, pero comunican entornos de uso diferentes. Esta distinción evita fingir que unidades físicas y de pantalla sin relación pueden convertirse sin contexto. Parta de un tamaño cuya legibilidad ya conozca y use después la escala para explorar la jerarquía que lo rodea.

Interprete, redondee y aplique los valores generados

La respuesta enumera las entradas desde el mayor paso solicitado hasta el menor, por lo que puede revisarlas directamente como jerarquía tipográfica. Cada fila incluye su paso con signo, el tamaño numérico, el tamaño formateado con la unidad elegida y una función sencilla que indica si es mayor, igual o menor que la base. El paso cero siempre se identifica como base. El campo de fórmula registra la regla exacta aplicada, algo útil para documentar la procedencia de los tokens de diseño o revisar posteriormente un tema generado. La precisión controla el número de decimales de cada tamaño. Tres decimales funcionan bien en CSS y en la mayoría de las herramientas de diseño digital, mientras que los enteros pueden convenir a interfaces restringidas o especificaciones impresas que evitan fracciones de forma deliberada. El redondeo se realiza únicamente después de calcular la potencia, por lo que los pasos intermedios no acumulan errores. Si dos valores pequeños cercanos coinciden con una precisión reducida, aumente la precisión en lugar de modificar uno manualmente y romper la proporción. Considere la salida como un sistema inicial matemáticamente coherente, no como la obligación de utilizar todos los resultados. Un producto compacto puede usar solo la base y dos entradas mayores, mientras que un sitio editorial puede aprovechar casi toda la escala. Copie los valores numéricos en tokens como font_size_base o font_size_display y conserve los números de paso en comentarios para que otras personas puedan regenerar el sistema de forma consistente, sin adivinar el origen de valores aislados.

Equilibre la proporción clásica con la tipografía práctica

La proporción áurea completa crea un contraste marcado, precisamente por eso resulta apropiada para diseños editoriales expresivos, sistemas de marca, carteles y páginas de campaña. También puede ocupar demasiado espacio cuando una aplicación densa debe alojar muchos niveles consecutivos. Use menos pasos si la proporción ofrece más jerarquía de la necesaria y pruebe los tamaños con la tipografía real, porque la altura de x, el peso, el ancho y el ajuste óptico cambian la escala percibida. Los diseños adaptables pueden emplear distintos tamaños base en cada punto de ruptura y conservar las mismas asignaciones de pasos, de modo que las vistas mantengan un aire de familia sin imponer a un teléfono un tamaño de exhibición pensado para escritorio. La accesibilidad sigue comenzando por un cuerpo legible, una longitud de línea cómoda, una interlínea adecuada y suficiente contraste; una proporción atractiva no corrige una base demasiado pequeña ni una fuente inadecuada. La herramienta calcula únicamente tamaños de fuente y no inventa interlínea, espaciado entre letras, pesos ni HTML semántico. Esas decisiones dependen del idioma, el medio, la tipografía y la densidad del contenido. Para automatizar, envíe las mismas entradas mediante la API por $0.002 por solicitud y almacene la escala devuelta junto con sus tokens de diseño. Como el cálculo no utiliza red, azar ni hora actual, las solicitudes idénticas siempre producen los mismos valores. Esto hace que la salida sea adecuada para scripts de compilación, pruebas instantáneas, generadores de documentación y auditorías de sistemas de diseño donde la reproducibilidad importa tanto como la armonía visual.