Components Library
Icons
To use the icons, copy the "<i>" tag from this page or from the components-library.html file in the theme.
Color
ACT Red
#DD3224
ACT Dark Red
#AD2217
ACT Blue
#4997F7
ACT Dark Blue
#1B6FD7
ACT Black
#000000
ACT White
#FFFFFF
ACT Pale Grey
#F9F9F9
ACT Light Grey
#E5E3E3
ACT Mid Grey
#929292
Typography
Hero
Poppins Semibold 80/80 (Italic) Mobile 45/45
H1
Poppins Semibold 55/45 (Italic) Mobile 22/32
H2
Poppins Semibold 35/52 Mobile 21/30 (Italic)
H3 – Poppins Semibold 24/36 Mobile 18/27 (Italic)
H4 – Poppins Semibold 18/26 Mobile 12/16 (Italic)
H5 – Poppins Semibold 13/19 Mobile 11/15 (Italic)
Intro body – Poppins Regular 21/32 Mobile 15/21 (Italic)
Body Large – Poppins Regular 17/25 Mobile 13/21 (Italic)
Body Small example text here and here – Poppins Regular 15/24 Mobile 10/15 (Italic)
Body Small Medium example text here and here – Poppins Medium 15/24 Mobile 10/15 (Italic)
Body Small Semibold example text here and here – Poppins Semibold 15/24 Mobile 10/15 (Italic)
Description Caps – POPPINS semibold 13/18 Mobile 11/14 (Italic)
Extra Small Semibold – Poppins Semibold 11/18 Mobile 9/14 (Italic)
Extra Small Text – Poppins Regular 11/18 Mobile 9/14 (Italic)