{"componentChunkName":"component---src-pages-index-mdx","path":"/","webpackCompilationHash":"fbe446a994ab39eca9c3","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Homepage"},"relativePagePath":"/index.mdx","titleType":"prepend","MdxNode":{"id":"38a9a7a5-be49-532f-b5b3-6f96466082a8","children":[],"parent":"012bcd9a-6fd2-5b38-98a5-58177df2ddfa","internal":{"content":"---\ntitle: Homepage\n---\n\nimport HomepageTemplate from 'gatsby-theme-carbon/src/templates/Homepage';\n\nexport default HomepageTemplate;\n\n<FeatureCard\n    color=\"dark\"\n    href=\"/get-started/design\"\n    subTitle=\"Start\"\n    title=\"Designing\"\n    actionIcon=\"arrowRight\"\n    className=\"homepage-feature\"\n    >\n\n<ArtDirection>\n\n![Get started for designers](homepage/images/getting-started-designers-mobile.png)\n![Get started for designers](homepage/images/getting-started-designers-tablet.png)\n![Get started for designers](homepage/images/getting-started-designers.png)\n\n</ArtDirection>\n\n</FeatureCard>\n\n<FeatureCard\n    color=\"dark\"\n    href=\"/get-started/develop/vanilla\"\n    subTitle=\"Start\"\n    title=\"Developing\"\n    actionIcon=\"arrowRight\"\n    className=\"homepage-feature\"\n    >\n\n<ArtDirection>\n\n![Get started for developers](homepage/images/getting-started-developers-mobile.png)\n![Get started for designers](homepage/images/getting-started-developers-tablet.png)\n![Get started for developers](homepage/images/getting-started-developers.png)\n\n</ArtDirection>\n\n</FeatureCard>\n\n### Other resources\n\nThe component libraries give developers a collection of reusable components for\nbuilding websites and user interfaces. See a\n[complete list of resources.](/resources)\n\n<Row className=\"resource-card-group\">\n<Column colLg={4} colMd={4} noGutterSm>\n  <ResourceCard\n    color=\"dark\"\n    subTitle=\"Sketch libraries\"\n    href=\"/resources#theme-libraries\"\n    >\n      <MdxIcon name=\"sketch\" />\n  </ResourceCard>\n</Column>\n<Column colLg={4} colMd={4}  noGutterSm>\n  <ResourceCard\n    color=\"dark\"\n    subTitle=\"Carbon Components\"\n    href=\"https://github.com/carbon-design-system/carbon/tree/master/packages/components\"\n    >\n\n<MdxIcon name=\"github\" color=\"inverse\" />\n\n  </ResourceCard>\n</Column>\n<Column colLg={4} colMd={4} noGutterSm>\n  <ResourceCard\n    color=\"dark\"\n    subTitle=\"Carbon Components React\"\n    href=\"https://github.com/carbon-design-system/carbon/tree/master/packages/react\"\n    >\n\n<MdxIcon name=\"github\" color=\"inverse\" />\n\n  </ResourceCard>\n</Column>\n<Column colLg={4} colMd={4} noGutterSm>\n  <ResourceCard\n    color=\"dark\"\n    subTitle=\"Carbon Components Angular\"\n    href=\"https://github.com/IBM/carbon-components-angular\"\n    >\n\n<MdxIcon name=\"github\" color=\"inverse\" />\n\n  </ResourceCard>\n</Column>\n<Column colLg={4} colMd={4} noGutterSm>\n  <ResourceCard\n    color=\"dark\"\n    subTitle=\"Carbon Components Vue\"\n    href=\"https://github.com/carbon-design-system/carbon-components-vue\"\n    >\n\n<MdxIcon name=\"github\" color=\"inverse\" />\n\n  </ResourceCard>\n</Column>\n</Row>\n\n### Latest articles\n\n<Row>\n<Column colLg={4} colMd={4} noGutterMdLeft>\n<ArticleCard\n    color=\"dark\"\n    title=\"New in Carbon: October 2019\"\n    author=\"Tyler Tate\"\n    date=\"October 10, 2019\"\n    href=\"https://medium.com/carbondesign/october-release-fadc38b757ad\"\n    >\n\n![](resources/images/v10.7-release.png)\n\n</ArticleCard>\n</Column>\n<Column colLg={4} colMd={4} noGutterMdLeft>\n<ArticleCard\n    color=\"dark\"\n    title=\"Help build Carbon — Hacktoberfest 2019\"\n    author=\"Connor Leech\"\n    date=\"October 1, 2019\"\n    href=\"https://medium.com/carbondesign/help-build-carbon-hacktoberfest-2019-dbf337305c92\"\n    >\n\n![](resources/images/hacktoberfest.png)\n\n</ArticleCard>\n</Column>\n<Column colLg={4} colMd={4} noGutterMdLeft>\n<ArticleCard\n    color=\"dark\"\n    title=\"Because, colors are beautiful\"\n    author=\"Shixie Shi Trofimov\"\n    date=\"September 25, 2019\"\n    href=\"https://medium.com/carbondesign/because-colors-are-beautiful-52dd4cc39f09\"\n    >\n\n![](/resources/images/because-colors.png)\n\n</ArticleCard>\n</Column>\n</Row>\n","type":"Mdx","contentDigest":"b0accd0563e4ecc9c76f1a860cab0af4","counter":1266,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Homepage"},"exports":{},"rawBody":"---\ntitle: Homepage\n---\n\nimport HomepageTemplate from 'gatsby-theme-carbon/src/templates/Homepage';\n\nexport default HomepageTemplate;\n\n<FeatureCard\n    color=\"dark\"\n    href=\"/get-started/design\"\n    subTitle=\"Start\"\n    title=\"Designing\"\n    actionIcon=\"arrowRight\"\n    className=\"homepage-feature\"\n    >\n\n<ArtDirection>\n\n![Get started for designers](homepage/images/getting-started-designers-mobile.png)\n![Get started for designers](homepage/images/getting-started-designers-tablet.png)\n![Get started for designers](homepage/images/getting-started-designers.png)\n\n</ArtDirection>\n\n</FeatureCard>\n\n<FeatureCard\n    color=\"dark\"\n    href=\"/get-started/develop/vanilla\"\n    subTitle=\"Start\"\n    title=\"Developing\"\n    actionIcon=\"arrowRight\"\n    className=\"homepage-feature\"\n    >\n\n<ArtDirection>\n\n![Get started for developers](homepage/images/getting-started-developers-mobile.png)\n![Get started for designers](homepage/images/getting-started-developers-tablet.png)\n![Get started for developers](homepage/images/getting-started-developers.png)\n\n</ArtDirection>\n\n</FeatureCard>\n\n### Other resources\n\nThe component libraries give developers a collection of reusable components for\nbuilding websites and user interfaces. See a\n[complete list of resources.](/resources)\n\n<Row className=\"resource-card-group\">\n<Column colLg={4} colMd={4} noGutterSm>\n  <ResourceCard\n    color=\"dark\"\n    subTitle=\"Sketch libraries\"\n    href=\"/resources#theme-libraries\"\n    >\n      <MdxIcon name=\"sketch\" />\n  </ResourceCard>\n</Column>\n<Column colLg={4} colMd={4}  noGutterSm>\n  <ResourceCard\n    color=\"dark\"\n    subTitle=\"Carbon Components\"\n    href=\"https://github.com/carbon-design-system/carbon/tree/master/packages/components\"\n    >\n\n<MdxIcon name=\"github\" color=\"inverse\" />\n\n  </ResourceCard>\n</Column>\n<Column colLg={4} colMd={4} noGutterSm>\n  <ResourceCard\n    color=\"dark\"\n    subTitle=\"Carbon Components React\"\n    href=\"https://github.com/carbon-design-system/carbon/tree/master/packages/react\"\n    >\n\n<MdxIcon name=\"github\" color=\"inverse\" />\n\n  </ResourceCard>\n</Column>\n<Column colLg={4} colMd={4} noGutterSm>\n  <ResourceCard\n    color=\"dark\"\n    subTitle=\"Carbon Components Angular\"\n    href=\"https://github.com/IBM/carbon-components-angular\"\n    >\n\n<MdxIcon name=\"github\" color=\"inverse\" />\n\n  </ResourceCard>\n</Column>\n<Column colLg={4} colMd={4} noGutterSm>\n  <ResourceCard\n    color=\"dark\"\n    subTitle=\"Carbon Components Vue\"\n    href=\"https://github.com/carbon-design-system/carbon-components-vue\"\n    >\n\n<MdxIcon name=\"github\" color=\"inverse\" />\n\n  </ResourceCard>\n</Column>\n</Row>\n\n### Latest articles\n\n<Row>\n<Column colLg={4} colMd={4} noGutterMdLeft>\n<ArticleCard\n    color=\"dark\"\n    title=\"New in Carbon: October 2019\"\n    author=\"Tyler Tate\"\n    date=\"October 10, 2019\"\n    href=\"https://medium.com/carbondesign/october-release-fadc38b757ad\"\n    >\n\n![](resources/images/v10.7-release.png)\n\n</ArticleCard>\n</Column>\n<Column colLg={4} colMd={4} noGutterMdLeft>\n<ArticleCard\n    color=\"dark\"\n    title=\"Help build Carbon — Hacktoberfest 2019\"\n    author=\"Connor Leech\"\n    date=\"October 1, 2019\"\n    href=\"https://medium.com/carbondesign/help-build-carbon-hacktoberfest-2019-dbf337305c92\"\n    >\n\n![](resources/images/hacktoberfest.png)\n\n</ArticleCard>\n</Column>\n<Column colLg={4} colMd={4} noGutterMdLeft>\n<ArticleCard\n    color=\"dark\"\n    title=\"Because, colors are beautiful\"\n    author=\"Shixie Shi Trofimov\"\n    date=\"September 25, 2019\"\n    href=\"https://medium.com/carbondesign/because-colors-are-beautiful-52dd4cc39f09\"\n    >\n\n![](/resources/images/because-colors.png)\n\n</ArticleCard>\n</Column>\n</Row>\n","fileAbsolutePath":"/zeit/165188d6/src/pages/index.mdx"}}}}