Typeculator
Calculadora de escala de tipo simple basada en la técnica del "Hilo Dorado".
Puntuación
50
Calificación de Usuario
1.0
Soporte Gratuito/Prueba
Soportado
Precio Inicial
--
Última Actualización
oct 24, 2026
Resumen
¿Qué es Typeculator?
Calculadora de escala de tipo simple basada en la técnica del "Hilo Dorado".
¿Para qué se usa Typeculator?
Grupos de Usuarios
Características Principales
- Generates type scales based on the Golden Thread technique
- Adjustable base size, scaling factor, scale steps, and line-height offset
- Live preview with sample text for each scale step
- Outputs ready-to-use CSS classes with font-size and line-height
- Supports px and rem units
- Free and browser-based
¿Cómo usar Typeculator?
Open the Typeculator web app, set your base size (e.g., 12–16px), choose a scaling factor to control growth between steps, pick the number of scale steps (e.g., 4–6 for screen design), and adjust the line-height offset. The tool instantly generates a preview with sample text and CSS classes like .scale-step-1 through .scale-step-6, showing font-size and line-height values. Copy the generated CSS into your project.
Herramientas Alternativas
No se encontraron herramientas alternativas
Pros & Contras
Pros
- Simple and focused interface
- Instant visual feedback
- Produces copy-paste CSS
- Based on a proven typographic technique
- Completely free to use
Contras
- Limited to type scale generation only
- No export options beyond copying CSS
- No saved presets or accounts
- Requires understanding of typographic scale concepts
Casos de Uso
- Creating a consistent typographic hierarchy for a website or app
- Quickly generating CSS font-size and line-height values
- Teaching or learning about modular type scales
- Prototyping design systems
- Ensuring readable and harmonious text sizing across screen designs
Precios de Typeculator
Plan Gratuito
No hay información detallada de precios disponible
Reseñas de Usuarios
1.0
de 5
1.0
Aún no hay reseñas
¡Sé el primero en reseñar esta herramienta!