{"componentChunkName":"component---src-pages-index-mdx","path":"/","result":{"pageContext":{"frontmatter":{"title":"Homepage"},"relativePagePath":"/index.mdx","titleType":"prepend","MdxNode":{"id":"20fec1bf-c9e2-5447-b224-350388b8e1f3","children":[],"parent":"fdb986a5-fa8b-5f1f-b426-03e0d3dfbbf4","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=\"Seven new UX patterns for Carbon\"\n    author=\"Jan Child\"\n    date=\"January 9, 2020\"\n    href=\"https://medium.com/carbondesign/seven-new-ux-patterns-for-carbon-f4a18c20c535\"\n    >\n\n![](resources/images/patterns_announcement.png)\n\n</ArticleCard>\n</Column>\n<Column colLg={4} colMd={4} noGutterMdLeft>\n<ArticleCard\n    color=\"dark\"\n    title=\"Adobe XD Carbon starter kit announced at Max\"\n    author=\"Ashley Still\"\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\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</Row>\n","type":"Mdx","contentDigest":"324207910b4aabca8cd6f8cfdd335733","counter":1456,"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=\"Seven new UX patterns for Carbon\"\n    author=\"Jan Child\"\n    date=\"January 9, 2020\"\n    href=\"https://medium.com/carbondesign/seven-new-ux-patterns-for-carbon-f4a18c20c535\"\n    >\n\n![](resources/images/patterns_announcement.png)\n\n</ArticleCard>\n</Column>\n<Column colLg={4} colMd={4} noGutterMdLeft>\n<ArticleCard\n    color=\"dark\"\n    title=\"Adobe XD Carbon starter kit announced at Max\"\n    author=\"Ashley Still\"\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\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</Row>\n","fileAbsolutePath":"/zeit/1dde86ed/src/pages/index.mdx"}}}}