◈Free
Modular design scale
Generate a geometric type or spacing scale around a base size.
Generate a geometric type or spacing scale around a base size. Create sizes above and below a chosen base using value = base × ratio to the step power. The output lists each signed step and its rounded numeric value.
How to use
- Enter your text, values, or image.
- Adjust the options and run the tool.
- Copy or download your result.
Worked example
Example input
Base size: 16 Scale ratio: 2 Steps above and below: 2
Example result
[
{
"step": -2,
"value": 4
},
{
"step": -1,
"value": 8
},
{
"step": 0,
"value": 16
},
{
"step": 1,
"value": 32
},
{
"step": 2,
"value": 64
}
]Limitations and details
The scale is numeric and unit-agnostic; hierarchy, contrast and responsive behavior are not evaluated automatically.
Inputs and options
- Base size
- Number · Minimum: 0.01 · Maximum: 10000
- Scale ratio
- Number · Minimum: 1.01 · Maximum: 4
- Steps above and below
- Number · Minimum: 1 · Maximum: 12
Frequently asked questions
Is this tool free and private?
Yes. All 300 tools are free in this phase. Processing happens in your browser; your input and files are not sent to our servers.