Colors
Blue
HEX: #C4EDFA
SCSS value: $ia_blue_100
Color Blue 100
SCSS value: $ia_blue_100
Color Blue 100
HEX: #76BDE5
SCSS value $ia_blue_200
Color Blue 200
SCSS value $ia_blue_200
Color Blue 200
HEX: #3079F6
SCSS value $ia_blue_300
Color Blue 300
SCSS value $ia_blue_300
Color Blue 300
Gray
HEX: #F1F1F2
SCSS value: $ia_gray_100
Color Gray 100
SCSS value: $ia_gray_100
Color Gray 100
HEX: #D6D7D7
SCSS value $ia_gray_200
Color Gray 200
SCSS value $ia_gray_200
Color Gray 200
HEX: #A3A6AA
SCSS value $ia_gray_300
Color Gray 300
SCSS value $ia_gray_300
Color Gray 300
Green
HEX: #D4FAE6
SCSS value: $ia_green_100
Color Green 100
SCSS value: $ia_green_100
Color Green 100
HEX: #8AE0A8
SCSS value $ia_green_200
Color Green 200
SCSS value $ia_green_200
Color Green 200
HEX: #51B17F
SCSS value $ia_green_300
Color Green 300
SCSS value $ia_green_300
Color Green 300
Zima
HEX: #1E1E1E
SCSS value: $ia_zima_00
Color Zima 00
SCSS value: $ia_zima_00
Color Zima 00
HEX: #E9F9FD
SCSS value $ia_zima_100
Color Zima 100
SCSS value $ia_zima_100
Color Zima 100
HEX: #D3F3FC
SCSS value $ia_zima_200
Color Zima 200
SCSS value $ia_zima_200
Color Zima 200
HEX: #A7E7F9
SCSS value $ia_zima_300
Color Zima 300
SCSS value $ia_zima_300
Color Zima 300
HEX: #7ADBF5
SCSS value $ia_zima_400
Color Zima 400
SCSS value $ia_zima_400
Color Zima 400
HEX: #4ECFF2
SCSS value $ia_zima_500
Color Zima 500
SCSS value $ia_zima_500
Color Zima 500
HEX: #22C3EF
SCSS value $ia_zima_600
Color Zima 600
SCSS value $ia_zima_600
Color Zima 600
HEX: #1B9CBF
SCSS value $ia_zima_700
Color Zima 700
SCSS value $ia_zima_700
Color Zima 700
HEX: #14758F
SCSS value $ia_zima_800
Color Zima 800
SCSS value $ia_zima_800
Color Zima 800
HEX: #0E4E60
SCSS value $ia_zima_900
Color Zima 900
SCSS value $ia_zima_900
Color Zima 900
HEX: #072730
SCSS value $ia_zima_100
Color Zima 1000
SCSS value $ia_zima_100
Color Zima 1000
Purple
HEX: #F1E8E7
SCSS value: $ia_purple_100
Color Purple 100
SCSS value: $ia_purple_100
Color Purple 100
HEX: #9F7CB6
SCSS value $ia_purple_200
Color Purple 200
SCSS value $ia_purple_200
Color Purple 200
HEX: #472964
SCSS value $ia_purple_300
Color Purple 300
SCSS value $ia_purple_300
Color Purple 300
Gold
HEX: #F9ECCE
SCSS value: $ia_gold_100
Color Gold 100
SCSS value: $ia_gold_100
Color Gold 100
HEX: #EFC55C
SCSS value $ia_gold_200
Color Gold 200
SCSS value $ia_gold_200
Color Gold 200
HEX: #A9883F
SCSS value $ia_gold_300
Color Gold 300
SCSS value $ia_gold_300
Color Gold 300
Peach
HEX: #F7DED5
SCSS value: $ia_peach_100
Color Peach 100
SCSS value: $ia_peach_100
Color Peach 100
HEX: #E88D69
SCSS value $ia_peach_200
Color Peach 200
SCSS value $ia_peach_200
Color Peach 200
HEX: #8E452D678
SCSS value $ia_peach_300
Color Peach 300
SCSS value $ia_peach_300
Color Peach 300
Typography
Medium
- Heading 01 Medium (class name: ia-t-medium-80)
- Heading 02 Medium (class name: ia-t-medium-52)
- Heading 03 Medium (class name: ia-t-medium-40)
- Heading 04 Medium (class name: ia-t-medium-24)
- Heading 05 Medium (class name: ia-t-medium-18)
- Body Medium (class name: ia-t-medium-16)
- Caption Medium (class name: ia-t-medium-14)
Regular
- Heading 03 Regular (class name: ia-t-regular-40)
- Heading 04 Regular (class name: ia-t-regular-24)
- Heading 05 Regular (class name: ia-t-regular-18)
- Body Regular (class name: ia-t-regular-16)
- Caption Regular (class name: ia-t-regular-14)
Aligment
h1 - Header
h2 - Header
h3 - Header
h4 - Header
h5 - Header
h6 - Header
p - Paragraph
h1 - Header
h2 - Header
h3 - Header
h4 - Header
h5 - Header
h6 - Header
p - Paragraph
h1 - Header
h2 - Header
h3 - Header
h4 - Header
h5 - Header
h6 - Header
p - Paragraph
Buttons & Links
Buttons & Links