vcc-ui
Version:
VCC UI is a collection of React UI Components that can be used for developing front-end applications at Volvo Car Corporation.
159 lines • 3.54 kB
JSON
{
"color": {
"primitive": {
"black": "#000000",
"white": "#ffffff",
"blue": "#284e80",
"accentBlue": "#1c6bba",
"red": "#bf2012",
"grey100": "#141414",
"grey200": "#707070",
"grey300": "#d5d5d5",
"grey400": "#ebebeb",
"grey500": "#fafafa"
},
"brand": {
"primary": "#284e80"
},
"foreground": {
"primary": "#141414",
"secondary": "#707070",
"inverted": "#ffffff",
"alert": "#bf2012",
"action": "#1c6bba"
},
"ornament": {
"border": "#d5d5d5",
"divider": "#ebebeb",
"highlight": "#1c6bba"
},
"background": {
"primary": "#ffffff",
"secondary": "#fafafa"
}
},
"font": {
"family": {
"volvo-novum": "Volvo Novum, sans-serif",
"volvo-serif": "Volvo Serif Pro, serif",
"volvo-broad": "Volvo Broad Pro, sans-serif"
},
"weight": {
"semi-light": 300,
"regular": 400,
"medium": 500
}
},
"text": {
"peary": {
"base": {
"font": "Volvo Novum, sans-serif",
"font-weight": 500,
"font-size": "48px",
"line-height": "52px"
},
"medium": {
"font-size": "56px",
"line-height": "60px"
},
"large": {
"font-size": "56px",
"line-height": "60px"
}
},
"cook": {
"font": "Volvo Novum, sans-serif",
"font-weight": 500,
"font-size": "32px",
"line-height": "36px"
},
"ootah": {
"font": "Volvo Novum, sans-serif",
"font-weight": 300,
"font-size": "24px",
"line-height": "28px"
},
"ootah-emphasis": {
"font-weight": 500
},
"hillary": {
"font": "Volvo Novum, sans-serif",
"font-weight": 300,
"font-size": "20px",
"line-height": "28px"
},
"hillary-emphasis": {
"font-weight": 500
},
"columbus": {
"font": "Volvo Novum, sans-serif",
"font-weight": 300,
"font-size": "16px",
"line-height": "24px"
},
"columbus-emphasis": {
"font-weight": 500
},
"bates": {
"font": "Volvo Novum, sans-serif",
"font-weight": 300,
"font-size": "12px",
"line-height": "20px",
"letter-spacing": "0.02em"
},
"bates-emphasis": {
"font-weight": 500
},
"amundsen": {
"font": "Volvo Novum, sans-serif",
"font-weight": 500,
"font-size": "16px",
"line-height": "24px",
"letter-spacing": "0.04em"
},
"armstrong": {
"font": "Volvo Serif Pro, serif",
"font-weight": 400,
"font-size": "32px",
"line-height": "36px"
},
"jemison": {
"font": "Volvo Serif Pro, serif",
"font-weight": 400,
"font-size": "20px",
"line-height": "28px"
},
"ride": {
"font": "Volvo Serif Pro, serif",
"font-weight": 400,
"font-size": "16px",
"line-height": "24px"
},
"yang": {
"font": "Volvo Broad Pro, sans-serif",
"font-weight": 400,
"font-size": "36px",
"line-height": "32px",
"letter-spacing": "0.04em"
},
"kelly": {
"font": "Volvo Novum, sans-serif",
"font-weight": 300,
"font-size": "14px",
"line-height": "22px"
},
"meir": {
"font": "Volvo Novum, sans-serif",
"font-weight": 300,
"font-size": "8px",
"line-height": "16px"
}
},
"breakpoint": {
"size": {
"medium": "480",
"large": "1024",
"x-large": "1600"
}
}
}