TypeScale

TypeScale is a precision micro-tool designed to eliminate the tedious manual setup of typography systems.

The Essential Typography Companion for Framer. TypeScale is a precision micro-tool designed to eliminate the tedious manual setup of typography systems. Whether you are starting a new design system or polishing a landing page, TypeScale provides the mathematical foundation for professional type hierarchy.Key Features: Instant Scale Generation: Choose from classic ratios (Golden Ratio, Perfect Fourth, etc.) or set your own. Full Control: Customize base size, line height, and naming prefixes (e.g., "Desktop", "Mobile"). Automatic Organization: Styles are automatically grouped into folders to keep your Assets panel clean. Unit Flexibility: Toggle between PX and REM units seamlessly. Clean UI: Built to feel native to Framer with full Dark and Light mode support. How to use: Configure your typography foundation in the "Configure" tab. Hit "Generate Text Styles". Your new hierarchy is ready to use in the Styles panel. FIRST DROP Edition - Built for speed, designed for systems.

Typography System in Seconds