Skip to content

Instantly share code, notes, and snippets.

@davidbwaters

davidbwaters/matrix-design-tokens.json

Created April 28, 2022 06:48
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save davidbwaters/c9d797a0696ca1fc45d3f04662d0bf2d to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save davidbwaters/c9d797a0696ca1fc45d3f04662d0bf2d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
matrix-design-tokens.json
{
"style": {
"color": {
"BG": {
"0": {
"type": "SOLID",
"value": "#0c0f10"
},
"1": {
"type": "SOLID",
"value": "#1a2023"
},
"Border0": {
"type": "SOLID",
"value": "#2d3238"
},
"0.5": {
"type": "SOLID",
"value": "#131819"
},
"BrandBlur": {
"type": "SOLID",
"value": "#000000"
},
"BrandBlur Dark": {
"type": "SOLID",
"value": "#1a2023"
},
"BorderBlur": {
"type": "SOLID",
"value": "#636e97"
},
"Glass": {
"type": "SOLID",
"value": "#ffffff"
},
"BorderGlass": {
"type": "GRADIENT_LINEAR",
"stop-1": {
"value": "#ffffff"
},
"stop-2": {
"value": "#ffffff"
},
"transform-1": {
"stop-1": {
"value": "0.10102"
},
"stop-2": {
"value": "0.10102"
},
"stop-3": {
"value": "0.10102"
}
},
"transform-2": {
"stop-1": {
"value": "0.40235"
},
"stop-2": {
"value": "0.40235"
},
"stop-3": {
"value": "0.40235"
}
}
},
"GlassAlt": {
"type": "GRADIENT_LINEAR",
"stop-1": {
"value": "#ffffff"
},
"stop-2": {
"value": "#ffffff"
},
"stop-3": {
"value": "#ffffff"
},
"stop-4": {
"value": "#ffffff"
},
"transform-1": {
"stop-1": {
"value": "0.00000"
},
"stop-2": {
"value": "0.00000"
},
"stop-3": {
"value": "0.00000"
}
},
"transform-2": {
"stop-1": {
"value": "0.50000"
},
"stop-2": {
"value": "0.50000"
},
"stop-3": {
"value": "0.50000"
}
}
},
"BorderGlass Alt": {
"type": "GRADIENT_RADIAL",
"stop-1": {
"value": "#ffffff"
},
"stop-2": {
"value": "#ffffff"
},
"transform-1": {
"stop-1": {
"value": "0.50000"
},
"stop-2": {
"value": "0.50000"
},
"stop-3": {
"value": "0.50000"
}
},
"transform-2": {
"stop-1": {
"value": "0.50000"
},
"stop-2": {
"value": "0.50000"
},
"stop-3": {
"value": "0.50000"
}
}
}
},
"Gradient": {
"ButtonPrimary": {
"type": "SOLID",
"value": "#b93eec"
},
"ButtonOrange": {
"type": "SOLID",
"value": "#fbc651"
},
"ButtonBlue Muted": {
"type": "SOLID",
"value": "#9ccade"
},
"ButtonBlue": {
"type": "SOLID",
"value": "#13e6fb"
},
"ButtonPrimary Alt": {
"type": "SOLID",
"value": "#b93eec"
},
"PrimaryVertical": {
"type": "GRADIENT_LINEAR",
"stop-1": {
"value": "#72c7f5"
},
"stop-2": {
"value": "#8e53b5"
},
"stop-3": {
"value": "#fc33c4"
},
"transform-1": {
"stop-1": {
"value": "0.00000"
},
"stop-2": {
"value": "0.00000"
},
"stop-3": {
"value": "0.00000"
}
},
"transform-2": {
"stop-1": {
"value": "1.00000"
},
"stop-2": {
"value": "1.00000"
},
"stop-3": {
"value": "1.00000"
}
}
},
"PrimaryHorizontal": {
"type": "GRADIENT_LINEAR",
"stop-1": {
"value": "#72c7f5"
},
"stop-2": {
"value": "#8e53b5"
},
"stop-3": {
"value": "#fc33c4"
},
"transform-1": {
"stop-1": {
"value": "-0.00000"
},
"stop-2": {
"value": "-0.00000"
},
"stop-3": {
"value": "-0.00000"
}
},
"transform-2": {
"stop-1": {
"value": "0.49831"
},
"stop-2": {
"value": "0.49831"
},
"stop-3": {
"value": "0.49831"
}
}
},
"ActiveBG": {
"type": "GRADIENT_LINEAR",
"stop-1": {
"value": "#0c0f10"
},
"stop-2": {
"value": "#0c0f10"
},
"transform-1": {
"stop-1": {
"value": "1.00000"
},
"stop-2": {
"value": "1.00000"
},
"stop-3": {
"value": "1.00000"
}
},
"transform-2": {
"stop-1": {
"value": "1.10494"
},
"stop-2": {
"value": "1.10494"
},
"stop-3": {
"value": "1.10494"
}
}
},
"ActiveBG Glass Inverse": {
"type": "GRADIENT_LINEAR",
"stop-1": {
"value": "#ffffff"
},
"stop-2": {
"value": "#ffffff"
},
"transform-1": {
"stop-1": {
"value": "1.00000"
},
"stop-2": {
"value": "1.00000"
},
"stop-3": {
"value": "1.00000"
}
},
"transform-2": {
"stop-1": {
"value": "1.10494"
},
"stop-2": {
"value": "1.10494"
},
"stop-3": {
"value": "1.10494"
}
}
},
"ActiveBG Glass": {
"type": "GRADIENT_LINEAR",
"stop-1": {
"value": "#ffffff"
},
"stop-2": {
"value": "#ffffff"
},
"transform-1": {
"stop-1": {
"value": "1.00000"
},
"stop-2": {
"value": "1.00000"
},
"stop-3": {
"value": "1.00000"
}
},
"transform-2": {
"stop-1": {
"value": "1.10494"
},
"stop-2": {
"value": "1.10494"
},
"stop-3": {
"value": "1.10494"
}
}
},
"BrandAngular 1": {
"type": "GRADIENT_ANGULAR",
"stop-1": {
"value": "#fc33c4"
},
"stop-2": {
"value": "#8e53b5"
},
"stop-3": {
"value": "#72c7f5"
},
"transform-1": {
"stop-1": {
"value": "-0.02973"
},
"stop-2": {
"value": "-0.02973"
},
"stop-3": {
"value": "-0.02973"
}
},
"transform-2": {
"stop-1": {
"value": "0.97838"
},
"stop-2": {
"value": "0.97838"
},
"stop-3": {
"value": "0.97838"
}
}
},
"PrimaryDiagonal": {
"type": "GRADIENT_LINEAR",
"stop-1": {
"value": "#72c7f5"
},
"stop-2": {
"value": "#8e53b5"
},
"stop-3": {
"value": "#fc33c4"
},
"transform-1": {
"stop-1": {
"value": "-0.06391"
},
"stop-2": {
"value": "-0.06391"
},
"stop-3": {
"value": "-0.06391"
}
},
"transform-2": {
"stop-1": {
"value": "1.83575"
},
"stop-2": {
"value": "1.83575"
},
"stop-3": {
"value": "1.83575"
}
}
}
},
"Theme": {
"AccentBlue": {
"type": "SOLID",
"value": "#13e6fb"
},
"AccentBlue Light": {
"type": "SOLID",
"value": "#73f7fc"
},
"Fuscia": {
"type": "SOLID",
"value": "#b93eec"
},
"FusciaLight": {
"type": "SOLID",
"value": "#de89fb"
},
"FusciaBright": {
"type": "SOLID",
"value": "#e010e5"
},
"Orange": {
"type": "SOLID",
"value": "#f2a64e"
},
"BlueMuted": {
"type": "SOLID",
"value": "#9ccade"
},
"YellowOrange": {
"type": "SOLID",
"value": "#ffd261"
},
"Success": {
"type": "SOLID",
"value": "#6fcf97"
},
"Error": {
"type": "SOLID",
"value": "#eb5757"
}
},
"Opaque": {
"Light2.5": {
"type": "SOLID",
"value": "#ffffff"
},
"Light5": {
"type": "SOLID",
"value": "#ffffff"
},
"Light10": {
"type": "SOLID",
"value": "#ffffff"
},
"Light15": {
"type": "SOLID",
"value": "#ffffff"
},
"Light25": {
"type": "SOLID",
"value": "#ffffff"
},
"Light40": {
"type": "SOLID",
"value": "#ffffff"
},
"Light60": {
"type": "SOLID",
"value": "#ffffff"
},
"Light80": {
"type": "SOLID",
"value": "#ffffff"
},
"Dark5": {
"type": "SOLID",
"value": "#000000"
},
"Dark10": {
"type": "SOLID",
"value": "#000000"
},
"Dark15": {
"type": "SOLID",
"value": "#000000"
},
"Dark25": {
"type": "SOLID",
"value": "#000000"
},
"Dark40": {
"type": "SOLID",
"value": "#000000"
},
"Dark50": {
"type": "SOLID",
"value": "#000000"
},
"Dark60": {
"type": "SOLID",
"value": "#000000"
},
"Dark70": {
"type": "SOLID",
"value": "#000000"
},
"Blue50": {
"type": "SOLID",
"value": "#73f7fc"
}
},
"FG": {
"Light": {
"type": "SOLID",
"value": "#ffffff"
},
"Dark": {
"type": "SOLID",
"value": "#000000"
}
},
"Gray": {
"400": {
"type": "SOLID",
"value": "#9da3ae"
}
}
},
"typography": {
"Body": {
"Light": {
"fontName": {
"value": "GT America Trial-Lt"
},
"size": {
"value": 14
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "-",
"unit": "AUTO"
}
},
"Normal": {
"fontName": {
"value": "GT America Trial-Rg"
},
"size": {
"value": 14
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "-",
"unit": "AUTO"
}
},
"Strong": {
"fontName": {
"value": "GT America Trial-Rg"
},
"size": {
"value": 14
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "-",
"unit": "AUTO"
}
},
"Tinier": {
"fontName": {
"value": "GT America Trial-Rg"
},
"size": {
"value": 8
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "-",
"unit": "AUTO"
}
},
"TinierStrong": {
"fontName": {
"value": "GT America Trial-Rg"
},
"size": {
"value": 8
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "-",
"unit": "AUTO"
}
},
"TinierLight": {
"fontName": {
"value": "GT America Trial-Lt"
},
"size": {
"value": 8
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "-",
"unit": "AUTO"
}
},
"Tiny": {
"fontName": {
"value": "GT America Trial-Rg"
},
"size": {
"value": 10
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "-",
"unit": "AUTO"
}
},
"TinyStrong": {
"fontName": {
"value": "GT America Trial-Rg"
},
"size": {
"value": 10
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "-",
"unit": "AUTO"
}
},
"TinyLight": {
"fontName": {
"value": "GT America Trial-Lt"
},
"size": {
"value": 10
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "-",
"unit": "AUTO"
}
},
"SmallLight": {
"fontName": {
"value": "GT America Trial-Lt"
},
"size": {
"value": 12
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "-",
"unit": "AUTO"
}
},
"Small": {
"fontName": {
"value": "GT America Trial-Rg"
},
"size": {
"value": 12
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "-",
"unit": "AUTO"
}
},
"SmallStrong": {
"fontName": {
"value": "GT America Trial-Rg"
},
"size": {
"value": 12
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "-",
"unit": "AUTO"
}
},
"MediumLight": {
"fontName": {
"value": "GT America Trial-Lt"
},
"size": {
"value": 16
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "-",
"unit": "AUTO"
}
},
"Medium": {
"fontName": {
"value": "GT America Trial-Rg"
},
"size": {
"value": 16
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "-",
"unit": "AUTO"
}
},
"MediumStrong": {
"fontName": {
"value": "GT America Trial-Rg"
},
"size": {
"value": 16
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "-",
"unit": "AUTO"
}
},
"Large": {
"fontName": {
"value": "GT America Trial-Rg"
},
"size": {
"value": 18
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "-",
"unit": "AUTO"
}
},
"LargeStrong": {
"fontName": {
"value": "GT America Trial-Rg"
},
"size": {
"value": 18
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "-",
"unit": "AUTO"
}
},
"ExtraLarge": {
"fontName": {
"value": "GT America Trial-Rg"
},
"size": {
"value": 22
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "-",
"unit": "AUTO"
}
},
"Mono": {
"fontName": {
"value": "GT America Trial-Rg"
},
"size": {
"value": 12
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "-",
"unit": "AUTO"
}
}
},
"Heading": {
"AccentMedium": {
"fontName": {
"value": "GT America Trial-Exp Md"
},
"size": {
"value": 18
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "139.9999976158142",
"unit": "PERCENT"
}
},
"AccentTinier": {
"fontName": {
"value": "GT America Trial-Exp Md"
},
"size": {
"value": 10
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "139.9999976158142",
"unit": "PERCENT"
}
},
"AccentTiny": {
"fontName": {
"value": "GT America Trial-Exp Md"
},
"size": {
"value": 12
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "139.9999976158142",
"unit": "PERCENT"
}
},
"AccentSmall": {
"fontName": {
"value": "GT America Trial-Exp Md"
},
"size": {
"value": 14
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "139.9999976158142",
"unit": "PERCENT"
}
},
"AccentSmall Uppercase": {
"fontName": {
"value": "GT America Trial-Exp Md"
},
"size": {
"value": 14
},
"transform": {
"value": "uppercase"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "139.9999976158142",
"unit": "PERCENT"
}
},
"AccentLarge": {
"fontName": {
"value": "GT America Trial-Exp Md"
},
"size": {
"value": 24
},
"transform": {
"value": "none"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "139.9999976158142",
"unit": "PERCENT"
}
},
"AccentMedium Uppercase": {
"fontName": {
"value": "GT America Trial-Exp Md"
},
"size": {
"value": 18
},
"transform": {
"value": "uppercase"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "139.9999976158142",
"unit": "PERCENT"
}
},
"AccentTiny Uppercase": {
"fontName": {
"value": "GT America Trial-Exp Md"
},
"size": {
"value": 12
},
"transform": {
"value": "uppercase"
},
"decoration": {
"value": "none"
},
"letterSpacing": {
"value": 0,
"unit": "PERCENT"
},
"lineHeight": {
"value": "139.9999976158142",
"unit": "PERCENT"
}
}
}
},
"effect": {
"CursorShadow": {
"type": {
"value": "DROP_SHADOW"
},
"radius": {
"value": 3
},
"color": {
"value": "#00000019"
},
"offset-x": {
"value": 0
},
"offset-y": {
"value": 1
}
},
"Blur": {
"type": {
"value": "LAYER_BLUR"
},
"radius": {
"value": 120
}
},
"BlurLight": {
"type": {
"value": "LAYER_BLUR"
},
"radius": {
"value": 20
}
},
"BlurMedium": {
"type": {
"value": "LAYER_BLUR"
},
"radius": {
"value": 32
}
},
"BlurBG": {
"type": {
"value": "BACKGROUND_BLUR"
},
"radius": {
"value": 12
}
},
"BlurBG Medium": {
"type": {
"value": "BACKGROUND_BLUR"
},
"radius": {
"value": 16
}
},
"BlurBG Heavy": {
"type": {
"value": "BACKGROUND_BLUR"
},
"radius": {
"value": 24
}
},
"BlurBG Heavier": {
"type": {
"value": "BACKGROUND_BLUR"
},
"radius": {
"value": 38
}
},
"GlowTheme Blue Blur": {
"type": {
"value": "BACKGROUND_BLUR"
},
"radius": {
"value": 12
}
},
"GlowTheme Blue Blur Small Intense": {
"type": {
"value": "BACKGROUND_BLUR"
},
"radius": {
"value": 12
}
},
"GlowTheme Blue Blur Medium": {
"type": {
"value": "BACKGROUND_BLUR"
},
"radius": {
"value": 12
}
},
"GlowTheme Blue Blur Heavy": {
"type": {
"value": "BACKGROUND_BLUR"
},
"radius": {
"value": 12
}
},
"GlowTheme Blue Muted Blur Small Intense": {
"type": {
"value": "BACKGROUND_BLUR"
},
"radius": {
"value": 12
}
},
"GlowTheme Fuscia Blur": {
"type": {
"value": "BACKGROUND_BLUR"
},
"radius": {
"value": 12
}
},
"GlowTheme Fuscia Blur Small Intense": {
"type": {
"value": "BACKGROUND_BLUR"
},
"radius": {
"value": 12
}
},
"GlowTheme Fuscia Blur Heavy": {
"type": {
"value": "BACKGROUND_BLUR"
},
"radius": {
"value": 12
}
},
"GlowTheme Yellow Blur": {
"type": {
"value": "BACKGROUND_BLUR"
},
"radius": {
"value": 12
}
},
"GlowTheme Yellow Blur Heavy": {
"type": {
"value": "BACKGROUND_BLUR"
},
"radius": {
"value": 12
}
},
"GlowTheme Orange Blur Small Intense": {
"type": {
"value": "BACKGROUND_BLUR"
},
"radius": {
"value": 12
}
},
"ShadowBase": {
"type": {
"value": "DROP_SHADOW"
},
"radius": {
"value": 1
},
"color": {
"value": "#0000000a"
},
"offset-x": {
"value": 0
},
"offset-y": {
"value": 0
}
},
"ShadowMedium": {
"type": {
"value": "DROP_SHADOW"
},
"radius": {
"value": 1
},
"color": {
"value": "#0000000a"
},
"offset-x": {
"value": 0
},
"offset-y": {
"value": 0
}
},
"ShadowLarge": {
"type": {
"value": "DROP_SHADOW"
},
"radius": {
"value": 1
},
"color": {
"value": "#0000000a"
},
"offset-x": {
"value": 0
},
"offset-y": {
"value": 0
}
},
"ShadowX-Large": {
"type": {
"value": "DROP_SHADOW"
},
"radius": {
"value": 1
},
"color": {
"value": "#0000000a"
},
"offset-x": {
"value": 0
},
"offset-y": {
"value": 0
}
},
"GlowTheme Blue": {
"type": {
"value": "DROP_SHADOW"
},
"radius": {
"value": 12
},
"color": {
"value": "#73f7fc3f"
},
"offset-x": {
"value": 0
},
"offset-y": {
"value": 1
}
},
"GlowTheme Fuscia": {
"type": {
"value": "DROP_SHADOW"
},
"radius": {
"value": 12
},
"color": {
"value": "#de89fb3f"
},
"offset-x": {
"value": 0
},
"offset-y": {
"value": 1
}
},
"GlowTheme Orange Heavy Blur": {
"type": {
"value": "BACKGROUND_BLUR"
},
"radius": {
"value": 12
}
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment