Base
Colors
50
100
200
300
400
500
600
700
800
900
950
50
100
200
300
400
500
600
700
800
900
950
Typography
Jumbo 1 Jumbo 1
Jumbo 2 Jumbo 2
Jumbo 2 Jumbo 2
Heading 1 Heading 1
Heading 2 Heading 2
Heading 3 Heading 3
Heading 4 Heading 4
Heading 5 Heading 5
Heading 6 Heading 6
Subtitle 1 Subtitle 1
Subtitle 2 Subtitle 2
Subtitle 3 Subtitle 3
Body 1 Body 1
Body 2 Body 2
Body 3 Body 3
Caption 1 Caption 1
Caption 2 Caption 2
Primary
Secondary
Tertiary
Responsive
Skeleton
Skeleton with shimmer effect
Links
UnstyledLink
No style applied, differentiate internal and outside links, give custom cursor for outside links.
PrimaryLink
Add styling on top of UnstyledLink, giving a primary color to the link.
UnderlineLink
Add styling on top of UnstyledLink, giving a dotted and animated underline.
ArrowLink
Useful for indicating navigation, I use this quite a lot, so why not build a component with some whimsy touch?