Other resources
Everything you need to work with Carbon, including Sketch libraries and templates, color palettes, GitHub repos, and design tools.
- Introduction
- Data visualization
- Elements
- Extensions
- Fonts
- Gatsby theme
- GitHub repos
- Native mobile
- Accessibility
- Prototyping tools
Introduction
This page includes Sketch kits, tools, templates, and various extensions that have been created to help you get up and running.
To use the Sketch libraries you’ll find here, you need the most recent version of Sketch installed. If you’re new to the design kit, visit the Design kits page.
Data visualization
The Data visualization Sketch file includes basic and complex chart assets, along with usage guidance, theming guidance, palettes, and sample layouts. You’ll find even more guidance and assets in this file than on the site.
Elements
Extensions
Fonts
Carbon uses the open-source typeface IBM Plex – carefully designed to meet IBM’s needs as a global technology company and reflect IBM’s spirit, beliefs, and design principles.
Gatsby theme
The Gatsby Sketch kit has all the components, patterns, and sample layouts that have been developed by teams within the IBM ecosystem. The Gatsby theme site includes the components, guidelines, and everything you need to create and contribute to Carbon sites.
Image production guidelines
For anyone interested in contributing to the Carbon Design System website, or making images for their own Pattern Asset Library (PAL), we follow a set of guidelines to ensure consistency across the content in the Gatsby ecosystem. The image production guidelines Sketch kit includes guidance, symbols and templates to help designers with every aspect of image creation and component specs.
GitHub repos
Native mobile
These Carbon native mobile Sketch resources include everything you need to get your iOS or Android project underway. Install the grid template, be inspired by the patterns and examples, and get started with either the Light or Dark theme.
Accessibility
The IBM Accessibility Sketch kit includes checklists, bite-sized guidance, and handoff assets to make sure your designs are accessible for implementation.
Prototyping tools
Invision Freehand kit
A Carbon wireframe kit for Invision Freehand is available for teams to create low fidelity wireframes. This kit is maintained by the Cloud PAL community.
How to access the kit:
- Log into Invision Freehand and create a new freehand.
- Next, select
Wireframes and flowcharts
from the template window. - Select
Wireframe - carbon components
by Kamil Zal.
For more instructions go to IBM Cloud PAL IBMers only.