{"componentChunkName":"component---src-pages-index-mdx","path":"/","webpackCompilationHash":"9ffd1cb8ca3b610e9ad3","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Homepage"},"relativePagePath":"/index.mdx","titleType":"prepend","MdxNode":{"id":"ef3f62c7-58fd-5a89-8c0e-ecd9ae2811a0","children":[],"parent":"49342df9-6033-59aa-b0f7-c5c0aae8d81f","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=\"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<Column colLg={4} colMd={4}  noGutterMdLeft>\n<ArticleCard\n    color=\"dark\"\n    title=\"What’s around the IBM Carbon corner: October 🎃\"\n    author=\"Josefina Mancilla\"\n    date=\"September 6, 2019\"\n    href=\"https://medium.com/carbondesign/whats-around-the-carbon-corner-october-a47532f2933\"\n    >\n\n![](/resources/images/october_release.png)\n\n</ArticleCard>\n</Column>\n</Row>\n","type":"Mdx","contentDigest":"b39bb1cf79ba4bb7334911db4c3a7a9d","counter":1252,"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=\"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<Column colLg={4} colMd={4}  noGutterMdLeft>\n<ArticleCard\n    color=\"dark\"\n    title=\"What’s around the IBM Carbon corner: October 🎃\"\n    author=\"Josefina Mancilla\"\n    date=\"September 6, 2019\"\n    href=\"https://medium.com/carbondesign/whats-around-the-carbon-corner-october-a47532f2933\"\n    >\n\n![](/resources/images/october_release.png)\n\n</ArticleCard>\n</Column>\n</Row>\n","fileAbsolutePath":"/fargate/7b444b50/src/pages/index.mdx"}}}}