Skip to main content

Naming

Sizes​

  • xs = Extra small
  • sm = Small
  • md = Medium
  • lg = Large
  • xl = Extra large
  • 2xl = Extra, extra large

Colors​

Color palette​

Generally, we don't have just one shade of Primary or Secondary colours. Instead, we often use a palette with a broader selection of darker and lighter options, usually created from a base, that are used for hover stated, disabled items, and more.