{"componentChunkName":"component---src-templates-posts-js","path":"/foundations","result":{"data":{"mdx":{"id":"30de92c8-aacd-57e2-a8ad-440b586171ed","body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Design Foundations\",\n  \"path\": \"/foundations\",\n  \"date\": \"2019-09-17T00:00:00.000Z\",\n  \"created\": \"2019-08-26T00:00:00.000Z\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Masthead = makeShortcode(\"Masthead\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(Masthead, {\n    title: \"Design Foundations\",\n    subheader: \"Our Design Foundations should be used to communicate the look and feel of the FGH Product experience, helping us to form visual patterns that make interacting with the platform clearer for the customer.\",\n    typeLanding: true,\n    mdxType: \"Masthead\"\n  }), mdx(\"div\", {\n    className: \"cmpContainer\"\n  }, mdx(ComponentItem, {\n    CompType: \"\",\n    Image: \"\",\n    Title: \"Icons\",\n    Desc: \"The Nebula Icons library presents pixel-perfect, informative and scalable icons.\",\n    URL: \"/foundations/iconography\",\n    mdxType: \"ComponentItem\"\n  }), mdx(ComponentItem, {\n    CompType: \"\",\n    Image: \"\",\n    Title: \"Colours\",\n    Desc: \"Our colour guide will help you apply color to your UI in a meaningful way.\",\n    URL: \"/foundations/colour\",\n    mdxType: \"ComponentItem\"\n  })));\n}\n;\nMDXContent.isMDXComponent = true;","frontmatter":{"title":"Design Foundations"}}},"pageContext":{"id":"30de92c8-aacd-57e2-a8ad-440b586171ed"}}}