{"componentChunkName":"component---src-pages-index-mdx","path":"/","webpackCompilationHash":"aaa6c4cbb44f8ca938e9","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Homepage"},"relativePagePath":"/index.mdx","titleType":"prepend","MdxNode":{"id":"b9b498f1-bb04-5baf-b7b3-e5c93d39555e","children":[],"parent":"a1a26256-675d-5ecd-a523-009f55b093dc","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/carbon-design-system/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=\"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<Column colLg={4} colMd={4} noGutterMdLeft>\n<ArticleCard\n    color=\"dark\"\n    title=\"Carbon for IBM Security\"\n    author=\"Jen Downs\"\n    date=\"August 20, 2019\"\n    href=\"https://medium.com/carbondesign/carbon-for-ibm-security-986ccfe5c012\"\n    >\n\n![](resources/images/security_pic.png)\n\n</ArticleCard>\n</Column>\n<Column colLg={4} colMd={4}  noGutterMdLeft>\n<ArticleCard\n    color=\"dark\"\n    title=\"Carbon: July recap + August preview\"\n    author=\"Josefina Mancilla\"\n    date=\"July 26, 2019\"\n    href=\"https://medium.com/carbondesign/carbon-july-preview-whats-coming-in-august-7a2483ea6ac9\"\n    >\n\n![](/resources/images/Aug_preview_rev_2.png)\n\n</ArticleCard>\n</Column>\n</Row>\n","type":"Mdx","contentDigest":"d688a6ad4e0bba856c62208f6022d0ff","counter":1065,"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/carbon-design-system/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=\"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<Column colLg={4} colMd={4} noGutterMdLeft>\n<ArticleCard\n    color=\"dark\"\n    title=\"Carbon for IBM Security\"\n    author=\"Jen Downs\"\n    date=\"August 20, 2019\"\n    href=\"https://medium.com/carbondesign/carbon-for-ibm-security-986ccfe5c012\"\n    >\n\n![](resources/images/security_pic.png)\n\n</ArticleCard>\n</Column>\n<Column colLg={4} colMd={4}  noGutterMdLeft>\n<ArticleCard\n    color=\"dark\"\n    title=\"Carbon: July recap + August preview\"\n    author=\"Josefina Mancilla\"\n    date=\"July 26, 2019\"\n    href=\"https://medium.com/carbondesign/carbon-july-preview-whats-coming-in-august-7a2483ea6ac9\"\n    >\n\n![](/resources/images/Aug_preview_rev_2.png)\n\n</ArticleCard>\n</Column>\n</Row>\n","fileAbsolutePath":"/tmp/42b44a0/src/pages/index.mdx"}}}}