38 lines
949 B
JavaScript

module.exports = {
colors: {
white: '#fff',
black: '#000',
lightestGray: '#E6E6E6',
lighterGray: '#F7F8F8',
lightGray: '#F6F6F6',
lightishGray: '#51555D',
gray: '#313D3E',
darkGray: '#2F3132',
darkerGray: '#1E1F21',
blueGray: '#BCC2CE',
lightGreen: '#97bf2f',
green: '#C9FA4B',
darkGreen: '#7CA511',
darkerGreen: '#628013',
shadeBlue: '#EFF0F4',
blue: '#3A69C7',
},
fontWeight: {
thin: 100,
light: 300,
regular: 400,
semibold: 500,
bold: 700,
black: 900,
},
fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif",
fontsize: ['10px', '12px', '14px', '16px', '18px', '24px', '32px', '42px', '64px'],
lineHeight: [1, 1.3, 1.7],
space: [0, '4px', '8px', '16px', '24px', '40px', '64px', '104px', '152px'],
radii: [0, '4px', '8px'],
breakpoints: [480, 768, 960, 1200, 1280],
zIndexes: {
header: 100,
},
};