Module
Appearance
Color spaces, paint, typography, filters, surface and rendering appearance.
Raw schema: /schema/1.0/modules/appearance.schema.json
color
type: string | "transparent" | "currentColor" | "black" | "white" | tokenRef | object
No object properties on this definition.
gradient
type: object · required: type, stops
| Property | Type | Required | Constraints |
|---|---|---|---|
type | "linear" | "radial" | "conic" | yes | — |
angle | number | no | — |
center | vector2 | no | — |
stops | array<object> | yes | minItems 2 |
paint
type: color | object
No object properties on this definition.
stroke
type: object · required: color, width
shadow
type: object · required: color, x, y, blur
typography
type: object
| Property | Type | Required | Constraints |
|---|---|---|---|
fontFamily | string | array<string> | no | minLength 1 · minItems 1 · minLength 1 |
fontAssetRef | id | no | — |
fontSize | size | no | — |
fontWeight | integer | "normal" | "bold" | no | min 1 · max 1000 |
fontStyle | "normal" | "italic" | "oblique" | no | — |
lineHeight | number | dimension | no | min 0 |
letterSpacing | dimension | no | — |
textAlign | "start" | "end" | "left" | "right" | "center" | "justify" | no | — |
textTransform | "none" | "uppercase" | "lowercase" | "capitalize" | no | — |
textDecoration | "none" | "underline" | "line-through" | "overline" | no | — |
direction | "ltr" | "rtl" | "auto" | no | — |
fontFeatures | object | no | — |
fontVariations | object | no | — |
maxLines | integer | no | min 1 |
overflow | "clip" | "ellipsis" | "wrap" | no | — |
filter
type: object · required: type
| Property | Type | Required | Constraints |
|---|---|---|---|
type | "blur" | "brightness" | "contrast" | "grayscale" | "hue-rotate" | "invert" | "saturate" | "sepia" | "custom" | yes | — |
amount | number | no | — |
assetRef | id | no | — |
appearance
type: object
| Property | Type | Required | Constraints |
|---|---|---|---|
fill | paint | array<paint> | no | — |
background | paint | no | — |
color | color | no | — |
stroke | stroke | array<stroke> | no | — |
opacity | number | no | min 0 · max 1 |
blend | "normal" | "multiply" | "screen" | "overlay" | "darken" | "lighten" | "color-dodge" | "color-burn" | "hard-light" | "soft-light" | "difference" | "exclusion" | "hue" | "saturation" | "color" | "luminosity" | no | — |
radius | size | object | no | — |
shadows | array<shadow> | no | — |
blur | size | no | — |
filters | array<filter> | no | — |
maskRef | id | no | — |
clipRef | id | no | — |
materialRef | id | no | — |
textureRef | id | no | — |
typography | typography | no | — |
visible | boolean | no | — |
extensions | extensions | no | — |