{"$schema":"https://toolsly.tools/schemas/tool-manifest-v1.json","generated":"2026-06-13T19:02:26.122Z","discovery":{"catalog":"https://toolsly.tools/tools.json","llmsTxt":"https://toolsly.tools/llms.txt","sitemap":"https://toolsly.tools/sitemap.xml"},"relatedTools":[{"slug":"px-to-rem","name":"PX to REM Converter","url":"https://toolsly.tools/px-to-rem"},{"slug":"tailwind-shade-generator","name":"Tailwind Shade Generator","url":"https://toolsly.tools/tailwind-shade-generator"},{"slug":"line-height-calculator","name":"Line Height Calculator","url":"https://toolsly.tools/line-height-calculator"},{"slug":"user-agent-parser","name":"User-Agent Parser","url":"https://toolsly.tools/user-agent-parser"},{"slug":"mime-type-lookup","name":"MIME Type Lookup","url":"https://toolsly.tools/mime-type-lookup"},{"slug":"css-minifier","name":"CSS Minifier","url":"https://toolsly.tools/css-minifier"},{"slug":"html-minifier","name":"HTML Minifier","url":"https://toolsly.tools/html-minifier"},{"slug":"svg-minifier","name":"SVG Minifier","url":"https://toolsly.tools/svg-minifier"}],"kind":"utility","slug":"type-scale-generator","name":"Type Scale Generator","description":"Build a modular typographic scale from a base size and ratio — px, rem and CSS variables, in-browser.","longDescription":"Generate a harmonious modular type scale for your design system. Choose a base font size and a classic musical ratio — Major Third (1.25), Perfect Fourth (1.333), the Golden Ratio (1.618) and more — and the tool multiplies up and down from the base to produce a full set of sizes. The largest steps are mapped to h1–h6, with body and small below, and every size is shown in both px and rem (relative to a 16px root). Copy the generated CSS custom properties straight into your stylesheet. All math runs locally in your browser — no signup, no upload.","category":"dev","categoryName":"Dev","keywords":["type scale generator","typographic scale generator","modular scale generator","font size scale","typography scale calculator","font scale generator","perfect fourth type scale","major third type scale","golden ratio typography","rem font scale","css type scale","heading size generator","responsive type scale","font size system","design system typography"],"badge":"Generator","url":"https://toolsly.tools/type-scale-generator","inputs":[{"type":"number","key":"baseSize","label":"Base size (px)","defaultValue":16,"min":8,"max":100,"step":1},{"type":"select","key":"ratio","label":"Scale ratio","choices":[{"value":"1.125","label":"1.125 — Major Second"},{"value":"1.2","label":"1.2 — Minor Third"},{"value":"1.25","label":"1.25 — Major Third"},{"value":"1.333","label":"1.333 — Perfect Fourth"},{"value":"1.414","label":"1.414 — Augmented Fourth"},{"value":"1.5","label":"1.5 — Perfect Fifth"},{"value":"1.618","label":"1.618 — Golden Ratio"}],"defaultValue":"1.25"},{"type":"number","key":"steps","label":"Steps up","defaultValue":6,"min":1,"max":12,"step":1,"help":"How many sizes larger than the base."},{"type":"number","key":"stepsDown","label":"Steps down","defaultValue":2,"min":0,"max":8,"step":1,"help":"How many sizes smaller than the base."}],"outputs":[{"key":"scale","label":"Scale","multiline":true,"monospace":true},{"key":"css","label":"CSS variables","multiline":true,"monospace":true},{"key":"remBase","label":"REM base"}],"invocation":{"webUi":"https://toolsly.tools/type-scale-generator","api":null,"notes":"Currently invoked via the web UI at `webUi`. Inputs are form fields; outputs are structured text values. A remote MCP/REST API is planned."}}