static-cms/website/config/variables.js

// if you change these you must restart the server

module.exports = {

  // colors
  lightestGrey: '#E6E6E6',
  lighterGrey: '#F7F8F8',
  lightGrey: '#F6F6F6',
  lightishGrey: '#51555D',
  grey: '#313D3E',
  darkGrey: '#2F3132',
  darkerGrey: '#1E1F21',
  blueGrey: '#D2D7E2',
  lightGreen: '#97bf2f',
  green: '#C9FA4B',
  darkGreen: '#7CA511',
  shadeBlue: '#EFF0F4',
  blue: '#3A69C7',

  // typography
  thin: 100,
  light: 300,
  regular: 400,
  semibold: 500,
  bold: 700,
  black: 900,

  // fonts
  roboto: "'Roboto', -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif",

  // padding
  micro: '8px',
  tiny: '16px',
  small: '24px',
  medium: '40px',
  large: '64px',
  xl: '104px',
  xxl: '152px',

  // border radius
  borderRadius: '4px',
  largeBorderRadius: '8px',

  // responsive breakpoints
  mobile: '480px',
  tablet: '768px',
  desktop: '960px',
  display: '1200px'
}