diff --git a/src/data/nav-items.yaml b/src/data/nav-items.yaml index 63247c86427..ef941e4bb5a 100644 --- a/src/data/nav-items.yaml +++ b/src/data/nav-items.yaml @@ -12,6 +12,8 @@ path: /designing/kits/sketch - title: Other resources path: /designing/design-resources + - title: Tutorials + path: /designing/tutorials - title: Developing pages: - title: Get started diff --git a/src/pages/designing/tutorials.mdx b/src/pages/designing/tutorials.mdx new file mode 100644 index 00000000000..961e3fb7b17 --- /dev/null +++ b/src/pages/designing/tutorials.mdx @@ -0,0 +1,59 @@ +--- +title: Tutorials +description: + The Carbon design tutorials will get you set up to start designing with Carbon + and teach you about some of the foundational pieces of the design system. +--- + +import { Button } from 'carbon-components-react'; +import { ArrowRight16 } from '@carbon/icons-react'; + + + +The Carbon design tutorials will get you set up to start designing with Carbon +and teach you about some of the foundational pieces of the design system. + + + + + +Introduction to Carbon +Designing with Carbon +Using the 2x Grid + + + +## Introduction to Carbon + +Learn about Carbon and its history. This video covers how the IBM Design +Language is applied to Carbon, how Carbon interacts with domain level guidance, +and what it means to be an open source design system. + +