{"componentChunkName":"component---src-pages-index-mdx","path":"/","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Homepage"},"relativePagePath":"/index.mdx","titleType":"prepend","MdxNode":{"id":"f01e5f4e-1a3d-55aa-8fef-0590c43a7126","children":[],"parent":"82579d89-8b17-5ed1-9377-f436a228da27","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 news and articles\n\n<Row>\n  <Column colLg={4} colMd={4} noGutterMdLeft>\n<ArticleCard\n    color=\"dark\"\n    title=\"Adobe XD Carbon starter kit announced at Max\"\n    author=\"Lauren Rice\"\n    date=\"November 4, 2019\"\n    href=\"https://theblog.adobe.com/adobe-and-ibm-ix-extend-partnership-to-help-enterprises-design-powerful-and-consistent-customer-experiences/\"\n    >\n\n![](homepage/images/xd_kit_img.png)\n\n</ArticleCard>\n</Column>\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\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</Row>\n","type":"Mdx","contentDigest":"855f27ca13daf02a09db3508a6d63feb","counter":1302,"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 news and articles\n\n<Row>\n  <Column colLg={4} colMd={4} noGutterMdLeft>\n<ArticleCard\n    color=\"dark\"\n    title=\"Adobe XD Carbon starter kit announced at Max\"\n    author=\"Lauren Rice\"\n    date=\"November 4, 2019\"\n    href=\"https://theblog.adobe.com/adobe-and-ibm-ix-extend-partnership-to-help-enterprises-design-powerful-and-consistent-customer-experiences/\"\n    >\n\n![](homepage/images/xd_kit_img.png)\n\n</ArticleCard>\n</Column>\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\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</Row>\n","fileAbsolutePath":"/zeit/3eb073a4/src/pages/index.mdx"}}}}