The Blackstone Design Kit is a living document that contains all of our visual assets (components, iconography, color palettes, grids, templates, responsive behavior, etc). This document evolves and changes as the product evolves.
All of the designs within the Blackstone Design Kit meet the WCAG 2.0 AA accessibility guidelines. If you choose to customize these designs, please make sure they continue to meet these requirements.
-
The Blackstone Design Kit now uses the typeface [Inter UI font family]. It is open sourced and free to download from /assets/font/ folder
-
Download the latest version of the Blackstone Design Kit by clicking on the latest kit file in this repo (
Blacskstone_Design-Kit_x.x.x.sketch) then on the next age click the download button or “View Raw”. (Note: downloading from the main repo page will download the entire repo including previous version) -
The Design Kit requires having the latest version of Sketch installed.
-
Open the Design Kit file in Sketch
-
Core visual styles, components, and templates are broken out into respective pages
-
Use the components and core visual styles to build out your design
-
Updates to the Design Kit will be posted in our change log, so check back frequently for changes!
-
The Design Kit uses Material Icons - all SVG files are located in /assets/material-icons/ - use symbol-def.svg in your front-end
More info to come
Follow the steps in our Contributing guidelines to contribute to the Blackstone Design System.
More info to come
Copyright © 2016, 2017, 2018 IBM