Note: The numbers Primary 1, Primary 2 etc. refer to the colors found in the Global Color Swatch . You can set the background color of an element by using the classes: "BG Primary 1" , "BG Primary 2" etc.
Gray
Gray 1
#111112
Gray 2
#62636B
Gray 3
#E4E0DD
Gray 4
#F4F1EE
Note: The numbers Gray 1, Gray 2 etc. refer to the colors found in the Global Color Swatch . You can set the background color of an element by using the classes: "BG Gray 1" , "BG Gray 2" etc.
Status
Success
#51D37E
Warning
#FAB14E
Danger
#FC4343
Info
#8ae2f0
Note: The colors Success, Warning, Danger and Info refer to the colors found in the Global Color Swatch . You can set the background color of an element by using the classes: "BG Success" , "BG Warning" etc.
Type
Headings, body and other common text elements.
Display 1
Display 2
Note: You can make any text element display as a 'Display 1' or 'Display 2' size by adding the class 'Display 1' or 'Display 2' to it.