DOL Variable ID Map
Source file: DOL Design System V2 (key: DqRd7UQkNGcdvYL5fwZxlf)
Counts: 12 collections / 2963 variables total · 724 AI-facing (curated)
How to use this map
Section titled “How to use this map”Direct binding (no runtime name lookup)
Section titled “Direct binding (no runtime name lookup)”// Instead of:const target = vars.find(v => v.name === 'text-color/danger-primary'); // runtime lookup// Use the ID directly from this map:const target = await figma.variables.getVariableByIdAsync('VariableID:XXX:YYY');IDs vs Keys
Section titled “IDs vs Keys”VariableID:...- session + file-local identifier. Works within active DS file.key(SHA1-like hash) - cross-file publishable key. Use for imported libraries.
Collections
Section titled “Collections”Only AI-facing collections exposed here. Base / raw-palette excluded (not directly bound):
| Collection | Modes | Variables (AI-facing) |
|---|---|---|
| Border Radius | General | 31 |
| Component Token | Mode 1 | 81 |
| General Color System | Default | 300 |
| General Component Sizing | Mode 1 | 21 |
| Layout | General, Tablet, Mobile | 61 |
| Statistic | Mode 1 | 49 |
| Typography | Desktop, Tablet, Mobile | 130 |
| Typography Scale | Default, KID | 51 |
Mode IDs (for switching mode during binding)
Section titled “Mode IDs (for switching mode during binding)”Layout
| Mode | Mode ID |
|---|---|
| General | 15466:0 |
| Tablet | 22020:1 |
| Mobile | 22020:2 |
Typography
| Mode | Mode ID |
|---|---|
| Desktop | 22028:0 |
| Tablet | 22029:1 |
| Mobile | 22029:2 |
Typography Scale
| Mode | Mode ID |
|---|---|
| Default | 33095:1 |
| KID | 35239:0 |
Border Radius (31 variables)
Section titled “Border Radius (31 variables)”Collection ID: VariableCollectionId:22020:2833
| Name | Figma ID | Key | Type | Scopes |
|---|---|---|---|---|
control/2xl | VariableID:22020:65237 | 5ab441e433291dfa… | FLOAT | CORNER_RADIUS |
control/2xs | VariableID:24049:28812 | e460e27e7b322dda… | FLOAT | CORNER_RADIUS |
control/3xl | VariableID:22020:65239 | a958504a712d1a01… | FLOAT | CORNER_RADIUS |
control/3xs | VariableID:22020:65231 | 626fd6a7214cdd3e… | FLOAT | CORNER_RADIUS |
control/4xl | VariableID:34248:8689 | 19473bc7e17e24e0… | FLOAT | CORNER_RADIUS |
control/5xl | VariableID:34248:8690 | 2c73d0f8a6b8ad35… | FLOAT | CORNER_RADIUS |
control/lg | VariableID:22020:65235 | ecf6dbe347301ffa… | FLOAT | CORNER_RADIUS |
control/lg-sub | VariableID:22020:65234 | 5a89540b369c6bc9… | FLOAT | CORNER_RADIUS |
control/md | VariableID:33299:6658 | bc8eaf9fbb65b472… | FLOAT | CORNER_RADIUS |
control/sm | VariableID:22020:65233 | fb66e72e167c0f9f… | FLOAT | CORNER_RADIUS |
control/sm-sub | VariableID:23178:46941 | e535e7bcfb5d7120… | FLOAT | CORNER_RADIUS |
control/xl | VariableID:22020:65236 | fa592904645ca9ab… | FLOAT | CORNER_RADIUS |
control/xs | VariableID:22020:65232 | c062b64a97462639… | FLOAT | CORNER_RADIUS |
none-radius | VariableID:22020:65230 | b34075974151b20d… | FLOAT | CORNER_RADIUS |
overlay/2xl | VariableID:33296:3638 | 399d802882499f2d… | FLOAT | CORNER_RADIUS |
overlay/3xl | VariableID:33296:3639 | dc2b6941e156d9f8… | FLOAT | CORNER_RADIUS |
overlay/4xl | VariableID:34248:8694 | 46ea54510e66f868… | FLOAT | CORNER_RADIUS |
overlay/5xl | VariableID:34248:8695 | 0473bfec4269ea03… | FLOAT | CORNER_RADIUS |
overlay/lg | VariableID:33296:3636 | bb1dc7995ef4eba2… | FLOAT | CORNER_RADIUS |
overlay/md | VariableID:33296:3635 | 66eb3bbc86d3b6fc… | FLOAT | CORNER_RADIUS |
overlay/sm | VariableID:33296:3634 | fc70229ac1c710cf… | FLOAT | CORNER_RADIUS |
overlay/xl | VariableID:33296:3637 | 4b06276d967968cf… | FLOAT | CORNER_RADIUS |
pill-shape | VariableID:22020:65238 | 1fda940184be80fb… | FLOAT | CORNER_RADIUS |
surface/2xl | VariableID:33296:3626 | dba9e8b86eeeeefc… | FLOAT | CORNER_RADIUS |
surface/3xl | VariableID:33296:3627 | dfbba20afb76c2b6… | FLOAT | CORNER_RADIUS |
surface/4xl | VariableID:34248:8692 | 494fe0fac0c281f5… | FLOAT | CORNER_RADIUS |
surface/5xl | VariableID:34248:8693 | 005e81badefc4d66… | FLOAT | CORNER_RADIUS |
surface/lg | VariableID:33296:3624 | 88c8807cef9af0ac… | FLOAT | CORNER_RADIUS |
surface/md | VariableID:33296:3623 | 11b6bce45b7de4e3… | FLOAT | CORNER_RADIUS |
surface/sm | VariableID:33296:3622 | a9e0d6634504ec05… | FLOAT | CORNER_RADIUS |
surface/xl | VariableID:33296:3625 | 145c2a7aedd630bd… | FLOAT | CORNER_RADIUS |
Component Token (81 variables)
Section titled “Component Token (81 variables)”Collection ID: VariableCollectionId:18525:8808
| Name | Figma ID | Key | Type | Scopes |
|---|---|---|---|---|
alert/radius/lg | VariableID:33291:84 | 189837067e4661fa… | FLOAT | CORNER_RADIUS |
alert/radius/md | VariableID:24309:31667 | 5dc57f8ebfbc8591… | FLOAT | CORNER_RADIUS |
alert/radius/sm | VariableID:24309:31670 | fee699672cb635df… | FLOAT | CORNER_RADIUS |
bottom-sheet/radius/lg | VariableID:34279:2179 | e6d6b14b4c7cebf6… | FLOAT | ALL_SCOPES |
bottom-sheet/radius/md | VariableID:33291:90 | 377b8eecc5a8d51d… | FLOAT | ALL_SCOPES |
button/height/2xl | VariableID:33291:82 | 2442454f6ecf77d2… | FLOAT | WIDTH_HEIGHT |
button/height/2xs | VariableID:33267:39335 | 1c71c7afcb43990c… | FLOAT | WIDTH_HEIGHT |
button/height/3xl | VariableID:33291:83 | ef8c6458d9c7c52a… | FLOAT | WIDTH_HEIGHT |
button/height/3xs | VariableID:33272:18968 | 96bc936a0fe276af… | FLOAT | WIDTH_HEIGHT |
button/height/4xl | VariableID:36005:2396 | b4f9f06f1eb89698… | FLOAT | WIDTH_HEIGHT |
button/height/lg | VariableID:33267:39331 | 63125c6f1d86a664… | FLOAT | WIDTH_HEIGHT |
button/height/md | VariableID:33267:39330 | d623ba1c49b10594… | FLOAT | WIDTH_HEIGHT |
button/height/sm | VariableID:33267:39332 | 4d2c6c26a9d883f0… | FLOAT | WIDTH_HEIGHT |
button/height/xl | VariableID:33267:39334 | 309eb02e252b95ca… | FLOAT | WIDTH_HEIGHT |
button/height/xs | VariableID:33267:39333 | c2abe42545ce6204… | FLOAT | WIDTH_HEIGHT |
button/radius/2xl | VariableID:33291:80 | 40d4d83fd0318080… | FLOAT | CORNER_RADIUS |
button/radius/2xs | VariableID:33291:85 | d54e121272dd1019… | FLOAT | CORNER_RADIUS |
button/radius/3xl | VariableID:33291:81 | 7545947943dcbec9… | FLOAT | CORNER_RADIUS |
button/radius/3xs | VariableID:33291:86 | 4d7739b695749b71… | FLOAT | CORNER_RADIUS |
button/radius/lg | VariableID:24307:13283 | d32845d11166bdc0… | FLOAT | CORNER_RADIUS |
button/radius/md | VariableID:23178:40361 | 3fcaa79e1e7e1158… | FLOAT | CORNER_RADIUS |
button/radius/sm | VariableID:23178:40362 | e951b062eee8f5ab… | FLOAT | CORNER_RADIUS |
button/radius/xl | VariableID:23178:40360 | d126de26bb58c8c2… | FLOAT | CORNER_RADIUS |
button/radius/xs | VariableID:23178:40363 | e15f1606c14d39c3… | FLOAT | CORNER_RADIUS |
dropdown/radius/lg | VariableID:33291:89 | 276c5ab4876c0a8d… | FLOAT | ALL_SCOPES |
dropdown/radius/md | VariableID:33291:88 | 4ec84bb2bb26acf9… | FLOAT | ALL_SCOPES |
dropdown/radius/xl | VariableID:33887:37461 | 0f67f3275110acaa… | FLOAT | ALL_SCOPES |
input/height/2xl | VariableID:33465:10988 | f99a1d0bab6b71b4… | FLOAT | WIDTH_HEIGHT |
input/height/2xs | VariableID:33465:10994 | 984bd7037c0c6c45… | FLOAT | WIDTH_HEIGHT |
input/height/3xs | VariableID:33465:10995 | dd7f17b11a2db1bb… | FLOAT | WIDTH_HEIGHT |
input/height/lg | VariableID:33465:10990 | b06f6eaaee97f8fc… | FLOAT | WIDTH_HEIGHT |
input/height/md | VariableID:33465:10991 | 4ebfb3679f764515… | FLOAT | WIDTH_HEIGHT |
input/height/sm | VariableID:33465:10992 | 11e9a0cfdeec19d4… | FLOAT | WIDTH_HEIGHT |
input/height/xl | VariableID:33465:10989 | 79a052d654815a6f… | FLOAT | WIDTH_HEIGHT |
input/height/xs | VariableID:33465:10993 | 698695e09dbbf139… | FLOAT | WIDTH_HEIGHT |
input/interactive/focus-ring-color/brand | VariableID:33989:20066 | 7010bb9a545aba21… | COLOR | EFFECT_COLOR |
input/interactive/focus-ring-color/error | VariableID:33990:20063 | 084f0ac4dc757d77… | COLOR | EFFECT_COLOR |
input/interactive/focus-ring-color/neutral | VariableID:33989:20068 | 3c0fdc5dadf8e556… | COLOR | EFFECT_COLOR |
input/interactive/focus-ring-color/special | VariableID:33989:20067 | 7856c58dd8bfbb17… | COLOR | EFFECT_COLOR |
input/interactive/focus-ring-color/tertiary | VariableID:23154:50365 | e55ef9eb88e43b84… | COLOR | EFFECT_COLOR |
input/interactive/focus-ring-color/warning | VariableID:33990:20062 | aac81ed089529090… | COLOR | EFFECT_COLOR |
input/interactive/focus-ring-width/2xl | VariableID:33989:20064 | 534d2f1583117157… | FLOAT | STROKE_FLOAT |
input/interactive/focus-ring-width/lg | VariableID:33989:20062 | 86684aa2741d5976… | FLOAT | STROKE_FLOAT |
input/interactive/focus-ring-width/md | VariableID:23154:50363 | 21bb6e88549d97d0… | FLOAT | STROKE_FLOAT |
input/interactive/focus-ring-width/sm | VariableID:33989:20065 | 6967ef5ef2c1cd81… | FLOAT | STROKE_FLOAT |
input/interactive/focus-ring-width/xl | VariableID:33989:20063 | ceddabf9112306e1… | FLOAT | STROKE_FLOAT |
input/radius/2xl | VariableID:34139:101155 | 5000a0972a84e820… | FLOAT | CORNER_RADIUS |
input/radius/lg | VariableID:23153:15460 | 446525859ac505d2… | FLOAT | CORNER_RADIUS |
input/radius/md | VariableID:23153:15461 | 0f6da252b4b5f914… | FLOAT | CORNER_RADIUS |
input/radius/mini | VariableID:23154:23331 | 8be10f703a6c784d… | FLOAT | CORNER_RADIUS |
input/radius/sm | VariableID:23153:15462 | 7efbeb124d0c34a1… | FLOAT | CORNER_RADIUS |
input/radius/xl | VariableID:26715:5540 | 11e0cad9a5af0ddc… | FLOAT | CORNER_RADIUS |
modal/radius/lg | VariableID:33317:1290 | fedbbdc4bad5e2ff… | FLOAT | ALL_SCOPES |
modal/radius/md | VariableID:33291:87 | 937140189a8c5a80… | FLOAT | ALL_SCOPES |
modal/radius/xl | VariableID:34248:8688 | 086378e6b722587a… | FLOAT | ALL_SCOPES |
modal/width/lg | VariableID:31880:50246 | 0f3da7e639189a45… | FLOAT | WIDTH_HEIGHT |
modal/width/md | VariableID:31880:50245 | c4be78b05dfca8df… | FLOAT | WIDTH_HEIGHT |
modal/width/sm | VariableID:31880:50244 | 5d790af42da5ef27… | FLOAT | WIDTH_HEIGHT |
modal/width/xl | VariableID:31880:50247 | 08daeb09d8471c33… | FLOAT | WIDTH_HEIGHT |
side-panel/border-color/active | VariableID:34281:863 | 9ccf4d19fd510631… | COLOR | ALL_SCOPES |
side-panel/border-color/default | VariableID:34281:862 | e7cdadf2d88015ce… | COLOR | ALL_SCOPES |
side-panel/radius/lg | VariableID:34279:2182 | a92f7fde83346314… | FLOAT | ALL_SCOPES |
side-panel/radius/md | VariableID:34279:2181 | 1c4a106f53afb875… | FLOAT | ALL_SCOPES |
test-comp/test-card/radius/lg | VariableID:33291:95 | f3e15ade83e6d0d2… | FLOAT | ALL_SCOPES |
test-comp/test-card/radius/md | VariableID:33291:94 | ba05b60aada59218… | FLOAT | ALL_SCOPES |
toggle/group/flush/radius/general | VariableID:32968:50389 | 1d824381b6d5ecae… | FLOAT | CORNER_RADIUS |
toggle/group/inset/radius/general | VariableID:32968:50373 | 5f742901b50e80a4… | FLOAT | CORNER_RADIUS |
tooltip/radius/lg | VariableID:33291:92 | 4428c54d8333193f… | FLOAT | ALL_SCOPES |
tooltip/radius/sm | VariableID:33291:93 | dc063b30c258a4e8… | FLOAT | ALL_SCOPES |
uploader/content/height/2xl | VariableID:33462:66099 | b5122f33b1e4ae0b… | FLOAT | WIDTH_HEIGHT |
uploader/content/height/lg | VariableID:33462:66097 | 932a778ed3f5949c… | FLOAT | WIDTH_HEIGHT |
uploader/content/height/md | VariableID:33462:66095 | 14bba92e166c27ea… | FLOAT | WIDTH_HEIGHT |
uploader/content/height/sm | VariableID:33462:66096 | 498ea00672688bf2… | FLOAT | WIDTH_HEIGHT |
uploader/content/height/xl | VariableID:33462:66100 | 6bd8e583a2a1b477… | FLOAT | WIDTH_HEIGHT |
uploader/content/height/xs | VariableID:33462:66098 | 6676c16ffe98e2f2… | FLOAT | WIDTH_HEIGHT |
uploader/radius/2x | VariableID:34286:11219 | 7220aeb6ebb5ae94… | FLOAT | CORNER_RADIUS |
uploader/radius/lg | VariableID:34286:9795 | 0d9ec754283dec89… | FLOAT | CORNER_RADIUS |
uploader/radius/md | VariableID:34286:1460 | 7a27fa0b3da8e266… | FLOAT | CORNER_RADIUS |
uploader/radius/sm | VariableID:34286:11220 | cef397251d5092e2… | FLOAT | CORNER_RADIUS |
uploader/radius/xl | VariableID:34286:1459 | 9fc7178a343d1152… | FLOAT | CORNER_RADIUS |
uploader/radius/xs | VariableID:34286:11221 | c373b9ab31d70a47… | FLOAT | CORNER_RADIUS |
General Color System (300 variables)
Section titled “General Color System (300 variables)”Collection ID: VariableCollectionId:15477:247508
| Name | Figma ID | Key | Type | Scopes |
|---|---|---|---|---|
border-color/ai-deep | VariableID:20082:10645 | ed5a5b775c715b74… | COLOR | STROKE_COLOR |
border-color/ai-dim | VariableID:33284:73757 | eadcbfd60c63c102… | COLOR | STROKE_COLOR |
border-color/ai-matte | VariableID:34363:129012 | 5871aa5a7be250f7… | COLOR | STROKE_COLOR |
border-color/ai-primary | VariableID:32745:3850 | 55a436cbea911992… | COLOR | STROKE_COLOR |
border-color/ai-secondary | VariableID:34363:129011 | 4ac5bdb161c610b1… | COLOR | STROKE_COLOR |
border-color/ai-soft | VariableID:34369:129067 | 8548757482348412… | COLOR | STROKE_COLOR |
border-color/brand-dim | VariableID:33312:6484 | 6e0d4822968ffe29… | COLOR | STROKE_COLOR |
border-color/brand-highlight | VariableID:18488:124311 | 65596ff221319ba8… | COLOR | STROKE_COLOR |
border-color/brand-matte | VariableID:34363:128987 | 1b659ca0756ff1f8… | COLOR | STROKE_COLOR |
border-color/brand-secondary | VariableID:18980:15897 | 912ea8420abfbe25… | COLOR | STROKE_COLOR |
border-color/brand-soft | VariableID:34369:129055 | d80b2f0ef048376a… | COLOR | STROKE_COLOR |
border-color/brand-stress | VariableID:34363:128985 | 36d6b8ddaa41228f… | COLOR | STROKE_COLOR |
border-color/brand-subtle | VariableID:34363:128983 | db5b1c75fed88a36… | COLOR | STROKE_COLOR |
border-color/danger-dim | VariableID:23581:20586 | 348e6a2bef9ca7bc… | COLOR | STROKE_COLOR |
border-color/danger-matte | VariableID:34363:128999 | 611ed97fc1215771… | COLOR | STROKE_COLOR |
border-color/danger-primary | VariableID:18980:15895 | 5aa57747a6d6e217… | COLOR | STROKE_COLOR |
border-color/danger-secondary | VariableID:18488:124309 | d9998c565cadea8f… | COLOR | STROKE_COLOR |
border-color/danger-soft | VariableID:34369:129061 | 6e57aca90bc03521… | COLOR | STROKE_COLOR |
border-color/danger-stress | VariableID:34363:128997 | f6a8029ba7f388a4… | COLOR | STROKE_COLOR |
border-color/danger-subtle | VariableID:34363:128996 | 7f4b3a30761e8541… | COLOR | STROKE_COLOR |
border-color/info-dim | VariableID:23581:20583 | cf23044a859dd12f… | COLOR | STROKE_COLOR |
border-color/info-matte | VariableID:34363:129003 | 3aa5ae2ac9212146… | COLOR | STROKE_COLOR |
border-color/info-primary | VariableID:18980:15896 | 667e3fa7763c3bc9… | COLOR | STROKE_COLOR |
border-color/info-secondary | VariableID:18488:124310 | e0ccdfc277fe372d… | COLOR | STROKE_COLOR |
border-color/info-soft | VariableID:34369:129063 | 26b979f6c4ab212e… | COLOR | STROKE_COLOR |
border-color/info-stress | VariableID:34363:129001 | 48631de77fc2f168… | COLOR | STROKE_COLOR |
border-color/info-subtle | VariableID:34363:129000 | 43dcfe9e4bc7b3df… | COLOR | STROKE_COLOR |
border-color/neutral-deep | VariableID:18484:36685 | 979d7f9cfb511489… | COLOR | STROKE_COLOR |
border-color/neutral-disabled | VariableID:18525:8807 | 20ecf6feaeb69daf… | COLOR | STROKE_COLOR |
border-color/neutral-highlight | VariableID:18488:124312 | 6af3097466ff4b2f… | COLOR | STROKE_COLOR |
border-color/neutral-inverse | VariableID:27153:261 | bbbf9828fc87d8b1… | COLOR | STROKE_COLOR |
border-color/neutral-primary | VariableID:17868:28002 | 9dfd804814c2d11a… | COLOR | STROKE_COLOR |
border-color/neutral-stress | VariableID:23581:20588 | 7cf2cd1546856ba6… | COLOR | STROKE_COLOR |
border-color/neutral-subtle | VariableID:18484:36686 | 84219d32aa23b47d… | COLOR | STROKE_COLOR |
border-color/on-inverse-dim | VariableID:34373:13761 | 9c98a53a4ed3622a… | COLOR | STROKE_COLOR |
border-color/on-inverse-primary | VariableID:20276:28926 | 903a36a9ab20b269… | COLOR | STROKE_COLOR |
border-color/on-inverse-secondary | VariableID:27153:263 | a58247764384c8c3… | COLOR | STROKE_COLOR |
border-color/progress-dim | VariableID:34363:129013 | 183e8ee913946d99… | COLOR | STROKE_COLOR |
border-color/progress-matte | VariableID:34363:129019 | 51dde18dad192f82… | COLOR | STROKE_COLOR |
border-color/progress-primary | VariableID:34363:129016 | b389123182d5ec1f… | COLOR | STROKE_COLOR |
border-color/progress-secondary | VariableID:34363:129014 | ba5f3a8ab86c021e… | COLOR | STROKE_COLOR |
border-color/progress-soft | VariableID:34369:129069 | abe24d6a0299e9c8… | COLOR | STROKE_COLOR |
border-color/progress-stress | VariableID:34363:129017 | e3883d04ca453a90… | COLOR | STROKE_COLOR |
border-color/progress-subtle | VariableID:34363:129015 | aee4c4059306425c… | COLOR | STROKE_COLOR |
border-color/special-dim | VariableID:34363:129004 | 669f25f137021173… | COLOR | STROKE_COLOR |
border-color/special-matte | VariableID:34363:129010 | e351f7e90940946e… | COLOR | STROKE_COLOR |
border-color/special-primary | VariableID:34363:129007 | 04ad155f08cd0d81… | COLOR | STROKE_COLOR |
border-color/special-secondary | VariableID:34363:129005 | 5cf2a8eb2b8389b8… | COLOR | STROKE_COLOR |
border-color/special-soft | VariableID:34369:129065 | eb9160edbc5b8379… | COLOR | STROKE_COLOR |
border-color/special-stress | VariableID:34363:129008 | a13d751c36b0573f… | COLOR | STROKE_COLOR |
border-color/special-subtle | VariableID:34363:129006 | 59b38bed062bc42e… | COLOR | STROKE_COLOR |
border-color/success-dim | VariableID:23581:20584 | 20d8c4316ca083c0… | COLOR | STROKE_COLOR |
border-color/success-matte | VariableID:34363:128991 | 2034927cafff5e10… | COLOR | STROKE_COLOR |
border-color/success-primary | VariableID:18980:15893 | 474c26eb5cc883fd… | COLOR | STROKE_COLOR |
border-color/success-secondary | VariableID:18488:124307 | 81dd7ed236280231… | COLOR | STROKE_COLOR |
border-color/success-soft | VariableID:34369:129057 | 344a1c7c76f7fb7f… | COLOR | STROKE_COLOR |
border-color/success-stress | VariableID:34363:128989 | 9cc2066197c066d4… | COLOR | STROKE_COLOR |
border-color/success-subtle | VariableID:34363:128988 | 0e4f4a087ce62566… | COLOR | STROKE_COLOR |
border-color/warning-dim | VariableID:23581:20585 | 5c75a64e521c1eaa… | COLOR | STROKE_COLOR |
border-color/warning-matte | VariableID:34363:128995 | b7ada248bf1a1997… | COLOR | STROKE_COLOR |
border-color/warning-primary | VariableID:18980:15894 | 94e1c9095656c3b9… | COLOR | STROKE_COLOR |
border-color/warning-secondary | VariableID:18488:124308 | 8226e710d07f3d01… | COLOR | STROKE_COLOR |
border-color/warning-soft | VariableID:34369:129059 | f61acd497e666429… | COLOR | STROKE_COLOR |
border-color/warning-stress | VariableID:34363:128993 | 90dbf3fb7b093eb3… | COLOR | STROKE_COLOR |
border-color/warning-subtle | VariableID:34363:128992 | 8ef9206393a95ce9… | COLOR | STROKE_COLOR |
fill/ai-dim | VariableID:33284:73758 | 0ca2c375b16a9543… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/ai-matte | VariableID:33312:6490 | f72afe8c0e3cd4c7… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/ai-primary | VariableID:33284:73759 | bcf39fa1eb00e210… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/ai-secondary | VariableID:33284:73760 | a3cdf625e1776787… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/ai-soft | VariableID:34369:129066 | 7aea6d4ed6a9004b… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/brand-dim | VariableID:18936:35953 | 09aa6568499afac1… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/brand-matte | VariableID:33312:6485 | 9d9a7a1a4642a98a… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/brand-primary | VariableID:18936:32340 | 706e9ffe9d9b9822… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/brand-secondary | VariableID:18981:15908 | c98f94a60a2c07cf… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/brand-soft | VariableID:34369:129054 | 373fe88399544d86… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/brand-stress | VariableID:34363:128963 | 593ab0726dca3cd7… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/brand-subtle | VariableID:34363:128962 | 19dbd089a94178dd… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/danger-dim | VariableID:18981:15905 | ba691c51a52ac2c4… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/danger-matte | VariableID:33312:6488 | 218927365b2376ee… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/danger-primary | VariableID:18980:15899 | 80e3d8634a6cc1d7… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/danger-secondary | VariableID:18980:15900 | f8d85f5d0be66bd4… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/danger-soft | VariableID:34369:129060 | c0ca355788755c1f… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/danger-stress | VariableID:34363:128972 | bb928b23d529e0f6… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/danger-subtle | VariableID:34363:128971 | 0c41cbb4a0eca311… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/info-dim | VariableID:18936:35955 | 88d811094bcbb632… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/info-matte | VariableID:33312:6486 | cf1617ee26a89a84… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/info-primary | VariableID:18936:35954 | 3912fd73e30e714b… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/info-secondary | VariableID:18981:15907 | 2b483c2857b2c111… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/info-soft | VariableID:34369:129062 | 4811797a4f98ccf3… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/info-stress | VariableID:34363:128975 | ceac5d8aef349278… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/info-subtle | VariableID:34363:128974 | 3d8776f2cff342c4… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/neutral-base | VariableID:18936:32339 | bfccd4799b2cfa77… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/neutral-dark-dim | VariableID:31783:54525 | c320bb24c1bc7798… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/neutral-dark-primary | VariableID:23655:31667 | 5bec11cdc6a032f0… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/neutral-deep | VariableID:18936:32342 | 422ced9f7725076e… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/neutral-dim | VariableID:18936:32338 | bbe275a8d1833588… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/neutral-disabled | VariableID:34214:17579 | e7675dcb709288b6… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/neutral-inverse-dim | VariableID:18936:41125 | 08cf887046030328… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/neutral-inverse-primary | VariableID:18936:41124 | d03ea7ce58d9591b… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/neutral-matte | VariableID:19431:105 | 1e7298daaedffc73… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/neutral-stress | VariableID:18936:35952 | f8b923656ff3641e… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/progress-dim | VariableID:33685:1450 | 615795a4beb7b094… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/progress-matte | VariableID:33685:1451 | 08a03727e51d3344… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/progress-primary | VariableID:33685:1448 | 7a78bd8b257f4db2… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/progress-secondary | VariableID:33685:1449 | cd4ecf2bd11a3844… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/progress-soft | VariableID:34369:129068 | c579074154ae2ebe… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/progress-stress | VariableID:34363:128982 | 12bd53990ba851a1… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/progress-subtle | VariableID:34363:128981 | 542cfd2b91816662… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/special-dim | VariableID:34363:128959 | 960833339c5a09d0… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/special-matte | VariableID:34348:64 | 37f44359b8f55856… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/special-primary | VariableID:34363:128958 | 8f972d1273fcb607… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/special-secondary | VariableID:34363:128960 | 5c49178bca9ed527… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/special-soft | VariableID:34369:129064 | ccc6e0e2f753297f… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/special-stress | VariableID:34363:128978 | 26fa2c38f2c464e9… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/special-subtle | VariableID:34363:128977 | e957364241734b48… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/success-dim | VariableID:18981:15906 | e683db4a8575ae79… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/success-matte | VariableID:33312:6489 | ddde634e0e8525f5… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/success-primary | VariableID:18980:15901 | b343458fa8954d73… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/success-secondary | VariableID:18980:15902 | add48f1623097003… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/success-soft | VariableID:34369:129056 | e6bf379f4dd8f7cb… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/success-stress | VariableID:34363:128966 | 28d78f757c3935b1… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/success-subtle | VariableID:34363:128965 | 7949af48b1c59d30… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/warning-dim | VariableID:18980:15904 | 6c6ccefb8953a09e… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/warning-matte | VariableID:33312:6487 | e12b265559e6da72… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/warning-primary | VariableID:18980:15903 | dc1b01ddded62a6d… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/warning-secondary | VariableID:18980:15898 | 8a2bf1ab4a6e91b9… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/warning-soft | VariableID:34369:129058 | 86f13d686438b73c… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/warning-stress | VariableID:34363:128969 | 68583ec8997a3dfd… | COLOR | FRAME_FILL, SHAPE_FILL |
fill/warning-subtle | VariableID:34363:128968 | 6c0beab39c94ea42… | COLOR | FRAME_FILL, SHAPE_FILL |
icon-color/ai-deep | VariableID:32747:3851 | d7458fac2ce6e696… | COLOR | SHAPE_FILL |
icon-color/ai-dim | VariableID:34363:129050 | 44b2ddb9ddff0b47… | COLOR | SHAPE_FILL |
icon-color/ai-disabled | VariableID:34363:129051 | 0739a7dbbc898a44… | COLOR | SHAPE_FILL |
icon-color/ai-primary | VariableID:20082:10648 | c8fd777377b85c5e… | COLOR | SHAPE_FILL |
icon-color/ai-secondary | VariableID:20082:10647 | e1f1c5b52afdb06a… | COLOR | SHAPE_FILL |
icon-color/brand-dim | VariableID:34363:129036 | fae827059cf47f0b… | COLOR | SHAPE_FILL |
icon-color/brand-disabled | VariableID:34363:129037 | 69ce4b786631615f… | COLOR | SHAPE_FILL |
icon-color/brand-primary | VariableID:18509:52762 | 25f17a8146f7de71… | COLOR | SHAPE_FILL |
icon-color/brand-secondary | VariableID:18509:52763 | 9aaa10a5a09d647a… | COLOR | SHAPE_FILL |
icon-color/danger-dim | VariableID:34363:129042 | 9dfb0595c021bce5… | COLOR | SHAPE_FILL |
icon-color/danger-disabled | VariableID:34363:129043 | 452fbb6ab3c7ac03… | COLOR | SHAPE_FILL |
icon-color/danger-primary | VariableID:18509:52768 | 2e1d239c9098c057… | COLOR | SHAPE_FILL |
icon-color/danger-secondary | VariableID:18509:52769 | 07aa8e6de6eb27d8… | COLOR | SHAPE_FILL |
icon-color/info-dim | VariableID:34363:129044 | 938535933a04639f… | COLOR | SHAPE_FILL |
icon-color/info-disabled | VariableID:34363:129045 | 5e1aeb9afaa3cc57… | COLOR | SHAPE_FILL |
icon-color/info-primary | VariableID:18509:59177 | 766e67475e67af69… | COLOR | SHAPE_FILL |
icon-color/info-secondary | VariableID:18509:59178 | 742551281da1a385… | COLOR | SHAPE_FILL |
icon-color/neutral-dim | VariableID:18509:52760 | 97e4b42a212c7e47… | COLOR | SHAPE_FILL |
icon-color/neutral-disabled | VariableID:18509:52761 | 4976944123db62aa… | COLOR | SHAPE_FILL |
icon-color/neutral-inverse-primary | VariableID:27153:262 | c8b82bcc285fa8f0… | COLOR | SHAPE_FILL |
icon-color/neutral-primary | VariableID:18509:52757 | 3c93fcf93cac6af4… | COLOR | SHAPE_FILL |
icon-color/neutral-secondary | VariableID:18509:52759 | 5d927adc6b1eab94… | COLOR | SHAPE_FILL |
icon-color/neutral-stress | VariableID:18509:52756 | 4602e133bda0b4cd… | COLOR | SHAPE_FILL |
icon-color/neutral-subtle | VariableID:18509:52758 | 780a4c0494da851c… | COLOR | SHAPE_FILL |
icon-color/on-inverse-disabled | VariableID:33447:28067 | c88f2f6d6176255b… | COLOR | SHAPE_FILL |
icon-color/on-inverse-primary | VariableID:18509:52771 | 2396c30d0b7d9f6b… | COLOR | SHAPE_FILL |
icon-color/on-inverse-secondary | VariableID:18936:36072 | bf86826d74e4bd11… | COLOR | SHAPE_FILL |
icon-color/progress-dim | VariableID:34363:129052 | e4b03d03f8a6dc8e… | COLOR | SHAPE_FILL |
icon-color/progress-disabled | VariableID:34363:129053 | 30cbb3b58de411cb… | COLOR | SHAPE_FILL |
icon-color/progress-primary | VariableID:33685:1454 | 3bb646be104efb64… | COLOR | SHAPE_FILL |
icon-color/progress-secondary | VariableID:33685:1455 | 90939100a8ff9a65… | COLOR | SHAPE_FILL |
icon-color/special-dim | VariableID:34363:129048 | 9a1a439fe12835bb… | COLOR | SHAPE_FILL |
icon-color/special-disabled | VariableID:34363:129049 | 825d405612581233… | COLOR | SHAPE_FILL |
icon-color/special-primary | VariableID:18813:12596 | aaa37406fcfa466e… | COLOR | SHAPE_FILL |
icon-color/special-secondary | VariableID:18813:12597 | 0b33e97cef2402f8… | COLOR | SHAPE_FILL |
icon-color/success-dim | VariableID:34363:129038 | 3a60c5941fa5d89a… | COLOR | SHAPE_FILL |
icon-color/success-disabled | VariableID:34363:129039 | 8e3395bf30a94849… | COLOR | SHAPE_FILL |
icon-color/success-primary | VariableID:18509:52764 | bd9989c37e1f2539… | COLOR | SHAPE_FILL |
icon-color/success-secondary | VariableID:18509:52765 | f7daba509401ee75… | COLOR | SHAPE_FILL |
icon-color/warning-dim | VariableID:34363:129040 | 415304ab2579475b… | COLOR | SHAPE_FILL |
icon-color/warning-disabled | VariableID:34363:129041 | 4366a482d13e2a4d… | COLOR | SHAPE_FILL |
icon-color/warning-primary | VariableID:18509:52766 | a187d0559b2086ed… | COLOR | SHAPE_FILL |
icon-color/warning-secondary | VariableID:18509:52767 | e9e20687d5aa90d3… | COLOR | SHAPE_FILL |
leaderboard-color/top-1/dim | VariableID:35730:8698 | 8c04ff363f0e4c2a… | COLOR | ALL_SCOPES |
leaderboard-color/top-1/matte | VariableID:35730:8697 | 6762fffbf786d681… | COLOR | ALL_SCOPES |
leaderboard-color/top-1/primary | VariableID:35730:8700 | 61df0464dd7a80e9… | COLOR | ALL_SCOPES |
leaderboard-color/top-1/secondary | VariableID:35730:8699 | 7e89483daf1b08c0… | COLOR | ALL_SCOPES |
leaderboard-color/top-2/dim | VariableID:35730:8703 | 67602e6d898a6692… | COLOR | ALL_SCOPES |
leaderboard-color/top-2/matte | VariableID:35730:8701 | ec0017dbe4fd1abf… | COLOR | ALL_SCOPES |
leaderboard-color/top-2/primary | VariableID:35730:8704 | ed55698c78774205… | COLOR | ALL_SCOPES |
leaderboard-color/top-2/secondary | VariableID:35730:8702 | d9b709da8c4c295f… | COLOR | ALL_SCOPES |
leaderboard-color/top-3/dim | VariableID:35730:8707 | bf14f0f095485ca1… | COLOR | ALL_SCOPES |
leaderboard-color/top-3/matte | VariableID:35730:8705 | a6f26efb7b64c44a… | COLOR | ALL_SCOPES |
leaderboard-color/top-3/primary | VariableID:35730:8708 | 2bf59007356f3fb9… | COLOR | ALL_SCOPES |
leaderboard-color/top-3/secondary | VariableID:35730:8706 | 565516e864769637… | COLOR | ALL_SCOPES |
leaderboard-color/top-other/dim | VariableID:35730:8711 | 6a8ba91693b29045… | COLOR | ALL_SCOPES |
leaderboard-color/top-other/matte | VariableID:35730:8709 | 94f2f6d2bdcead7b… | COLOR | ALL_SCOPES |
leaderboard-color/top-other/primary | VariableID:35730:8712 | 99b0cadea6c348b0… | COLOR | ALL_SCOPES |
leaderboard-color/top-other/secondary | VariableID:35730:8710 | 2c8fbce0dcd42452… | COLOR | ALL_SCOPES |
program-skill/english/listening/matte | VariableID:27999:265 | ec6401ac860b67f0… | COLOR | ALL_SCOPES |
program-skill/english/listening/primary | VariableID:27997:257 | 813932e003a72688… | COLOR | ALL_SCOPES |
program-skill/english/listening/secondary | VariableID:27999:269 | ebc48754c2dae183… | COLOR | ALL_SCOPES |
program-skill/english/listening/subtle | VariableID:27999:261 | a742ad047c8c0cd7… | COLOR | ALL_SCOPES |
program-skill/english/online-test/matte | VariableID:28310:487 | 2194a56508ea7457… | COLOR | ALL_SCOPES |
program-skill/english/online-test/primary | VariableID:28310:484 | 985ed82edc293e27… | COLOR | ALL_SCOPES |
program-skill/english/online-test/secondary | VariableID:28310:486 | 7b1e17b67f184dfc… | COLOR | ALL_SCOPES |
program-skill/english/online-test/subtle | VariableID:28310:485 | a4592662b15b61ba… | COLOR | ALL_SCOPES |
program-skill/english/reading/matte | VariableID:27999:264 | 6347000366725976… | COLOR | ALL_SCOPES |
program-skill/english/reading/primary | VariableID:27997:256 | 7965a299e13e4915… | COLOR | ALL_SCOPES |
program-skill/english/reading/secondary | VariableID:27999:268 | be5336f082ccfe85… | COLOR | ALL_SCOPES |
program-skill/english/reading/subtle | VariableID:27999:260 | bf07019b493d91b1… | COLOR | ALL_SCOPES |
program-skill/english/speaking/matte | VariableID:27999:267 | 22bfc5770b6859e9… | COLOR | ALL_SCOPES |
program-skill/english/speaking/primary | VariableID:27998:259 | 42381e1e4c946cec… | COLOR | ALL_SCOPES |
program-skill/english/speaking/secondary | VariableID:27999:271 | cf03cff1a40e71d8… | COLOR | ALL_SCOPES |
program-skill/english/speaking/subtle | VariableID:27999:263 | d2e2613848798291… | COLOR | ALL_SCOPES |
program-skill/english/writing/matte | VariableID:27999:266 | 76df34556b394e53… | COLOR | ALL_SCOPES |
program-skill/english/writing/primary | VariableID:27998:258 | 5ebbb822c80351fc… | COLOR | ALL_SCOPES |
program-skill/english/writing/secondary | VariableID:27999:270 | 68355c431af547fa… | COLOR | ALL_SCOPES |
program-skill/english/writing/subtle | VariableID:27999:262 | 018c6b658cc9839a… | COLOR | ALL_SCOPES |
surface/overlay/drawer-overlay | VariableID:33289:78 | dd6b7d41d28172cf… | COLOR | FRAME_FILL, SHAPE_FILL |
surface/overlay/hover-overlay | VariableID:33289:77 | f49e231680dca924… | COLOR | FRAME_FILL, SHAPE_FILL |
surface/overlay/popup-overlay-inverse | VariableID:33289:76 | c210a058a29c2196… | COLOR | FRAME_FILL, SHAPE_FILL |
surface/overlay/popup-overlay-neutral | VariableID:33452:33133 | cac92ee29e6b332e… | COLOR | FRAME_FILL, SHAPE_FILL |
surface/page/neutral-dark-dim | VariableID:31783:54527 | 6d71df62a90fc95e… | COLOR | FRAME_FILL, SHAPE_FILL |
surface/page/neutral-dark-primary | VariableID:31783:54526 | ef80a763c7b917d2… | COLOR | FRAME_FILL, SHAPE_FILL |
surface/page/neutral-dim | VariableID:17868:28001 | 702fa35dd41752c4… | COLOR | FRAME_FILL, SHAPE_FILL |
surface/page/neutral-inverse-dim | VariableID:18936:36069 | f918f52381c342b9… | COLOR | FRAME_FILL, SHAPE_FILL |
surface/page/neutral-inverse-primary | VariableID:18936:36070 | 086810c91a27c2a7… | COLOR | FRAME_FILL, SHAPE_FILL |
surface/page/neutral-pri-dashboard | VariableID:23487:1206 | fdede66a8c5b99e7… | COLOR | FRAME_FILL, SHAPE_FILL |
surface/page/neutral-primary | VariableID:18484:36687 | d9aa0f3d2e46aed1… | COLOR | FRAME_FILL, SHAPE_FILL |
surface/page/neutral-secondary | VariableID:23338:401 | b990fb31e848ba68… | COLOR | FRAME_FILL, SHAPE_FILL |
surface/page/neutral-subtle | VariableID:26958:16143 | f0aa32eb52807572… | COLOR | FRAME_FILL, SHAPE_FILL |
surface/page/paper | VariableID:27216:467 | 28a6e8247df5edc2… | COLOR | FRAME_FILL, SHAPE_FILL |
table-color/cell-line | VariableID:19642:7425 | 408156607bd13675… | COLOR | STROKE_COLOR |
table-color/header-line | VariableID:19642:7426 | 6dd80ae4ac71baca… | COLOR | STROKE_COLOR |
table-color/row-color-hover | VariableID:20409:4946 | 43fdfb35a9f74ddd… | COLOR | FRAME_FILL |
table-color/row-color-primary | VariableID:20409:4947 | 6bde1cf3d51993ec… | COLOR | FRAME_FILL |
table-color/row-color-secondary | VariableID:20409:4945 | 8a23af25d8521eed… | COLOR | FRAME_FILL |
table-color/table-border | VariableID:19642:7427 | d956ffeeca03b48d… | COLOR | STROKE_COLOR |
text-color/ai-dim | VariableID:34363:129032 | ab8258b128329235… | COLOR | TEXT_FILL |
text-color/ai-disabled | VariableID:34363:129033 | 89d374fca27beb30… | COLOR | TEXT_FILL |
text-color/ai-primary | VariableID:20082:10658 | c6613c6aaa0401f7… | COLOR | TEXT_FILL |
text-color/ai-secondary | VariableID:20082:10659 | 7138b6687a471ae2… | COLOR | TEXT_FILL |
text-color/brand-dim | VariableID:34363:129020 | 36a81ca02d989f41… | COLOR | TEXT_FILL |
text-color/brand-disabled | VariableID:34363:129021 | f1b643a7c3b1584e… | COLOR | TEXT_FILL |
text-color/brand-primary | VariableID:18484:36680 | 3e7bd98b98abbd23… | COLOR | TEXT_FILL |
text-color/brand-secondary | VariableID:18484:36688 | 7abe3f9be7aa0a65… | COLOR | TEXT_FILL |
text-color/danger-dim | VariableID:34363:129026 | fcfe763d2b2fe784… | COLOR | TEXT_FILL |
text-color/danger-disabled | VariableID:34363:129027 | ea83f646e20951d2… | COLOR | TEXT_FILL |
text-color/danger-primary | VariableID:18484:36683 | d9f6d581ec72fd10… | COLOR | TEXT_FILL |
text-color/danger-secondary | VariableID:18509:52755 | 665f1bd870648e5f… | COLOR | TEXT_FILL |
text-color/info-dim | VariableID:34363:129028 | 928b6363a02d22e1… | COLOR | TEXT_FILL |
text-color/info-disabled | VariableID:34363:129029 | dc1038c027c6fcbd… | COLOR | TEXT_FILL |
text-color/info-primary | VariableID:18509:59175 | 1e81b712ded7c10b… | COLOR | TEXT_FILL |
text-color/info-secondary | VariableID:18509:59176 | 734bf9b5823db7f0… | COLOR | TEXT_FILL |
text-color/neutral-dim | VariableID:18252:38896 | 48300b4407418ed6… | COLOR | TEXT_FILL |
text-color/neutral-disabled | VariableID:18509:52752 | b6644cd0d2286e02… | COLOR | TEXT_FILL |
text-color/neutral-inverse-primary | VariableID:27153:259 | 1113b6076676d388… | COLOR | TEXT_FILL |
text-color/neutral-primary | VariableID:15485:238696 | f29e3ed9e9480b94… | COLOR | TEXT_FILL |
text-color/neutral-secondary | VariableID:15503:234055 | 26db0215e27f1e6e… | COLOR | TEXT_FILL |
text-color/neutral-stress | VariableID:18252:38895 | dc685f47a2dae650… | COLOR | TEXT_FILL |
text-color/neutral-subtle | VariableID:15485:238697 | ec10bd423debe3b4… | COLOR | TEXT_FILL |
text-color/on-inverse-disabled | VariableID:33447:28066 | 9a62fa8755fbbd38… | COLOR | TEXT_FILL |
text-color/on-inverse-primary | VariableID:18509:52770 | ac108a60db47ebd6… | COLOR | TEXT_FILL |
text-color/on-inverse-secondary | VariableID:18936:36071 | 7da85ca050c06849… | COLOR | TEXT_FILL |
text-color/progress-dim | VariableID:34363:129034 | ba9730bc45a2f795… | COLOR | TEXT_FILL |
text-color/progress-disabled | VariableID:34363:129035 | 63fbe4eda8a47f06… | COLOR | TEXT_FILL |
text-color/progress-primary | VariableID:33685:1452 | 4c7b27303f824de4… | COLOR | TEXT_FILL |
text-color/progress-secondary | VariableID:33685:1453 | 170a732dafd884d2… | COLOR | TEXT_FILL |
text-color/special-dim | VariableID:34363:129030 | 6a2d5ac9d81d5514… | COLOR | TEXT_FILL |
text-color/special-disabled | VariableID:34363:129031 | 388ecc185220349f… | COLOR | TEXT_FILL |
text-color/special-primary | VariableID:18813:12594 | 07b02e7fd4aec219… | COLOR | TEXT_FILL |
text-color/special-secondary | VariableID:18813:12595 | 0c9b60ed898862f9… | COLOR | TEXT_FILL |
text-color/success-dim | VariableID:34363:129022 | da729102f628e593… | COLOR | TEXT_FILL |
text-color/success-disabled | VariableID:34363:129023 | b03818ffcbdf89fd… | COLOR | TEXT_FILL |
text-color/success-primary | VariableID:18484:36684 | 26bae3441e13f7c1… | COLOR | TEXT_FILL |
text-color/success-secondary | VariableID:18509:52753 | 1a9a172a5c42d587… | COLOR | TEXT_FILL |
text-color/warning-dim | VariableID:34363:129024 | 2ac4e88034c9c9d4… | COLOR | TEXT_FILL |
text-color/warning-disabled | VariableID:34363:129025 | e8ed9e27df3e3651… | COLOR | TEXT_FILL |
text-color/warning-primary | VariableID:18484:36682 | 0ee739fd8d1c44e3… | COLOR | TEXT_FILL |
text-color/warning-secondary | VariableID:18509:52754 | d8427500724307bb… | COLOR | TEXT_FILL |
text-editor/text-bg-color/1 | VariableID:23739:55521 | 55cc5389446eba8e… | COLOR | FRAME_FILL, SHAPE_FILL |
text-editor/text-bg-color/10 | VariableID:23744:9517 | 9226dcd858b44181… | COLOR | FRAME_FILL, SHAPE_FILL |
text-editor/text-bg-color/11 | VariableID:23744:9520 | 8dd805716f02c8ba… | COLOR | FRAME_FILL, SHAPE_FILL |
text-editor/text-bg-color/12 | VariableID:23739:55531 | e0706dfb84b0b07c… | COLOR | FRAME_FILL, SHAPE_FILL |
text-editor/text-bg-color/13 | VariableID:23739:55530 | 4c04feafd9025000… | COLOR | FRAME_FILL, SHAPE_FILL |
text-editor/text-bg-color/14 | VariableID:23739:55532 | 18905cb42de1e015… | COLOR | FRAME_FILL, SHAPE_FILL |
text-editor/text-bg-color/15 | VariableID:23739:55533 | a2a4b6f7727297fe… | COLOR | FRAME_FILL, SHAPE_FILL |
text-editor/text-bg-color/2 | VariableID:23739:55522 | c39980208a6df419… | COLOR | FRAME_FILL, SHAPE_FILL |
text-editor/text-bg-color/3 | VariableID:23739:55523 | 53c0341813f1e604… | COLOR | FRAME_FILL, SHAPE_FILL |
text-editor/text-bg-color/4 | VariableID:23739:55524 | b641d5eb443c1a7d… | COLOR | FRAME_FILL, SHAPE_FILL |
text-editor/text-bg-color/5 | VariableID:23739:55525 | 631d796cf47beee8… | COLOR | FRAME_FILL, SHAPE_FILL |
text-editor/text-bg-color/6 | VariableID:23739:55526 | a823e59c06c63e28… | COLOR | FRAME_FILL, SHAPE_FILL |
text-editor/text-bg-color/7 | VariableID:23739:55527 | f73bbe28c67733fb… | COLOR | FRAME_FILL, SHAPE_FILL |
text-editor/text-bg-color/8 | VariableID:23739:55528 | b5e52fb560c709a9… | COLOR | FRAME_FILL, SHAPE_FILL |
text-editor/text-bg-color/9 | VariableID:23739:55529 | d7c5633ea76f657e… | COLOR | FRAME_FILL, SHAPE_FILL |
text-editor/text-color/1 | VariableID:23739:55538 | 832843c1a632998e… | COLOR | ALL_FILLS |
text-editor/text-color/10 | VariableID:23739:55534 | dd90b18c0ffd329b… | COLOR | ALL_FILLS |
text-editor/text-color/11 | VariableID:23744:9524 | f99ae833b7eccdfd… | COLOR | ALL_FILLS |
text-editor/text-color/12 | VariableID:23739:55544 | 206036edbe65b367… | COLOR | ALL_FILLS |
text-editor/text-color/13 | VariableID:23739:55545 | 1b2ade73765a3170… | COLOR | ALL_FILLS |
text-editor/text-color/14 | VariableID:23739:55546 | 5e7b9b10d5b84c92… | COLOR | ALL_FILLS |
text-editor/text-color/15 | VariableID:23744:9526 | 44559124da044d1c… | COLOR | ALL_FILLS |
text-editor/text-color/2 | VariableID:23739:55535 | a2c8bc7b45250dfb… | COLOR | ALL_FILLS |
text-editor/text-color/3 | VariableID:23739:55536 | 32971554290bab81… | COLOR | ALL_FILLS |
text-editor/text-color/4 | VariableID:23739:55539 | 7c4d7b30ccb8d626… | COLOR | ALL_FILLS |
text-editor/text-color/5 | VariableID:23739:55537 | f210ea53a0bd958a… | COLOR | ALL_FILLS |
text-editor/text-color/6 | VariableID:23744:9525 | a52e893882db0891… | COLOR | ALL_FILLS |
text-editor/text-color/7 | VariableID:23739:55540 | bfddd84c3ac056f2… | COLOR | ALL_FILLS |
text-editor/text-color/8 | VariableID:23739:55541 | 3ea9abf6aaba812c… | COLOR | ALL_FILLS |
text-editor/text-color/9 | VariableID:23739:55542 | 4e383a2cbafe53af… | COLOR | ALL_FILLS |
General Component Sizing (21 variables)
Section titled “General Component Sizing (21 variables)”Collection ID: VariableCollectionId:33466:14580
| Name | Figma ID | Key | Type | Scopes |
|---|---|---|---|---|
control/height/2xl | VariableID:33466:14612 | 3ba886a1498b81c5… | FLOAT | WIDTH_HEIGHT |
control/height/2xs | VariableID:33466:14610 | bdb68b886160c7a6… | FLOAT | WIDTH_HEIGHT |
control/height/3xl | VariableID:33466:14613 | 59b0be7ef79412e9… | FLOAT | WIDTH_HEIGHT |
control/height/3xs | VariableID:33466:14605 | d4be9bea7fbd7362… | FLOAT | WIDTH_HEIGHT |
control/height/4xl | VariableID:36005:2395 | 97c039c6b3253a90… | FLOAT | WIDTH_HEIGHT |
control/height/4xs | VariableID:33466:14604 | e7bce444cf31b9ab… | FLOAT | WIDTH_HEIGHT |
control/height/5xs | VariableID:33467:13298 | a36757003245e2ea… | FLOAT | WIDTH_HEIGHT |
control/height/content-2xl | VariableID:34348:63 | a5e68688924c14d0… | FLOAT | ALL_SCOPES |
control/height/content-lg | VariableID:34348:61 | a669c70e2cb637a3… | FLOAT | ALL_SCOPES |
control/height/content-xl | VariableID:34348:62 | 024b8fcdf3ead381… | FLOAT | ALL_SCOPES |
control/height/lg | VariableID:33466:14609 | 3f4f841be4e3c940… | FLOAT | WIDTH_HEIGHT |
control/height/md | VariableID:33466:14607 | 7e2a98c87985fd04… | FLOAT | WIDTH_HEIGHT |
control/height/sm | VariableID:33466:14608 | 2a3a6704b3948214… | FLOAT | WIDTH_HEIGHT |
control/height/xl | VariableID:33466:14611 | a28599618d133f89… | FLOAT | WIDTH_HEIGHT |
control/height/xs | VariableID:33466:14606 | 59731f5eba17dd38… | FLOAT | WIDTH_HEIGHT |
header/height/2xl | VariableID:33522:3000 | 073cce5deb21f783… | FLOAT | ALL_SCOPES |
header/height/lg | VariableID:33522:2997 | ae2d055f32dddc4e… | FLOAT | ALL_SCOPES |
header/height/md | VariableID:33522:2998 | a341c8d42c53de11… | FLOAT | ALL_SCOPES |
header/height/sm | VariableID:33522:3001 | 069eab7addc01ba9… | FLOAT | ALL_SCOPES |
header/height/xl | VariableID:33522:2999 | 4d630385c962ebe7… | FLOAT | ALL_SCOPES |
header/height/xs | VariableID:33522:3002 | b53f027793fce352… | FLOAT | ALL_SCOPES |
Layout (61 variables)
Section titled “Layout (61 variables)”Collection ID: VariableCollectionId:15466:242048
| Name | Figma ID | Key | Type | Scopes |
|---|---|---|---|---|
container/app/max-width-md | VariableID:33284:622 | de3ae80599474173… | FLOAT | WIDTH_HEIGHT |
container/app/max-width-page | VariableID:35617:9107 | c5f57db1b1ba85d3… | FLOAT | WIDTH_HEIGHT |
container/app/max-width-page-no-padding | VariableID:33284:621 | 743f8bfd3476a449… | FLOAT | WIDTH_HEIGHT |
container/app/max-width-sm | VariableID:33284:623 | 604f14313b7ddba5… | FLOAT | WIDTH_HEIGHT |
container/landing/max-width | VariableID:28291:256 | aa432e80edf26364… | FLOAT | WIDTH_HEIGHT |
container/modal/width-lg | VariableID:34348:59 | fa9149c7f7614a2e… | FLOAT | ALL_SCOPES |
container/modal/width-md | VariableID:34348:58 | 95dea8806983a31a… | FLOAT | ALL_SCOPES |
container/modal/width-sm | VariableID:34348:57 | 898230d9e4cd2713… | FLOAT | ALL_SCOPES |
container/modal/width-xl | VariableID:34348:60 | 735af4ddadb9828e… | FLOAT | ALL_SCOPES |
focus-ring-width/2xl | VariableID:34348:56 | ea5cdc82f8b732aa… | FLOAT | ALL_SCOPES |
focus-ring-width/lg | VariableID:34348:54 | 6e98ba858307edac… | FLOAT | ALL_SCOPES |
focus-ring-width/md | VariableID:34348:53 | bc253721692373ab… | FLOAT | ALL_SCOPES |
focus-ring-width/sm | VariableID:34348:52 | 59bc33c1ab0b11d6… | FLOAT | ALL_SCOPES |
focus-ring-width/xl | VariableID:34348:55 | 12ec3d9d0c5690fa… | FLOAT | ALL_SCOPES |
inset/inset-0 | VariableID:18564:29224 | 5a6de2c6e5361918… | FLOAT | GAP |
inset/inset-0_5 | VariableID:18568:5708 | aa33d16bff855062… | FLOAT | GAP |
inset/inset-1 | VariableID:18568:5707 | e18d9e12bb9ac4d4… | FLOAT | GAP |
inset/inset-10 | VariableID:15493:234862 | d2169d461e47f161… | FLOAT | GAP |
inset/inset-12 | VariableID:22020:69000 | 2100e1d3d1a583dd… | FLOAT | GAP |
inset/inset-14 | VariableID:22020:69001 | f8a4fb0d11eaf601… | FLOAT | GAP |
inset/inset-16 | VariableID:22020:69002 | a5c67b9e5096badb… | FLOAT | GAP |
inset/inset-1_5 | VariableID:18568:5706 | 4bedc3c7d897032b… | FLOAT | GAP |
inset/inset-2 | VariableID:15493:234854 | ca9613964ec6c9ea… | FLOAT | GAP |
inset/inset-20 | VariableID:22022:97212 | 91dff4c922453757… | FLOAT | GAP |
inset/inset-2_5 | VariableID:19083:772 | 1db96ebc6d4cb7f7… | FLOAT | GAP |
inset/inset-3 | VariableID:15493:234855 | e631f713ed3c304d… | FLOAT | GAP |
inset/inset-3_5 | VariableID:19083:773 | c2b676b788e7d593… | FLOAT | GAP |
inset/inset-4 | VariableID:15493:234856 | 1a4a5d90d727d2fb… | FLOAT | GAP |
inset/inset-5 | VariableID:15493:234857 | 6f647d21c3b8ce3c… | FLOAT | GAP |
inset/inset-6 | VariableID:15493:234858 | c8bae4d6234e2d7a… | FLOAT | GAP |
inset/inset-7 | VariableID:34785:837 | 0ec79884323fdb8a… | FLOAT | GAP |
inset/inset-8 | VariableID:15493:234860 | 36238cc056e48425… | FLOAT | GAP |
page/padding/compact | VariableID:28293:281 | c65ef530c767309e… | FLOAT | GAP |
page/padding/large-case | VariableID:26592:22486 | 2543969a85c4d081… | FLOAT | GAP |
page/padding/standard | VariableID:22032:3819 | 85238f42eaf47bcc… | FLOAT | GAP |
section/gap/gap-2xl | VariableID:26875:1105 | f1fb8b3454dabd7e… | FLOAT | GAP |
section/gap/gap-3xl | VariableID:26878:1108 | bcf5af358452dba1… | FLOAT | GAP |
section/gap/gap-4xl | VariableID:26878:1107 | 374cecdd218f8850… | FLOAT | GAP |
section/gap/gap-lg | VariableID:26875:1104 | 32ef6a039164fc82… | FLOAT | GAP |
section/gap/gap-md | VariableID:27187:1351 | f97cea962ad59c1f… | FLOAT | GAP |
section/gap/gap-sm | VariableID:27187:1352 | debaf4c6be8e77e5… | FLOAT | GAP |
section/gap/gap-xl | VariableID:26878:1106 | 9822e255a509f9cc… | FLOAT | GAP |
section/gap/gap-xs | VariableID:33282:49368 | 3ab0e97b3342fd29… | FLOAT | GAP |
spacing/space-0 | VariableID:18564:29223 | beb8831fa266b231… | FLOAT | GAP |
spacing/space-0_5 | VariableID:15493:234829 | c9289573a9267f11… | FLOAT | GAP |
spacing/space-1 | VariableID:15493:234830 | b4168f3963d076bc… | FLOAT | GAP |
spacing/space-10 | VariableID:15493:234839 | 50e97f4907559b9e… | FLOAT | GAP |
spacing/space-12 | VariableID:15493:234841 | 645127b9e679ceb8… | FLOAT | GAP |
spacing/space-14 | VariableID:21886:24802 | c8bc899b983b6707… | FLOAT | GAP |
spacing/space-16 | VariableID:21886:24803 | baa2c8ab2a896e45… | FLOAT | GAP |
spacing/space-1_5 | VariableID:15493:234846 | 1e17e81871a2d230… | FLOAT | GAP |
spacing/space-2 | VariableID:15493:234831 | 357e5671f82492cb… | FLOAT | GAP |
spacing/space-20 | VariableID:22022:97213 | 872870a431f1497e… | FLOAT | GAP |
spacing/space-2_5 | VariableID:15493:234848 | 8a44bc87047fa1e7… | FLOAT | GAP |
spacing/space-3 | VariableID:15493:234832 | 399fa4b24be8c36b… | FLOAT | GAP |
spacing/space-3_5 | VariableID:15493:234850 | 8b65187716409528… | FLOAT | GAP |
spacing/space-4 | VariableID:15493:234833 | 27e2828ad93322a8… | FLOAT | GAP |
spacing/space-5 | VariableID:15493:234834 | 62f295268e3ffd4c… | FLOAT | GAP |
spacing/space-6 | VariableID:15493:234835 | 0e93d054c8a47776… | FLOAT | GAP |
spacing/space-7 | VariableID:33309:4450 | 271a12db7ea6f9b2… | FLOAT | GAP |
spacing/space-8 | VariableID:15493:234837 | 68db2096a5f88e8e… | FLOAT | GAP |
Statistic (49 variables)
Section titled “Statistic (49 variables)”Collection ID: VariableCollectionId:30815:19404
| Name | Figma ID | Key | Type | Scopes |
|---|---|---|---|---|
stat/card/bg | VariableID:34355:66 | feab5b77351dae34… | COLOR | ALL_SCOPES |
stat/card/border | VariableID:34355:67 | a9a736ea723baff2… | COLOR | ALL_SCOPES |
stat/card/label-text | VariableID:34355:72 | 245d6251018afa6b… | COLOR | ALL_SCOPES |
stat/card/padding-x | VariableID:34355:69 | 9bdd169bf321f894… | FLOAT | ALL_SCOPES |
stat/card/padding-y | VariableID:34355:70 | 3f22ab7f705430bd… | FLOAT | ALL_SCOPES |
stat/card/radius | VariableID:34355:68 | 7e13d24750305910… | FLOAT | ALL_SCOPES |
stat/card/subtitle-text | VariableID:34355:73 | 989baa667f9a7664… | COLOR | ALL_SCOPES |
stat/card/value-text | VariableID:34355:71 | 51b55d14d71c9cec… | COLOR | ALL_SCOPES |
stat/chart/area/fill-opacity | VariableID:34355:65 | db814943345c39d6… | FLOAT | ALL_SCOPES |
stat/chart/axis/line | VariableID:34355:49 | c62907d5e57d6e4e… | COLOR | ALL_SCOPES |
stat/chart/axis/text | VariableID:34355:51 | 049574bc313947e3… | COLOR | ALL_SCOPES |
stat/chart/axis/tick | VariableID:34355:50 | e7160339fb1817a8… | COLOR | ALL_SCOPES |
stat/chart/bar/gap | VariableID:34355:64 | 5cf55724b2ab4b18… | FLOAT | ALL_SCOPES |
stat/chart/bar/radius | VariableID:34355:63 | 43544b5bbd995367… | FLOAT | ALL_SCOPES |
stat/chart/grid/line | VariableID:34355:47 | 2bfff83bd17c596a… | COLOR | ALL_SCOPES |
stat/chart/grid/line-strong | VariableID:34355:48 | 08e35bac0e945f93… | COLOR | ALL_SCOPES |
stat/chart/legend/icon | VariableID:34355:53 | 0062a8d0261d392b… | COLOR | ALL_SCOPES |
stat/chart/legend/text | VariableID:34355:52 | 8bc042e2016ac0cd… | COLOR | ALL_SCOPES |
stat/chart/line/point-radius | VariableID:34355:61 | bc2a6f342773c255… | FLOAT | ALL_SCOPES |
stat/chart/line/point-stroke-width | VariableID:34355:62 | 0522cc7d317859a7… | FLOAT | ALL_SCOPES |
stat/chart/line/stroke-width | VariableID:34355:60 | c47563de64fc5801… | FLOAT | ALL_SCOPES |
stat/chart/series/1/default | VariableID:30815:19405 | d4e1d7ad44d85453… | COLOR | ALL_FILLS, STROKE_COLOR |
stat/chart/series/1/hover | VariableID:30815:19406 | 66e2cfc917ed623b… | COLOR | ALL_FILLS, STROKE_COLOR |
stat/chart/series/2/default | VariableID:30815:19407 | e1561e0af23c048f… | COLOR | ALL_FILLS, STROKE_COLOR |
stat/chart/series/2/hover | VariableID:30815:19408 | f8a02c0027ce466e… | COLOR | ALL_FILLS, STROKE_COLOR |
stat/chart/series/3/default | VariableID:30815:19409 | 858dd66fbf5ed6a9… | COLOR | ALL_FILLS, STROKE_COLOR |
stat/chart/series/3/hover | VariableID:30815:19410 | 4495d4b85b58d616… | COLOR | ALL_FILLS, STROKE_COLOR |
stat/chart/series/4/default | VariableID:30815:19411 | f11e79747a1fdc3b… | COLOR | ALL_FILLS, STROKE_COLOR |
stat/chart/series/4/hover | VariableID:30815:19412 | 88eadd3ed89df0e9… | COLOR | ALL_FILLS, STROKE_COLOR |
stat/chart/series/5/default | VariableID:30815:19413 | 8d3a4a61d7d32dd5… | COLOR | ALL_FILLS, STROKE_COLOR |
stat/chart/series/5/hover | VariableID:30815:19414 | 6fa50db825d9ef19… | COLOR | ALL_FILLS, STROKE_COLOR |
stat/chart/series/6/default | VariableID:30815:19417 | 458f109a200ed4ff… | COLOR | ALL_FILLS, STROKE_COLOR |
stat/chart/series/6/hover | VariableID:30815:19416 | 05b79a76b92568bc… | COLOR | ALL_FILLS, STROKE_COLOR |
stat/chart/series/other/muted | VariableID:34355:46 | b30a70a18b83e8d9… | COLOR | ALL_SCOPES |
stat/chart/tooltip/bg | VariableID:34355:54 | 1bb47c9910cbab2a… | COLOR | ALL_SCOPES |
stat/chart/tooltip/border | VariableID:34355:56 | 346ab96becd210e2… | COLOR | ALL_SCOPES |
stat/chart/tooltip/padding-x | VariableID:34355:58 | 396fb7bd23736116… | FLOAT | ALL_SCOPES |
stat/chart/tooltip/padding-y | VariableID:34355:59 | 9318a0827d5adf34… | FLOAT | ALL_SCOPES |
stat/chart/tooltip/radius | VariableID:34355:57 | 82e22388387e138a… | FLOAT | ALL_SCOPES |
stat/chart/tooltip/text | VariableID:34355:55 | 7ef617108f199b3b… | COLOR | ALL_SCOPES |
stat/delta/bg-negative | VariableID:34355:78 | 7fed891d2d3b324a… | COLOR | ALL_SCOPES |
stat/delta/bg-neutral | VariableID:34355:79 | d740ec343186f7eb… | COLOR | ALL_SCOPES |
stat/delta/bg-positive | VariableID:34355:77 | 8682bf70ed5ad415… | COLOR | ALL_SCOPES |
stat/delta/negative | VariableID:34355:75 | 8e941ec11539bc40… | COLOR | ALL_SCOPES |
stat/delta/neutral | VariableID:34355:76 | 61b14bc340e86666… | COLOR | ALL_SCOPES |
stat/delta/positive | VariableID:34355:74 | 76f532714e9fa635… | COLOR | ALL_SCOPES |
stat/empty/icon | VariableID:34355:81 | 68006e6aca752133… | COLOR | ALL_SCOPES |
stat/empty/line | VariableID:34355:82 | 7b43d8109cb8f8cd… | COLOR | ALL_SCOPES |
stat/empty/text | VariableID:34355:80 | 8c3b518d4120ac8c… | COLOR | ALL_SCOPES |
Typography (130 variables)
Section titled “Typography (130 variables)”Collection ID: VariableCollectionId:22028:3835
| Name | Figma ID | Key | Type | Scopes |
|---|---|---|---|---|
font-size/body/2xl | VariableID:34435:283 | 741f9eb6e0d582ca… | FLOAT | FONT_SIZE |
font-size/body/base | VariableID:33095:25453 | 1811c21932441a39… | FLOAT | FONT_SIZE |
font-size/body/lg | VariableID:34435:281 | 70afce2a39db243b… | FLOAT | FONT_SIZE |
font-size/body/md | VariableID:33042:2203 | ae635148490889f6… | FLOAT | FONT_SIZE |
font-size/body/sm | VariableID:33095:25454 | ad71ba378de479a8… | FLOAT | FONT_SIZE |
font-size/body/xl | VariableID:34435:282 | 231439936f69b884… | FLOAT | FONT_SIZE |
font-size/body/xs | VariableID:33095:25456 | fa03e6627ef96b46… | FLOAT | FONT_SIZE |
font-size/display/2xl | VariableID:34416:1050 | 9ecf1f89ef96da3e… | FLOAT | FONT_SIZE |
font-size/display/4xl | VariableID:34416:1051 | 26af4c7914bd48de… | FLOAT | FONT_SIZE |
font-size/display/5xl | VariableID:34416:1052 | 0e32a718e1748dd0… | FLOAT | FONT_SIZE |
font-size/display/6xl | VariableID:34416:1053 | 5fdb6430606a24c2… | FLOAT | FONT_SIZE |
font-size/display/7xl | VariableID:34435:279 | 4740d3c0af88b427… | FLOAT | FONT_SIZE |
font-size/display/8xl | VariableID:34416:1054 | 5879b9abc4bc2f95… | FLOAT | FONT_SIZE |
font-size/display/9xl | VariableID:34435:280 | c7bfe5eb7e172dcf… | FLOAT | FONT_SIZE |
font-size/heading/2xl | VariableID:22029:3840 | c3aff89528329bba… | FLOAT | FONT_SIZE |
font-size/heading/3xl | VariableID:34416:1055 | 42346cff63697034… | FLOAT | FONT_SIZE |
font-size/heading/4xl | VariableID:34416:1056 | ee4e266e8d001813… | FLOAT | FONT_SIZE |
font-size/heading/5xl | VariableID:34416:1057 | 6e14ed999e165a5f… | FLOAT | FONT_SIZE |
font-size/heading/6xl | VariableID:34416:1058 | c1696533f174028d… | FLOAT | FONT_SIZE |
font-size/heading/7xl | VariableID:34416:1059 | e52baec3df35c025… | FLOAT | FONT_SIZE |
font-size/heading/base | VariableID:34504:254481 | 1251c5ef7fd31b52… | FLOAT | ALL_SCOPES |
font-size/heading/lg | VariableID:22029:3842 | 5405cc3bf8f55322… | FLOAT | FONT_SIZE |
font-size/heading/md | VariableID:34501:34453 | 544dfa243ae77300… | FLOAT | FONT_SIZE |
font-size/heading/xl | VariableID:22029:3841 | c9aff2244632caaf… | FLOAT | FONT_SIZE |
font-size/label/base | VariableID:34416:1060 | 73315870c7b49855… | FLOAT | FONT_SIZE |
font-size/label/sm | VariableID:33840:287 | 55340301924bd5a5… | FLOAT | FONT_SIZE |
font-size/label/xs | VariableID:34435:284 | b9d20c577a172274… | FLOAT | FONT_SIZE |
font-size/quote/2xl | VariableID:34435:286 | 8e9c55d568fff665… | FLOAT | FONT_SIZE |
font-size/quote/lg | VariableID:34435:285 | eee3ac0dd1abfe16… | FLOAT | FONT_SIZE |
font-size/quote/xl | VariableID:34416:1061 | 60c0876a1779c22c… | FLOAT | FONT_SIZE |
font-weight/black | VariableID:33840:282 | 0bb786a953d02aa3… | FLOAT | FONT_WEIGHT |
font-weight/bold | VariableID:33840:281 | 31509e2e3cb26e91… | FLOAT | FONT_WEIGHT |
font-weight/light | VariableID:33840:305 | 63bc6a78eb838f1c… | FLOAT | FONT_WEIGHT |
font-weight/medium | VariableID:33840:279 | eee2c92cebedbf55… | FLOAT | FONT_WEIGHT |
font-weight/regular | VariableID:33282:49372 | 59bb2e8cc450f6d2… | FLOAT | FONT_WEIGHT |
font-weight/semibold | VariableID:33840:280 | 8834ae6f57230996… | FLOAT | FONT_WEIGHT |
letter-spacing/none | VariableID:33282:49370 | 99c11d32638aedc8… | FLOAT | LETTER_SPACING |
letter-spacing/tight | VariableID:33282:49371 | 250448a6223a1231… | FLOAT | LETTER_SPACING |
letter-spacing/wide | VariableID:33840:283 | 54e41884cea23415… | FLOAT | LETTER_SPACING |
line-height/body/2xl/compact | VariableID:34435:297 | 2f634875d613e6ba… | FLOAT | LINE_HEIGHT |
line-height/body/2xl/extended | VariableID:34435:299 | 5f22f336b94ab420… | FLOAT | LINE_HEIGHT |
line-height/body/2xl/standard | VariableID:34435:298 | 645fbab3b2df2dd8… | FLOAT | LINE_HEIGHT |
line-height/body/base/compact | VariableID:34416:1079 | 4dfc5364f55dde1c… | FLOAT | LINE_HEIGHT |
line-height/body/base/extended | VariableID:34416:1081 | bb256e443d8939bd… | FLOAT | LINE_HEIGHT |
line-height/body/base/standard | VariableID:34416:1080 | 015c5f6b61d61bd8… | FLOAT | LINE_HEIGHT |
line-height/body/lg/compact | VariableID:34435:291 | c603af097348168b… | FLOAT | LINE_HEIGHT |
line-height/body/lg/extended | VariableID:34435:293 | 5ffb87a90001011b… | FLOAT | LINE_HEIGHT |
line-height/body/lg/standard | VariableID:34435:292 | 4d0dcd8a5d0b010f… | FLOAT | LINE_HEIGHT |
line-height/body/md/compact | VariableID:34416:1082 | 968d0b6911cf4607… | FLOAT | LINE_HEIGHT |
line-height/body/md/extended | VariableID:34416:1084 | adba4581c04bb0dc… | FLOAT | LINE_HEIGHT |
line-height/body/md/standard | VariableID:34416:1083 | 893d81bc1ee477bf… | FLOAT | LINE_HEIGHT |
line-height/body/sm/compact | VariableID:34416:1077 | fb42d24b4d756378… | FLOAT | LINE_HEIGHT |
line-height/body/sm/extended | VariableID:34423:1137 | 382ae92cdbb4a3b6… | FLOAT | LINE_HEIGHT |
line-height/body/sm/standard | VariableID:34416:1078 | 1a984e61fdac04e1… | FLOAT | LINE_HEIGHT |
line-height/body/xl/compact | VariableID:34435:294 | 81f9948255a4f95d… | FLOAT | LINE_HEIGHT |
line-height/body/xl/extended | VariableID:34435:296 | 8b532fb63387f409… | FLOAT | LINE_HEIGHT |
line-height/body/xl/standard | VariableID:34435:295 | 20cb4833deb43b8e… | FLOAT | LINE_HEIGHT |
line-height/body/xs/compact | VariableID:34416:1076 | 82ee5a5a78f9443b… | FLOAT | LINE_HEIGHT |
line-height/body/xs/extended | VariableID:34423:1136 | 73b7846ba5d5e538… | FLOAT | LINE_HEIGHT |
line-height/body/xs/standard | VariableID:33840:329 | 04d88568cf5b4fc4… | FLOAT | LINE_HEIGHT |
line-height/display/2xl/fit | VariableID:34420:1059 | 46616bc9b526f9e3… | FLOAT | LINE_HEIGHT |
line-height/display/2xl/standard | VariableID:34416:1062 | cc363d47ec584ff0… | FLOAT | LINE_HEIGHT |
line-height/display/4xl/fit | VariableID:34420:1060 | 8609241ece5ed39f… | FLOAT | LINE_HEIGHT |
line-height/display/4xl/standard | VariableID:34416:1063 | 4a7e91fd9f7d2248… | FLOAT | LINE_HEIGHT |
line-height/display/5xl/fit | VariableID:34420:1061 | 2cad5e98f8c42ff7… | FLOAT | LINE_HEIGHT |
line-height/display/5xl/standard | VariableID:34416:1064 | a64479a033194174… | FLOAT | LINE_HEIGHT |
line-height/display/6xl/fit | VariableID:34420:1062 | 260fefb4a208cb23… | FLOAT | LINE_HEIGHT |
line-height/display/6xl/standard | VariableID:34416:1065 | 5cff3242a95720db… | FLOAT | LINE_HEIGHT |
line-height/display/7xl/fit | VariableID:34435:288 | 9d277d30a0d60646… | FLOAT | LINE_HEIGHT |
line-height/display/7xl/standard | VariableID:34435:287 | 847f8ef477ca2dfd… | FLOAT | LINE_HEIGHT |
line-height/display/8xl/fit | VariableID:34420:1063 | 996ac02e79df1879… | FLOAT | LINE_HEIGHT |
line-height/display/8xl/standard | VariableID:34416:1066 | a84f60d57a868efa… | FLOAT | LINE_HEIGHT |
line-height/display/9xl/fit | VariableID:34435:290 | 693d72ee36ec7b12… | FLOAT | LINE_HEIGHT |
line-height/display/9xl/standard | VariableID:34435:289 | c1e419746d6ea5c0… | FLOAT | LINE_HEIGHT |
line-height/heading/2xl/compact | VariableID:34423:1170 | 88157738b726e036… | FLOAT | LINE_HEIGHT |
line-height/heading/2xl/extended | VariableID:34423:1171 | 2db0ca703f0a4761… | FLOAT | LINE_HEIGHT |
line-height/heading/2xl/fit | VariableID:34420:1053 | 811195d9186c1c30… | FLOAT | LINE_HEIGHT |
line-height/heading/2xl/standard | VariableID:34416:1070 | 7b7ea74700c9c278… | FLOAT | LINE_HEIGHT |
line-height/heading/3xl/compact | VariableID:34423:1172 | 2a6435220ab837e3… | FLOAT | LINE_HEIGHT |
line-height/heading/3xl/extended | VariableID:34423:1173 | ced1b85bb94704ef… | FLOAT | LINE_HEIGHT |
line-height/heading/3xl/fit | VariableID:34420:1054 | 181aaeaf26fffee2… | FLOAT | LINE_HEIGHT |
line-height/heading/3xl/standard | VariableID:34416:1071 | f8ddc26b8ea4565f… | FLOAT | LINE_HEIGHT |
line-height/heading/4xl/compact | VariableID:34423:1174 | 84f6878a24dc9be4… | FLOAT | LINE_HEIGHT |
line-height/heading/4xl/extended | VariableID:34423:1175 | 3b73c731b6bfeaf2… | FLOAT | LINE_HEIGHT |
line-height/heading/4xl/fit | VariableID:34420:1055 | c98e4434194db8dc… | FLOAT | LINE_HEIGHT |
line-height/heading/4xl/standard | VariableID:34416:1072 | 511f08bf11341b2a… | FLOAT | LINE_HEIGHT |
line-height/heading/5xl/compact | VariableID:34423:1176 | f4e9fe22c867d220… | FLOAT | LINE_HEIGHT |
line-height/heading/5xl/extended | VariableID:34423:1177 | ddb44238ddbe480c… | FLOAT | LINE_HEIGHT |
line-height/heading/5xl/fit | VariableID:34420:1056 | 18d2270e96c2dc03… | FLOAT | LINE_HEIGHT |
line-height/heading/5xl/standard | VariableID:34416:1073 | c972bcdabf2feaaa… | FLOAT | LINE_HEIGHT |
line-height/heading/6xl/compact | VariableID:34423:1178 | 119b43acbdecdb04… | FLOAT | LINE_HEIGHT |
line-height/heading/6xl/extended | VariableID:34423:1179 | 4cb99ff98355a031… | FLOAT | LINE_HEIGHT |
line-height/heading/6xl/fit | VariableID:34420:1057 | e8bb9c10aa005d1f… | FLOAT | LINE_HEIGHT |
line-height/heading/6xl/standard | VariableID:34416:1074 | 3824d8e1ad30f0f8… | FLOAT | LINE_HEIGHT |
line-height/heading/7xl/compact | VariableID:34423:1180 | 617345c906aed126… | FLOAT | LINE_HEIGHT |
line-height/heading/7xl/extended | VariableID:34423:1181 | 73528584ea7916bd… | FLOAT | LINE_HEIGHT |
line-height/heading/7xl/fit | VariableID:34420:1058 | c6868bcf00a56736… | FLOAT | LINE_HEIGHT |
line-height/heading/7xl/standard | VariableID:34416:1075 | 1589a58407b9b4c8… | FLOAT | LINE_HEIGHT |
line-height/heading/base/standard | VariableID:34504:254482 | 99dcd02f972410f1… | FLOAT | ALL_SCOPES |
line-height/heading/lg/compact | VariableID:34423:1167 | 26ad28c19e560a7a… | FLOAT | LINE_HEIGHT |
line-height/heading/lg/extended | VariableID:34423:1168 | c81252b53e808be5… | FLOAT | LINE_HEIGHT |
line-height/heading/lg/standard | VariableID:34416:1067 | d9ad008d2d44986e… | FLOAT | LINE_HEIGHT |
line-height/heading/md/compact | VariableID:34501:34455 | eb6cbe2cf001ab4b… | FLOAT | LINE_HEIGHT |
line-height/heading/md/extended | VariableID:34501:34456 | b745aa2d9f9b7a2b… | FLOAT | LINE_HEIGHT |
line-height/heading/md/standard | VariableID:34501:34454 | 5c4c5910633ae33c… | FLOAT | LINE_HEIGHT |
line-height/heading/xl/compact | VariableID:34416:1069 | f93a981f62b1931a… | FLOAT | LINE_HEIGHT |
line-height/heading/xl/extended | VariableID:34423:1169 | f0aaa836bbe46ca4… | FLOAT | LINE_HEIGHT |
line-height/heading/xl/fit | VariableID:34420:1052 | dc62b9655673e84d… | FLOAT | LINE_HEIGHT |
line-height/heading/xl/standard | VariableID:34416:1068 | af31cfd73e6a1801… | FLOAT | LINE_HEIGHT |
line-height/label/base | VariableID:34416:1085 | 576a3cda2e45577a… | FLOAT | LINE_HEIGHT |
line-height/label/sm | VariableID:34416:1086 | 7e9e0e7ab6afe8d1… | FLOAT | LINE_HEIGHT |
line-height/label/xs | VariableID:34435:300 | 5f78f42ff1681d0b… | FLOAT | LINE_HEIGHT |
line-height/quote/2xl/standard | VariableID:34435:302 | 5a7796e454909d62… | FLOAT | LINE_HEIGHT |
line-height/quote/lg/standard | VariableID:34435:301 | baf756578fd43c5b… | FLOAT | LINE_HEIGHT |
line-height/quote/xl/standard | VariableID:34416:1087 | 15c5efdc59e0f14a… | FLOAT | LINE_HEIGHT |
paragraph-spacing/body/2xl/standard | VariableID:34482:365626 | 235a4686af42685b… | FLOAT | ALL_SCOPES |
paragraph-spacing/body/base/compact | VariableID:34482:365618 | 73676a7687431aeb… | FLOAT | ALL_SCOPES |
paragraph-spacing/body/base/extended | VariableID:34482:365620 | ccd1e87f49c2a3c5… | FLOAT | ALL_SCOPES |
paragraph-spacing/body/base/standard | VariableID:34482:365619 | 1adc97a6def5ea27… | FLOAT | ALL_SCOPES |
paragraph-spacing/body/lg/standard | VariableID:34482:365624 | c4834e83e870c3c1… | FLOAT | ALL_SCOPES |
paragraph-spacing/body/md/compact | VariableID:34482:365621 | fcc8a2ae1e6ea804… | FLOAT | ALL_SCOPES |
paragraph-spacing/body/md/extended | VariableID:34482:365623 | 4814d41425b0a3fc… | FLOAT | ALL_SCOPES |
paragraph-spacing/body/md/standard | VariableID:34482:365622 | 76044eb134bff14c… | FLOAT | ALL_SCOPES |
paragraph-spacing/body/sm/compact | VariableID:34482:365615 | 4cae1c296a04752f… | FLOAT | ALL_SCOPES |
paragraph-spacing/body/sm/extended | VariableID:34482:365617 | ca9b3d1c4117e827… | FLOAT | ALL_SCOPES |
paragraph-spacing/body/sm/standard | VariableID:34482:365616 | 31cc07af31c3b4c6… | FLOAT | ALL_SCOPES |
paragraph-spacing/body/xl/standard | VariableID:34482:365625 | f8e13a4e411cc534… | FLOAT | ALL_SCOPES |
paragraph-spacing/body/xs/compact | VariableID:34482:365612 | eb9881b496fb0401… | FLOAT | ALL_SCOPES |
paragraph-spacing/body/xs/extended | VariableID:34482:365614 | 08fd48dc6cae1339… | FLOAT | ALL_SCOPES |
paragraph-spacing/body/xs/standard | VariableID:34482:365613 | c3b5b6208df49861… | FLOAT | ALL_SCOPES |
Typography Scale (51 variables)
Section titled “Typography Scale (51 variables)”Collection ID: VariableCollectionId:33095:25462
| Name | Figma ID | Key | Type | Scopes |
|---|---|---|---|---|
font-family/Body | VariableID:34378:13775 | 41eaa2f918256c89… | STRING | FONT_FAMILY |
font-family/Decoration | VariableID:35588:261 | a06c7486fa0eb12f… | STRING | ALL_SCOPES |
font-family/Heading | VariableID:34378:13774 | 2af9d9b42ab6c857… | STRING | FONT_FAMILY |
font-family/Quote | VariableID:34386:34282 | 59c0156daccc73c6… | STRING | ALL_SCOPES |
font-weight-scale/black | VariableID:33840:295 | ef3ec1ecb3ec3de0… | FLOAT | FONT_WEIGHT |
font-weight-scale/bold | VariableID:33840:294 | 1f8dd04ebeeccdee… | FLOAT | FONT_WEIGHT |
font-weight-scale/light | VariableID:33840:304 | 2d49281eb639ddbe… | FLOAT | FONT_WEIGHT |
font-weight-scale/medium | VariableID:33840:292 | a0982a0787d56a2b… | FLOAT | FONT_WEIGHT |
font-weight-scale/regular | VariableID:33840:291 | ca2f35e6c3588a56… | FLOAT | FONT_WEIGHT |
font-weight-scale/semibold | VariableID:33840:293 | 3d8029121abebb1b… | FLOAT | FONT_WEIGHT |
leading-scale/12 | VariableID:33095:25472 | 57563b2d0df66433… | FLOAT | LINE_HEIGHT |
leading-scale/16 | VariableID:33095:25471 | c229ea2b16039ff9… | FLOAT | LINE_HEIGHT |
leading-scale/20 | VariableID:33095:25470 | 9746362bff16045a… | FLOAT | LINE_HEIGHT |
leading-scale/24 | VariableID:33095:25469 | b0de79dacaf08475… | FLOAT | LINE_HEIGHT |
leading-scale/28 | VariableID:33095:25468 | f19b94c7ffcfdf68… | FLOAT | LINE_HEIGHT |
leading-scale/32 | VariableID:33095:25467 | 81d9619df3a3391b… | FLOAT | LINE_HEIGHT |
leading-scale/36 | VariableID:33840:311 | 9c679db7d7da1d45… | FLOAT | LINE_HEIGHT |
leading-scale/4 | VariableID:33095:25474 | e6ceeef04d7f7463… | FLOAT | LINE_HEIGHT |
leading-scale/40 | VariableID:33095:25466 | 106402c65f88d8a6… | FLOAT | LINE_HEIGHT |
leading-scale/44 | VariableID:34420:1050 | aab218b0dd53641f… | FLOAT | ALL_SCOPES |
leading-scale/48 | VariableID:33095:25465 | 8eaecccc9d9b3daf… | FLOAT | LINE_HEIGHT |
leading-scale/56 | VariableID:33095:25464 | 1033c09c0e351ae2… | FLOAT | LINE_HEIGHT |
leading-scale/60 | VariableID:33840:309 | 886e138304102443… | FLOAT | LINE_HEIGHT |
leading-scale/64 | VariableID:33095:25463 | 624024f498dc5c4c… | FLOAT | LINE_HEIGHT |
leading-scale/72 | VariableID:33840:308 | cb65ec5981f8a47f… | FLOAT | LINE_HEIGHT |
leading-scale/8 | VariableID:33095:25473 | 86abb158ec50423a… | FLOAT | LINE_HEIGHT |
letter-spacing-scale/loose | VariableID:33840:298 | c16c861ca8b4c8c4… | FLOAT | LETTER_SPACING |
letter-spacing-scale/none | VariableID:33840:297 | 5c14d93e0aed5c80… | FLOAT | LETTER_SPACING |
letter-spacing-scale/tight | VariableID:33840:296 | ba464dcfe12857f4… | FLOAT | LETTER_SPACING |
letter-spacing-scale/wide | VariableID:33857:34 | b9373aebc259753f… | FLOAT | LETTER_SPACING |
paragraph-spacing-scale/12 | VariableID:34483:281 | 107f9202504c1be1… | FLOAT | ALL_SCOPES |
paragraph-spacing-scale/16 | VariableID:34483:282 | 08c186d8bd85043a… | FLOAT | ALL_SCOPES |
paragraph-spacing-scale/4 | VariableID:34483:279 | b6e20a7258c8103a… | FLOAT | ALL_SCOPES |
paragraph-spacing-scale/8 | VariableID:34483:280 | 114d798625f8cb83… | FLOAT | ALL_SCOPES |
text-scale/10xl | VariableID:34413:1051 | da2c785897c49488… | FLOAT | FONT_SIZE |
text-scale/2xl | VariableID:33095:25481 | d028ca11ff8cc884… | FLOAT | FONT_SIZE |
text-scale/2xs | VariableID:33095:25488 | 3091c86147014e1c… | FLOAT | FONT_SIZE |
text-scale/3xl | VariableID:33095:25480 | 115334a612ba5fd9… | FLOAT | FONT_SIZE |
text-scale/4xl | VariableID:33095:25479 | 24ea39bf548ceb6d… | FLOAT | FONT_SIZE |
text-scale/5xl | VariableID:33095:25478 | 00ce8caeeb38a626… | FLOAT | FONT_SIZE |
text-scale/6xl | VariableID:33095:25477 | 6cabf0dba2ad3b83… | FLOAT | FONT_SIZE |
text-scale/7xl | VariableID:34413:1050 | b465f199085718e4… | FLOAT | FONT_SIZE |
text-scale/8xl | VariableID:33095:25476 | 1a458ac81001e521… | FLOAT | FONT_SIZE |
text-scale/9xl | VariableID:33095:25475 | 5f4b6dd64309cbe4… | FLOAT | FONT_SIZE |
text-scale/base | VariableID:33095:25485 | a43ef1bd96b905b9… | FLOAT | FONT_SIZE |
text-scale/lg | VariableID:33095:25483 | bdb060673e01aad7… | FLOAT | FONT_SIZE |
text-scale/md | VariableID:33095:25484 | f2f80e7552b4fbdb… | FLOAT | FONT_SIZE |
text-scale/md-sub | VariableID:33840:306 | dd3ffe6de5623171… | FLOAT | FONT_SIZE |
text-scale/sm | VariableID:33095:25486 | 2aa7626f854bef42… | FLOAT | FONT_SIZE |
text-scale/xl | VariableID:33095:25482 | 7ce8b5e837fa7842… | FLOAT | FONT_SIZE |
text-scale/xs | VariableID:33095:25487 | f6e1e44093c7a9b8… | FLOAT | FONT_SIZE |
Related
Section titled “Related”variable-registry.md- variable names + resolved values (CSS-derived)variable-selection.md- decision tree for picking the right variablecomponent-registry.md- component keys + variant schemasworkflows.md- Workflow 1 (bind) + Workflow 3 (mode audit)