Colours
Xapien Neutral
Neutral-100
#000000
Neutral-80
#191A1A
Neutral-60
#434646
Neutral-40
#737678
Neutral-20
#B8BCBE
Neutral-5
#ECF2F4
Neutral-0
#FFFFFF
Xapien Teals
Teal-100
#000000
Teal-80
#153D3D
Teal-60
#06665C
Teal-40
#158479
Teal-20
#32B3A6
Teal-5
#E1FBF8
Blue-0
#FFFFFF
Xapien Greens
Green-100
#000000
Green-80
#134732
Green-60
#22996A
Green-40
#6EE5B6
Green-20
#88FFD0
Green-5
#E7FFF6
Green-0
#FFFFFF
Xapien Red
Red-100
#000000
Red-80
#851428
Red-60
#E02A4B
Red-40
#FF4668
Red-20
#FF5977
Red-5
#FFDAE1
Red-0
#FFFFFF
Error/Success
Error
#A71111
Success
#269066
Xapien Risk Colours
High Risk
#FF4668
Medium Low Risk
#789B9A
Low Risk
#32B3A6
Typography
h1 Heading
h2 Heading
h3 Heading
h4 Heading
h5 Heading
h6 Heading
h7 Heading
Body
Spacing
--160
--128
--100
--80
--64
--48
--32
--24
--16
--12
--8
--4
--2
--0
Radius
--radius-circle
--radius-xl
--radius-l
--radius-l
--radius-m
--radius
--radius-s
--radius-xs
--radius-xxs