Main Colors


Phlox
#C046FF

Electric Indigo
#6B0BEA

Metallic violet
#5509b5

Deep Purple
#3E067F

Raven
#140628

True Black
#000000

White
#fff

Alice Blue
#d4f4f2

Iceberg
#eff2fe

Aquamarine
#93ece1

Turquoise
#3BDBC7

Gray Colors


Gray 1
#F4F6FE

Gray 2
#EAEEFE

Gray 3
#E2E7F7

Gray 4
#DADFEF

Gray 5
#DED4E6

Gray 6
#BABACE

Gray 7
#8E8EB2

Gray 8
#78789B

Gray 9
#5F5D7F

Gray 10
#514B6B

Gray 11
#372F4F

Gray 12
#241C3A

Other colors


Neon Blue
#425EFF

Chrome Orange
#FFAB00

Razzmatazz
#ED176B

Font Sizes (Resize window for px Font Size)

AaBbCc class="fontsize--tiny"
AaBbCc class="fontsize--sml"
AaBbCc class="fontsize--reg"
AaBbCc class="fontsize--med"
AaBbCc class="fontsize--md-lg"
AaBbCc class="fontsize--large"
AaBbCc class="fontsize--huge"
AaBbCc class="fontsize--giant"

NV2 Font Sizes (Resize window for px Font Size)

AaBbCc class="font-compact-reg"
AaBbCc class="font-small-reg"
AaBbCc class="font-standard-reg"
AaBbCc class="font-standard-heavy"
AaBbCc class="font-interm-reg"
AaBbCc class="font-interm-heavy"
AaBbCc class="font-med-reg"
AaBbCc class="font-med-heavy"
AaBbCc class="font-big-reg"
AaBbCc class="font-big-heavy"
AaBbCc class="font-large-reg"
AaBbCc class="font-large-heavy"
AaBbCc class="font-jumbo-reg"
AaBbCc class="font-jumbo-heavy"
AaBbCc class="font-huge-reg"
AaBbCc class="font-huge-heavy"

Font Weight

300 -> AaBbCc -> class="font-weight-light"
400 -> AaBbCc -> class="font-weight-normal"
600 -> AaBbCc -> class="font-weight-semibold"
700 -> AaBbCc -> class="font-weight-bold"
800 -> AaBbCc -> class="font-weight-bolder"

Checklist

Styled list: class="list-style-checklist"

  • Text 1
  • Text 2
  • Text 3

Styled List with color: class="list-style-checklist list-bullet-color-turquoise"

  • Text 1
  • Text 2
  • Text 3

Outlined Styled List: class="list-style-checklist-outlined"

  • Text 1
  • Text 2
  • Text 3

Outlined Styled List with color: class="list-style-checklist-outlined list-bullet-color-purple"

  • Text 1
  • Text 2
  • Text 3