Text styling

Mega Title

Landing Title

Title-Center

Headline 1

Headline 2

Headline 3

Headline 4

Headline 5
Headline 6

Paragraph – Body copy

Text CTA – Buttons

Text Small

Text Caption – Captions, Image text etc.

Text Color Variations

Headline 1

Headline 1

Headline 2

Headline 2

Headline 2

Any headline + White

Any headline + fade-60

Any Headline + fade-40

Text Small + fade-60

Text Small + fade-40

Paragraph – Body + fade 60

Paragraph – Body + fade 40

Paragraph – Body + white

Paragraph – Body + black

Spacing

Colors

Vibrant Blue 900

H228, S100, L10
#000A33

Vibrant Blue 800

H228, S100, L19
#001361

Vibrant Blue 700

H228, S100, L28
#001D8F

Vibrant Blue 600

H228, S100, L37
#0026BD

Vibrant Blue 500

H228, S98, L57
#2550FD

Vibrant Blue 400

H228, S98, L66
#5375FD

Vibrant Blue 300

H228, S98, L72
#718DFE

Vibrant Blue 200

H228, S98, L81
#9FB2FE

Vibrant Blue 100

H228, S98, L90
#CCD6FF

Azure 900

H211, S100, L10
#001933

Azure 800

H211, S100, L19
#002F61

Azure 700

H211, S100, L28
#00458F

Azure 600

H211, S100, L37
#005BBD

Azure 500

H211, S100, L52
#0A81FF

Azure 400

H211, S100, L66
#52A5FF

Azure 300

H211, S100, L72
#70B5FF

Azure 200

H211, S100, L81
#9ECDFF

Azure 100

H211, S100, L90
#CCE5FF

Magma 900

H19, S100, L10
#331000

Magma 800

H19, S100, L19
#611F00

Magma 700

H19, S100, L28
#8F2E00

Magma 600

H19, S100, L37
#BD3D00

Magma 500

H19, S100, L50
#FF5200

Magma 400

H19, S100, L66
#FF8952

Magma 300

H19, S100, L72
#FF9D70

Magma 200

H19, S100, L81
#FFBD9E

Magma 100

H19, S100, L90
#FFDCCC

Neon Blue 900

H185, S100, L10
#002E33

Neon Blue 800

H185, S100, L19
#005861

Neon Blue 700

H185, S100, L28
#00828F

Neon Blue 600

H185, S100, L37
#00ACBD

Neon Blue 500

H185, S99, L48
#01DDF3

Neon Blue 400

H186, S100, L66
#52EFFF

Neon Blue 300

H185, S100, L72
#70F2FF

Neon Blue 200

H185, S100, L81
#9EF6FF

Neon Blue 100

H185, S100, L90
#CCFAFF

Flamingo 900

H313, S100, L10
#330028

Flamingo 800

H313, S100, L19
#61004C

Flamingo 700

H313, S100, L28
#8F006F

Flamingo 600

H313, S100, L37
#BD0093

Flamingo 500

H313, S100, L48
#F500BF

Flamingo 400

H313, S100, L66
#FF52D9

Flamingo 300

H313, S100, L72
#FF70E0

Flamingo 200

H313, S100, L81
#FF9EEA

Flamingo 100

H313, S100, L90
#FFCCF4

Lime 900

H108, S100, L10
#0A3300

Lime 800

H108, S100, L19
#146100

Lime 700

H108, S100, L28
#1D8F00

Lime 600

H108, S100, L37
#27BD00

Lime 500

H108, S100, L47
#31F000

Lime 400

H108, S100, L66
#75FF52

Lime 300

H108, S100, L77
#A2FF8A

Lime 200

H108, S100, L88
#CEFFC2

Lime 100

H108, S100, L95
#EBFFE5

Electric Purple 900

H284, S100, L10
#250033

Electric Purple 800

H284, S100, L19
#470061

Electric Purple 700

H284, S100, L28
#69008F

Electric Purple 600

H284, S100, L37
#8A00BD

Electric Purple 500

H284, S100, L50
#BB00FF

Electric Purple 400

H284, S100, L66
#D152FF

Electric Purple 300

H284, S100, L77
#D970FF

Electric Purple 200

H284, S100, L81
#E59EFF

Electric Purple 100

H284, S100, L90
#F1CCFF

Gold 900

H48, S100, L10
#342A00

Gold 800

H48, S100, L17
#544300

Gold 700

H48, S100, L24
#7B6200

Gold 600

H48, S100, L33
#A98700

Gold 500

H48, S100, L42
#D8AD00

Gold 400

H48, S100, L54
#FFD014

Gold 300

H48, S100, L72
#FFE371

Gold 200

H48, S100, L81
#FFEB9F

Gold 100

H48, S100, L90
#FFF5CC

Vivid Red 900

H353, S100, L10
#330006

Vivid Red 800

H353, S100, L19
#61000B

Vivid Red 700

H353, S100, L28
#8F0010

Vivid Red 600

H353, S100, L37
#BD0016

Vivid Red 500

H353, S100, L50
#FF001D

Vivid Red 400

H353, S100, L66
#FF5266

Vivid Red 300

H353, S100, L72
#FF7081

Vivid Red 200

H353, S100, L81
#FF9EA9

Vivid Red 100

H353, S100, L90
#FFCCD2

Cool Grey 900

H228, S5, L10
#18191B

Cool Grey 800

H228, S5, L19
#2E2F33

Cool Grey 700

H228 S5, L28
#44454B

Cool Grey 600

H228, S5, L41
#63656E

Cool Grey 500

H228, S5, L50
#797C86

Cool Grey 400

H228, S5, L66
#A3A5AC

Cool Grey 300

H228, S5, L77
#C1C3C7

Cool Grey 200

H228, S5, L88
#DFDFE2

Cool Grey 100

H228, S5, L95
#F2F2F3

Warm Grey 900

H34, S12, L10
#1D1A16

Warm Grey 800

H34, S12, L19
#36312B

Warm Grey 700

H34, S12, L28
#50493F

Warm Grey 600

H34, S12, L41
#756A5C

Warm Grey 500

H34, S12, L50
#8F8270

Warm Grey 400

H34, S12, L66
#B3AA9E

Warm Grey 300

H34, S12, L77
#CCC6BE

Warm Grey 200

H34, S12, L88
#E4E1DD

Warm Grey 100

H34, S12, L95
#F4F2F1

Buttons, CTA's & Links

Nav Bar