Space Scale

space scale

type: space-scale
A decision to define a space scale.

Models

The following models can be used to produce a Space Scale decision.

Explicit value

Defines a space scale with arbitrary space values.

🚧 Schema

Sample data

{
  "model": "space-scale/explicit",
  "name": "Space Scale Explicit Sample",
  "params": {
    "values": [
      5,
      10,
      15,
      20,
      30,
      50
    ]
  }
}

Space Scale Explicit Sample

5px

10px

15px

20px

30px

50px

Model:

space-scale/explicit

Params:

values

51015203050

Bounded

Defines a space scale interpolating linearly between two space values.

🚧 Schema

Sample data

{
  "model": "space-scale/bounded",
  "name": "Space Scale Bounded Sample",
  "params": {
    "from": 25,
    "to": 200,
    "steps": 5
  }
}

Space Scale Bounded Sample

25px

60px

95px

130px

165px

200px

Model:

space-scale/bounded

Params:

from

25
to

200
steps

5

Anchored

Defines a space scale from an anchor value applying modifiers to generate items before and/or after the anchor .

🚧 Schema

Sample data

{
  "model": "space-scale/anchored",
  "name": "Space Scale Anchored Sample",
  "params": {
    "anchor": 30,
    "after": {
      "steps": 3,
      "modifier": {
        "mode": "geometric",
        "by": 2
      }
    },
    "before": {
      "steps": 2,
      "modifier": {
        "mode": "linear",
        "by": -10
      }
    }
  }
}

Space Scale Anchored Sample

10px

20px

30px

60px

120px

240px

Model:

space-scale/anchored

Params:

anchor

30
after

[object Object]
before

[object Object]