Typography

Heading Text

Name
Sizes
Mobile Sample
Desktop Sample
Heading 1
Desktop: 7.5rem
Mobile: 4rem

H1

H1

Heading 2
Desktop: 4rem
Mobile: 3rem

H2

H2

Heading 3
Desktop: 3rem
Mobile: 2.5rem

H3

H3

Heading 4
Desktop: 2.5rem
Mobile: 2rem

H4

H4

Heading 5
Desktop: 2rem
Mobile: 1.5rem
H5
H5
Heading 6
Desktop: 1.5rem
Mobile: 1.25rem
H6
H6

Body Text

Name
Sizes
Text Sample
Body L
1.25rem
Lorem Ipsum
Body M
1rem
Lorem Ipsum
Body S
0.75rem
Lorem Ipsum

Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Colors

Primary Violet
0
#e7ddfb
1
#cab5f4
2
#ac8eed
3
#8f66e5
4
#713fde
5
#5417d7
6
#4312ad
7
#330e82
8
#220958
9
#12052d
10
#010003
Secondary Purple
0
#f9efff
1
#f4dfff
2
#e9bfff
3
#dd9eff
4
#d27eff
5
#c75eff
6
#a74bd8
7
#8738b0
8
#662689
9
#461361
10
#26003a
Neutral
0
#ffffff
1
#f3f3f3
2
#e8e8e8
3
#d0d0d0
4
#b9b9b9
5
#a1a1a1
6
#8a8a8a
7
#737373
8
#5b5b5b
9
#444444
10
#000000
Accent Colors
1
#e6ffaf
2
#e0c5ff
3
#d8ff2b
4
#ff7455
5
#3535e0
Skill Card Gradient
#4312ad - #330e82
Neutral Gradient
#f3f3f3 - #e8e8e8