{
    "componentChunkName": "component---src-pages-index-mdx",
    "path": "/",
    "result": {"pageContext":{"frontmatter":{"description":"","title":""},"relativePagePath":"/index.mdx","titleType":"append","MdxNode":{"id":"f18da4b1-06c9-555a-af61-7ef7d518c411","children":[],"parent":"311953c7-9cc3-57c4-b383-8fd5db9e0728","internal":{"content":"import HomepageTemplate from 'gatsby-theme-carbon/src/templates/Homepage';\nimport { h3 } from 'gatsby-theme-carbon/src/components/markdown/Markdown.module.scss';\nimport HomepageTile from '../components/HomepageTile';\nimport Carousel from '../components/Carousel';\nimport Helmet from '../components/Helmet';\nimport '../styles/index.scss';\n\nexport default HomepageTemplate;\n\n<Helmet />\n\n<Row className=\"image-card-group\">\n  <Column colLg={4} colMd={4} noGutterSm>\n    <ImageCard\n      title=\"Typeface\"\n      href=\"/typography/typeface\"\n      actionIcon=\"arrowRight\"\n      titleColor=\"dark\"\n      iconColor=\"dark\"\n      className=\"card-background\"\n      >\n\n\n![presentational of plex font](../images/homepage/2306_Typface_IDL_home.svg)\n\n  </ImageCard>\n  </Column>\n  <Column colLg={4} colMd={4} noGutterSm>\n    <ImageCard\n        title=\"Philosophy\"\n        aspectRatio=\"1:1\"\n        href=\"/philosophy/pov\"\n        actionIcon=\"arrowRight\"\n        iconColor=\"dark\"\n        titleColor=\"dark\"\n        className=\"card-background\"\n        >\n\n\n![IBM rebus logo](../images/homepage/2306_Philosphy_IDL_home.svg)\n\n  </ImageCard>\n  </Column>\n  <Column colLg={4} colMd={4} noGutterSm>\n    <ImageCard\n        title=\"Color\"\n        aspectRatio=\"1:1\"\n        href=\"/color\"\n        actionIcon=\"arrowRight\"\n        iconColor=\"dark\"\n        titleColor=\"dark\"\n        className=\"card-background\"\n        >\n\n\n![IBM rebus logo](../images/homepage/2306_Color_IDL_home.png)\n\n  </ImageCard>\n  </Column>\n  <Column colLg={8} noGutterSm>\n    <ImageCard\n        title=\"Photography\"\n        aspectRatio=\"1:1\"\n        href=\"/photography/overview\"\n        actionIcon=\"arrowRight\"\n        iconColor=\"light\"\n        titleColor=\"light\"\n        className=\"card-background\"\n        >\n\n\n![grid of ibm colors](../images/homepage/2306_Photography_IDL_home_v2.jpg)\n\n  </ImageCard>\n  </Column>\n  <Column colLg={4} colMd={4} noGutterSm>\n    <ImageCard\n        title=\"Illustration\"\n        aspectRatio=\"1:1\"\n        href=\"/illustration/overview\"\n        actionIcon=\"arrowRight\"\n        iconColor=\"dark\"\n        titleColor=\"dark\"\n        className=\"card-background\"\n        >\n\n\n![isometric illustration](../images/homepage/2306_Illustration_IDL_home.png)\n\n  </ImageCard>\n  <ImageCard\n    title=\"2x Grid\"\n    href=\"/2x-grid\"\n    actionIcon=\"arrowRight\"\n    titleColor=\"dark\"\n    iconColor=\"dark\"\n    className=\"card-background\"\n    >\n\n\n![IBM 2x grid](../images/homepage/2306_2x_Grid_IDL_home.png)\n\n</ImageCard>\n</Column>\n</Row>\n\n\n<h2 classname={h3}>Tools, templates and assets</h2>\n\n<Row className=\"homepage-cards resource-card-group\">\n  <Column colMd={4} colLg={4} noGutterSm>\n    <ResourceCard\n      href=\"/typography/typeface#resources\"\n      title=\"IBM Plex® typeface latest release\"\n      actionIcon=\"arrowRight\"\n      aspectRatio=\"2:1\"\n      color=\"light\"\n    />\n  </Column>\n  <Column colMd={4} colLg={4} noGutterSm>\n    <ResourceCard\n      href=\"/color#specifications\"\n      title=\"IBM color specifications\"\n      actionIcon=\"arrowRight\"\n      aspectRatio=\"2:1\"\n      color=\"light\"\n    />\n  </Column>\n  <Column colMd={4} colLg={4} noGutterSm>\n    <ResourceCard\n      href=\"/2x-grid#2x-grid-for-video\"\n      title=\"2x Grid for video\"\n      actionIcon=\"arrowRight\"\n      aspectRatio=\"2:1\"\n      color=\"light\"\n    />\n  </Column>\n  <Column colMd={4} colLg={4} noGutterSm className=\"no-left-border\">\n    <ResourceCard\n      href=\"/iconography/ui-icons/design#resources\"\n      title=\"UI icon resources\"\n      actionIcon=\"arrowRight\"\n      aspectRatio=\"2:1\"\n      color=\"light\"\n    />\n  </Column>\n  <Column colMd={4} colLg={4} noGutterSm className=\"left-border\">\n    <ResourceCard\n      href=\"/iconography/pictograms/design#resources\"\n      title=\"Pictogram resources\"\n      actionIcon=\"arrowRight\"\n      aspectRatio=\"2:1\"\n      color=\"light\"\n    />\n  </Column>\n  <Column colMd={4} colLg={4} noGutterSm>\n    <ResourceCard\n      href=\"/resources#illustration\"\n      title=\"Illustration starter kits\"\n      actionIcon=\"arrowRight\"\n      aspectRatio=\"2:1\"\n      color=\"light\"\n    />\n  </Column>\n  <Column colMd={4} colLg={4} noGutterSm>\n    <ResourceCard\n      href=\"https://carbondesignsystem.com/designing/kits/figma\"\n      title=\"Carbon design kits\"\n      actionIcon=\"launch\"\n      aspectRatio=\"2:1\"\n      color=\"light\"\n    />\n  </Column>\n  <Column colMd={4} colLg={4} noGutterSm>\n    <ResourceCard\n      href=\"/help/support#questions\"\n      title=\"Questions?\"\n      actionIcon=\"arrowRight\"\n      aspectRatio=\"2:1\"\n      color=\"light\"\n    />\n  </Column>\n</Row>\n\n<h2 classname={h3}>What’s new</h2>\n\n<Row>\n  <Column colMd={4} colLg={4} noGutterMdLeft>\n    <ArticleCard\n      title=\"IBM Plex® Sans Chinese SC\"\n      date=\"December 2024\"\n      href=\"/whats-new#ibm-plex-sans-chinese-(simplified)\"\n      actionIcon=\"arrowRight\"\n      color=\"light\"\n    >\n\n![IBM Plex Sans Chinese SC](../images/homepage/IBM_Plex_SC_Announcement.png)\n\n  </ArticleCard>\n  </Column>\n  <Column colMd={4} colLg={4} noGutterMdLeft>\n    <ArticleCard\n      title=\"IBM Plex® Math\"\n      date=\"September 2024\"\n      href=\"/whats-new#ibm-plex-math\"\n      actionIcon=\"arrowRight\"\n      color=\"light\"\n    >\n\n![IBM Plex Math](../images/homepage/whatsnew_plexmath.svg)\n\n  </ArticleCard>\n  </Column>\n  <Column colMd={4} colLg={4} noGutterMdLeft>\n    <ArticleCard\n      title=\"IBM Plex® Sans Chinese TC\"\n      date=\"September 2024\"\n      href=\"/whats-new#ibm-plex-sans-chinese-(traditional)\"\n      actionIcon=\"arrowRight\"\n      color=\"light\"\n    >\n\n![IBM Plex Sans Chinese TC](../images/homepage/whatsnew_plexchinese.svg)\n\n  </ArticleCard>\n  </Column>\n</Row>\n","type":"Mdx","contentDigest":"fa32b46ad15decd90442f735c151acab","owner":"gatsby-plugin-mdx","counter":1909},"frontmatter":{"description":"","title":""},"exports":{},"rawBody":"import HomepageTemplate from 'gatsby-theme-carbon/src/templates/Homepage';\nimport { h3 } from 'gatsby-theme-carbon/src/components/markdown/Markdown.module.scss';\nimport HomepageTile from '../components/HomepageTile';\nimport Carousel from '../components/Carousel';\nimport Helmet from '../components/Helmet';\nimport '../styles/index.scss';\n\nexport default HomepageTemplate;\n\n<Helmet />\n\n<Row className=\"image-card-group\">\n  <Column colLg={4} colMd={4} noGutterSm>\n    <ImageCard\n      title=\"Typeface\"\n      href=\"/typography/typeface\"\n      actionIcon=\"arrowRight\"\n      titleColor=\"dark\"\n      iconColor=\"dark\"\n      className=\"card-background\"\n      >\n\n\n![presentational of plex font](../images/homepage/2306_Typface_IDL_home.svg)\n\n  </ImageCard>\n  </Column>\n  <Column colLg={4} colMd={4} noGutterSm>\n    <ImageCard\n        title=\"Philosophy\"\n        aspectRatio=\"1:1\"\n        href=\"/philosophy/pov\"\n        actionIcon=\"arrowRight\"\n        iconColor=\"dark\"\n        titleColor=\"dark\"\n        className=\"card-background\"\n        >\n\n\n![IBM rebus logo](../images/homepage/2306_Philosphy_IDL_home.svg)\n\n  </ImageCard>\n  </Column>\n  <Column colLg={4} colMd={4} noGutterSm>\n    <ImageCard\n        title=\"Color\"\n        aspectRatio=\"1:1\"\n        href=\"/color\"\n        actionIcon=\"arrowRight\"\n        iconColor=\"dark\"\n        titleColor=\"dark\"\n        className=\"card-background\"\n        >\n\n\n![IBM rebus logo](../images/homepage/2306_Color_IDL_home.png)\n\n  </ImageCard>\n  </Column>\n  <Column colLg={8} noGutterSm>\n    <ImageCard\n        title=\"Photography\"\n        aspectRatio=\"1:1\"\n        href=\"/photography/overview\"\n        actionIcon=\"arrowRight\"\n        iconColor=\"light\"\n        titleColor=\"light\"\n        className=\"card-background\"\n        >\n\n\n![grid of ibm colors](../images/homepage/2306_Photography_IDL_home_v2.jpg)\n\n  </ImageCard>\n  </Column>\n  <Column colLg={4} colMd={4} noGutterSm>\n    <ImageCard\n        title=\"Illustration\"\n        aspectRatio=\"1:1\"\n        href=\"/illustration/overview\"\n        actionIcon=\"arrowRight\"\n        iconColor=\"dark\"\n        titleColor=\"dark\"\n        className=\"card-background\"\n        >\n\n\n![isometric illustration](../images/homepage/2306_Illustration_IDL_home.png)\n\n  </ImageCard>\n  <ImageCard\n    title=\"2x Grid\"\n    href=\"/2x-grid\"\n    actionIcon=\"arrowRight\"\n    titleColor=\"dark\"\n    iconColor=\"dark\"\n    className=\"card-background\"\n    >\n\n\n![IBM 2x grid](../images/homepage/2306_2x_Grid_IDL_home.png)\n\n</ImageCard>\n</Column>\n</Row>\n\n\n<h2 classname={h3}>Tools, templates and assets</h2>\n\n<Row className=\"homepage-cards resource-card-group\">\n  <Column colMd={4} colLg={4} noGutterSm>\n    <ResourceCard\n      href=\"/typography/typeface#resources\"\n      title=\"IBM Plex® typeface latest release\"\n      actionIcon=\"arrowRight\"\n      aspectRatio=\"2:1\"\n      color=\"light\"\n    />\n  </Column>\n  <Column colMd={4} colLg={4} noGutterSm>\n    <ResourceCard\n      href=\"/color#specifications\"\n      title=\"IBM color specifications\"\n      actionIcon=\"arrowRight\"\n      aspectRatio=\"2:1\"\n      color=\"light\"\n    />\n  </Column>\n  <Column colMd={4} colLg={4} noGutterSm>\n    <ResourceCard\n      href=\"/2x-grid#2x-grid-for-video\"\n      title=\"2x Grid for video\"\n      actionIcon=\"arrowRight\"\n      aspectRatio=\"2:1\"\n      color=\"light\"\n    />\n  </Column>\n  <Column colMd={4} colLg={4} noGutterSm className=\"no-left-border\">\n    <ResourceCard\n      href=\"/iconography/ui-icons/design#resources\"\n      title=\"UI icon resources\"\n      actionIcon=\"arrowRight\"\n      aspectRatio=\"2:1\"\n      color=\"light\"\n    />\n  </Column>\n  <Column colMd={4} colLg={4} noGutterSm className=\"left-border\">\n    <ResourceCard\n      href=\"/iconography/pictograms/design#resources\"\n      title=\"Pictogram resources\"\n      actionIcon=\"arrowRight\"\n      aspectRatio=\"2:1\"\n      color=\"light\"\n    />\n  </Column>\n  <Column colMd={4} colLg={4} noGutterSm>\n    <ResourceCard\n      href=\"/resources#illustration\"\n      title=\"Illustration starter kits\"\n      actionIcon=\"arrowRight\"\n      aspectRatio=\"2:1\"\n      color=\"light\"\n    />\n  </Column>\n  <Column colMd={4} colLg={4} noGutterSm>\n    <ResourceCard\n      href=\"https://carbondesignsystem.com/designing/kits/figma\"\n      title=\"Carbon design kits\"\n      actionIcon=\"launch\"\n      aspectRatio=\"2:1\"\n      color=\"light\"\n    />\n  </Column>\n  <Column colMd={4} colLg={4} noGutterSm>\n    <ResourceCard\n      href=\"/help/support#questions\"\n      title=\"Questions?\"\n      actionIcon=\"arrowRight\"\n      aspectRatio=\"2:1\"\n      color=\"light\"\n    />\n  </Column>\n</Row>\n\n<h2 classname={h3}>What’s new</h2>\n\n<Row>\n  <Column colMd={4} colLg={4} noGutterMdLeft>\n    <ArticleCard\n      title=\"IBM Plex® Sans Chinese SC\"\n      date=\"December 2024\"\n      href=\"/whats-new#ibm-plex-sans-chinese-(simplified)\"\n      actionIcon=\"arrowRight\"\n      color=\"light\"\n    >\n\n![IBM Plex Sans Chinese SC](../images/homepage/IBM_Plex_SC_Announcement.png)\n\n  </ArticleCard>\n  </Column>\n  <Column colMd={4} colLg={4} noGutterMdLeft>\n    <ArticleCard\n      title=\"IBM Plex® Math\"\n      date=\"September 2024\"\n      href=\"/whats-new#ibm-plex-math\"\n      actionIcon=\"arrowRight\"\n      color=\"light\"\n    >\n\n![IBM Plex Math](../images/homepage/whatsnew_plexmath.svg)\n\n  </ArticleCard>\n  </Column>\n  <Column colMd={4} colLg={4} noGutterMdLeft>\n    <ArticleCard\n      title=\"IBM Plex® Sans Chinese TC\"\n      date=\"September 2024\"\n      href=\"/whats-new#ibm-plex-sans-chinese-(traditional)\"\n      actionIcon=\"arrowRight\"\n      color=\"light\"\n    >\n\n![IBM Plex Sans Chinese TC](../images/homepage/whatsnew_plexchinese.svg)\n\n  </ArticleCard>\n  </Column>\n</Row>\n","fileAbsolutePath":"/home/runner/work/design-language-website/design-language-website/src/pages/index.mdx"}}},
    "staticQueryHashes": ["137577622","2102389209","2746626797","2881613939","3037994772","768070550"]}