Size Scale
space set
type:
A decision to define a size scale.size-scale
Models
The following models can be used to produce a Size Scale decision.
Explicit value
Defines a size scale with arbitrary size values.Sample decision
Size Scale Explicit Sample
5
10
15
20
30
50
Sample data
{ "uuid": "765ad37e755872a42fbc9042c9fb76cb", "name": "Size Scale Explicit Sample", "model": "size-scale/explicit", "params": { "values": [ 5, 10, 15, 20, 30, 50 ] }}
🐘 Help wanted:
Documenting schemas
Bounded
Defines a size scale interpolating linearly between two size values.Sample decision
Size Scale Bounded Sample
25px
54.17px
83.33px
112.5px
141.67px
170.83px
200px
Sample data
{ "uuid": "93bbee1735f6c642a8029b1fe743b9f1", "name": "Size Scale Bounded Sample", "model": "size-scale/bounded", "params": { "from": 25, "to": 200, "steps": 5 }}
🐘 Help wanted:
Documenting schemas
Anchored
Defines a size scale from an anchor value applying modifiers to generate items before and/or after the anchor .Sample decision
Size Scale Anchored Sample
10px
20px
30px
60px
120px
240px
Sample data
{ "uuid": "c13bbbbf606426717f75f8505525a0d7", "name": "Size Scale Anchored Sample", "model": "size-scale/anchored", "params": { "anchor": 30, "before": { "steps": 2, "modifier": { "mode": "linear", "by": -10 } }, "after": { "steps": 3, "modifier": { "mode": "geometric", "by": 2 } } }}