[Gatsby theme] Production guidelines

[aagonzales]

Overview

As we seek to boost community contribution and interaction, high-quality documentation will be critical. The best way to ensure documentation is consistent with existing Carbon design, we need to determine our documentation production rules and provide templates for each page type.

The details

Define high-level design guidelines for the Carbon website, create symbols to be added to the gatsby theme sketch library (contact Diana Stanciulescu) and make example gallery for inspiration.

• [x] Component usage images
• [x] Component style spec images
• [x] Pattern images
• [x] Browser and chrome templates
• [x] Do don't examples
• [x] Include grid alignment marks for components
• etc

[aagonzales]

V1 of this work is complete. See the Image production guideline sketch kit https://carbondesignsystem.com/designing/design-resources/#image-production-guidelines