NCRR Base Styles

Colors

Primary Secondary Success Danger Warning Info Light Dark
greensboro raleigh cloud-gray light-gray medium-gray dark-gray coal
eastern-bluestar corolla-breeze mountain-fern blue-ridge wild-persimmon brambleberry

Font Family

micro

  1. micro
  2. micro
  3. micro
  4. micro

micro italic

  1. micro
  2. micro
  3. micro
  4. micro

font sizes

fs-1 56px,

fs-2 48px,

fs-3 40px,

fs-4 36px,

fs-5 28px,

fs-6 24px,

fs-7 20px,

fs-8 16px,

fs-9 14px,

fs-10 12px

display-1 : 128px,

display-2 : 110px,

display-3 : 92px,

display-4 : 82px,

display-5 : 72px,

display-6 : 62px,

Solid Buttons

outline Buttons

outline Buttons

line Heights

line-height-base/lh-base 24px

line-height-1/lh-1 same as font-size

line-height-sm/lh-sm 20px same as font-size

line-height-lg/lh-lg 40px

line-height-64/lh-64 64px

line-height-48/lh-48 48px

line-height-576/lh-576 57.6px

line-height-432/lh-432 43.2px

line-height-448/lh-448 44.8px

line-height-336/lh-336 33.6px