Skip to content

Instantly share code, notes, and snippets.

@tomhermans
Last active April 8, 2022 18:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tomhermans/40a0f7a720484369c7e980e65330f4a6 to your computer and use it in GitHub Desktop.
Save tomhermans/40a0f7a720484369c7e980e65330f4a6 to your computer and use it in GitHub Desktop.
{
"version": "90",
"updatedAt": "Fri Apr 08 2022 18:27:06 GMT+0200 (Central European Summer Time)",
"values": {
"global": {
"brand": {
"neutral": {
"value": "#c4c4c4",
"type": "color"
},
"purple": {
"value": "#7b61ff",
"type": "color"
},
"pink": {
"value": "#ffb2bd",
"type": "color"
},
"teal": {
"value": "#1db5d7",
"type": "color"
},
"orange": {
"value": "#ff7d61",
"type": "color"
},
"green": {
"value": "#24b90c",
"type": "color"
},
"rebeccapurple": {
"value": "#663399",
"type": "color"
}
},
"none": {
"value": "0",
"type": "borderRadius"
},
"xs": {
"value": "2",
"type": "borderRadius"
},
"sm": {
"value": "4",
"type": "borderRadius"
},
"md": {
"value": "6",
"type": "borderRadius"
},
"lg": {
"value": "8",
"type": "borderRadius"
},
"xl": {
"value": "12",
"type": "borderRadius"
},
"Sans": {
"value": "Inter",
"type": "fontFamilies"
},
"Serif": {
"value": "Georgia",
"type": "fontFamilies"
},
"Monospace": {
"value": "Fira Code",
"type": "fontFamilies"
},
"Regular": {
"value": "300",
"type": "fontWeights"
},
"Semibold": {
"value": "400",
"type": "fontWeights"
},
"Bold": {
"value": "700",
"type": "fontWeights"
},
"InterReg": {
"value": {
"fontFamily": "Inter",
"fontWeight": "Regular",
"lineHeight": "AUTO",
"fontSize": "16",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"textDecoration": "none",
"textCase": "none"
},
"type": "typography"
},
"InterSemi": {
"value": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold",
"lineHeight": "AUTO",
"fontSize": "16",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"textDecoration": "none",
"textCase": "none"
},
"type": "typography"
},
"Inter Bold": {
"value": {
"fontFamily": "Inter",
"fontWeight": "Bold",
"lineHeight": "AUTO",
"fontSize": "16",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"textDecoration": "none",
"textCase": "none"
},
"type": "typography"
},
"border-1": {
"value": "1",
"type": "borderWidth"
},
"border-2": {
"value": "2",
"type": "borderWidth"
},
"border-3": {
"value": "3",
"type": "borderWidth"
},
"border-4": {
"value": "4",
"type": "borderWidth"
},
"fontFamilies": {
"inter": {
"value": "Inter",
"type": "fontFamilies"
},
"blatant": {
"value": "Blatant",
"type": "fontFamilies"
}
},
"lineHeights": {
"0": {
"value": "AUTO",
"type": "lineHeights"
}
},
"fontWeights": {
"inter-0": {
"value": "Regular",
"type": "fontWeights"
},
"inter-1": {
"value": "Semi Bold",
"type": "fontWeights"
},
"inter-2": {
"value": "Bold",
"type": "fontWeights"
},
"blatant-3": {
"value": "Regular",
"type": "fontWeights"
},
"blatant-4": {
"value": "Bold Italic",
"type": "fontWeights"
},
"blatant-5": {
"value": "Bold",
"type": "fontWeights"
}
},
"fontSize": {
"0": {
"value": "16",
"type": "fontSizes"
}
},
"letterSpacing": {
"0": {
"value": "0%",
"type": "letterSpacing"
}
},
"paragraphSpacing": {
"0": {
"value": "0",
"type": "paragraphSpacing"
}
},
"btn": {
"regular": {
"value": {
"fontFamily": "$fontFamilies.inter",
"fontWeight": "$fontWeights.inter-0",
"lineHeight": "$lineHeights.0",
"fontSize": "$fontSize.0",
"letterSpacing": "$letterSpacing.0",
"paragraphSpacing": "$paragraphSpacing.0",
"textCase": "$textCase.none",
"textDecoration": "$textDecoration.none"
},
"type": "typography"
},
"semibold": {
"value": {
"fontFamily": "$fontFamilies.inter",
"fontWeight": "$fontWeights.inter-1",
"lineHeight": "$lineHeights.0",
"fontSize": "$fontSize.0",
"letterSpacing": "$letterSpacing.0",
"paragraphSpacing": "$paragraphSpacing.0",
"textCase": "$textCase.none",
"textDecoration": "$textDecoration.none"
},
"type": "typography"
},
"bold": {
"value": {
"fontFamily": "$fontFamilies.inter",
"fontWeight": "$fontWeights.inter-2",
"lineHeight": "$lineHeights.0",
"fontSize": "$fontSize.0",
"letterSpacing": "$letterSpacing.0",
"paragraphSpacing": "$paragraphSpacing.0",
"textCase": "$textCase.none",
"textDecoration": "$textDecoration.none"
},
"type": "typography"
}
},
"extended": {
"regular": {
"value": {
"fontFamily": "$fontFamilies.blatant",
"fontWeight": "$fontWeights.blatant-3",
"lineHeight": "$lineHeights.0",
"fontSize": "$fontSize.0",
"letterSpacing": "$letterSpacing.0",
"paragraphSpacing": "$paragraphSpacing.0",
"textCase": "$textCase.none",
"textDecoration": "$textDecoration.none"
},
"type": "typography"
},
"bolditalic": {
"value": {
"fontFamily": "$fontFamilies.blatant",
"fontWeight": "$fontWeights.blatant-4",
"lineHeight": "$lineHeights.0",
"fontSize": "$fontSize.0",
"letterSpacing": "$letterSpacing.0",
"paragraphSpacing": "$paragraphSpacing.0",
"textCase": "$textCase.none",
"textDecoration": "$textDecoration.none"
},
"type": "typography"
},
"bold": {
"value": {
"fontFamily": "$fontFamilies.blatant",
"fontWeight": "$fontWeights.blatant-5",
"lineHeight": "$lineHeights.0",
"fontSize": "$fontSize.0",
"letterSpacing": "$letterSpacing.0",
"paragraphSpacing": "$paragraphSpacing.0",
"textCase": "$textCase.none",
"textDecoration": "$textDecoration.none"
},
"type": "typography"
}
},
"textCase": {
"none": {
"value": "none",
"type": "textCase"
}
},
"textDecoration": {
"none": {
"value": "none",
"type": "textDecoration"
}
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment