Colours

Primary

CYAN

#0093F5 COLOR_PRIMARY_CYAN

LIME

#7FCC00 COLOR_PRIMARY_LIME

NAVY

#002F87 COLOR_PRIMARY_NAVY

Secondary

BLUE

#004ECC COLOR_SECONDARY_BLUE

FOREST

#00A33E COLOR_SECONDARY_FOREST

ORANGE

#FF7A00 COLOR_SECONDARY_ORANGE

RED

#D50032 COLOR_SECONDARY_RED

SLATE

#111518 COLOR_SECONDARY_SLATE

YELLOW

#FFC72C COLOR_SECONDARY_YELLOW

Greyscale

DARK

#435460 COLOR_GREYSCALE_DARK

LIGHT

#F3F5F7 COLOR_GREYSCALE_LIGHT

MEDIUM

#C3CED5 COLOR_GREYSCALE_MEDIUM

WHITE

#FFFFFF COLOR_GREYSCALE_WHITE

System

DANGER

#E60F41 COLOR_SYSTEM_DANGER

FOCUS

#FFC72C COLOR_SYSTEM_FOCUS

INFORMATION

#1192E8 COLOR_SYSTEM_INFORMATION

NEUTRAL

#767676 COLOR_SYSTEM_NEUTRAL

SUCCESS

#1BA158 COLOR_SYSTEM_SUCCESS

WARNING

#E3660E COLOR_SYSTEM_WARNING

Border

Radius

LARGE

0.5rem THEME_BORDER_RADIUS_LARGE

MEDIUM

0.25rem THEME_BORDER_RADIUS_MEDIUM

SMALL

0.125rem THEME_BORDER_RADIUS_SMALL

Width

MEDIUM

0.25rem THEME_BORDER_WIDTH_MEDIUM

SMALL

0.125rem THEME_BORDER_WIDTH_SMALL

TINY

0.0625rem THEME_BORDER_WIDTH_TINY

Typography

h1

<h1> or class='h1'

Specification

Font family

'Centrica Stabil Grotesk Medium' THEME_TYPOGRAPHY_X_LARGE_HEADING_FONT_FAMILY

Font weight

400 THEME_TYPOGRAPHY_X_LARGE_HEADING_FONT_WEIGHT

Font size

2.027rem THEME_TYPOGRAPHY_X_LARGE_HEADING_FONT_SIZE_VIEWPORT_DEFAULT

Font size

2.986rem THEME_TYPOGRAPHY_X_LARGE_HEADING_FONT_SIZE_VIEWPORT_BASKETBALL_COURT

Font size

3.815rem THEME_TYPOGRAPHY_X_LARGE_HEADING_FONT_SIZE_VIEWPORT_RUGBY_PITCH

h2

<h2> or class='h2'

Specification

Font family

'Centrica Stabil Grotesk Medium' THEME_TYPOGRAPHY_LARGE_HEADING_FONT_FAMILY

Font weight

400 THEME_TYPOGRAPHY_LARGE_HEADING_FONT_WEIGHT

Font size

1.699rem THEME_TYPOGRAPHY_LARGE_HEADING_FONT_SIZE_VIEWPORT_DEFAULT

Font size

2.272rem THEME_TYPOGRAPHY_LARGE_HEADING_FONT_SIZE_VIEWPORT_BASKETBALL_COURT

Font size

2.73rem THEME_TYPOGRAPHY_LARGE_HEADING_FONT_SIZE_VIEWPORT_RUGBY_PITCH

h3

<h3> or class='h3'

Specification

Font family

'Centrica Stabil Grotesk Medium' THEME_TYPOGRAPHY_MEDIUM_HEADING_FONT_FAMILY

Font weight

400 THEME_TYPOGRAPHY_MEDIUM_HEADING_FONT_WEIGHT

Font size

1.424rem THEME_TYPOGRAPHY_MEDIUM_HEADING_FONT_SIZE_VIEWPORT_DEFAULT

Font size

1.728rem THEME_TYPOGRAPHY_MEDIUM_HEADING_FONT_SIZE_VIEWPORT_BASKETBALL_COURT

Font size

1.953rem THEME_TYPOGRAPHY_MEDIUM_HEADING_FONT_SIZE_VIEWPORT_RUGBY_PITCH

h4

<h4> or class='h4'

Specification

Font family

'Centrica Stabil Grotesk Medium' THEME_TYPOGRAPHY_SMALL_HEADING_FONT_FAMILY

Font weight

400 THEME_TYPOGRAPHY_SMALL_HEADING_FONT_WEIGHT

Font size

1.342rem THEME_TYPOGRAPHY_SMALL_HEADING_FONT_SIZE_VIEWPORT_DEFAULT

Font size

1.577rem THEME_TYPOGRAPHY_SMALL_HEADING_FONT_SIZE_VIEWPORT_BASKETBALL_COURT

Font size

1.747rem THEME_TYPOGRAPHY_SMALL_HEADING_FONT_SIZE_VIEWPORT_RUGBY_PITCH

h5

<h5> or class='h5'

Specification

Font family

'Centrica Stabil Grotesk Medium' THEME_TYPOGRAPHY_X_SMALL_HEADING_FONT_FAMILY

Font weight

400 THEME_TYPOGRAPHY_X_SMALL_HEADING_FONT_WEIGHT

Font size

1.193rem THEME_TYPOGRAPHY_X_SMALL_HEADING_FONT_SIZE_VIEWPORT_DEFAULT

Font size

1.315rem THEME_TYPOGRAPHY_X_SMALL_HEADING_FONT_SIZE_VIEWPORT_BASKETBALL_COURT

Font size

1.398rem THEME_TYPOGRAPHY_X_SMALL_HEADING_FONT_SIZE_VIEWPORT_RUGBY_PITCH

h6

<h6> or class='h6'

Specification

Font family

'Centrica Stabil Grotesk Book' THEME_TYPOGRAPHY_TINY_HEADING_FONT_FAMILY

Font weight

400 THEME_TYPOGRAPHY_TINY_HEADING_FONT_WEIGHT

Font size

1.125rem THEME_TYPOGRAPHY_TINY_HEADING_FONT_SIZE_VIEWPORT_DEFAULT

Font size

1.2rem THEME_TYPOGRAPHY_TINY_HEADING_FONT_SIZE_VIEWPORT_BASKETBALL_COURT

Font size

1.25rem THEME_TYPOGRAPHY_TINY_HEADING_FONT_SIZE_VIEWPORT_RUGBY_PITCH

p-large

class='p-large'

Specification

Font family

'Centrica Stabil Grotesk Book' THEME_TYPOGRAPHY_LARGE_PARAGRAPH_FONT_FAMILY

Font weight

400 THEME_TYPOGRAPHY_LARGE_PARAGRAPH_FONT_WEIGHT

Font size

1.424rem THEME_TYPOGRAPHY_LARGE_PARAGRAPH_FONT_SIZE_VIEWPORT_DEFAULT

Font size

1.728rem THEME_TYPOGRAPHY_LARGE_PARAGRAPH_FONT_SIZE_VIEWPORT_BASKETBALL_COURT

Font size

1.953rem THEME_TYPOGRAPHY_LARGE_PARAGRAPH_FONT_SIZE_VIEWPORT_RUGBY_PITCH

p-feature

class='p-feature'

Specification

Font family

'Centrica Stabil Grotesk Book' THEME_TYPOGRAPHY_FEATURE_PARAGRAPH_FONT_FAMILY

Font weight

400 THEME_TYPOGRAPHY_FEATURE_PARAGRAPH_FONT_WEIGHT

Font size

1.266rem THEME_TYPOGRAPHY_FEATURE_PARAGRAPH_FONT_SIZE_VIEWPORT_DEFAULT

Font size

1.44rem THEME_TYPOGRAPHY_FEATURE_PARAGRAPH_FONT_SIZE_VIEWPORT_BASKETBALL_COURT

Font size

1.563rem THEME_TYPOGRAPHY_FEATURE_PARAGRAPH_FONT_SIZE_VIEWPORT_RUGBY_PITCH

p-normal

class='p-normal'

Specification

Font family

'Centrica Stabil Grotesk Book' THEME_TYPOGRAPHY_NORMAL_PARAGRAPH_FONT_FAMILY

Font weight

400 THEME_TYPOGRAPHY_NORMAL_PARAGRAPH_FONT_WEIGHT

Font size

1.125rem THEME_TYPOGRAPHY_NORMAL_PARAGRAPH_FONT_SIZE_VIEWPORT_DEFAULT

Font size

1.2rem THEME_TYPOGRAPHY_NORMAL_PARAGRAPH_FONT_SIZE_VIEWPORT_BASKETBALL_COURT

Font size

1.25rem THEME_TYPOGRAPHY_NORMAL_PARAGRAPH_FONT_SIZE_VIEWPORT_RUGBY_PITCH

p-small

class='p-small'

Specification

Font family

'Centrica Stabil Grotesk Book' THEME_TYPOGRAPHY_SMALL_PARAGRAPH_FONT_FAMILY

Font weight

400 THEME_TYPOGRAPHY_SMALL_PARAGRAPH_FONT_WEIGHT

Font size

1rem THEME_TYPOGRAPHY_SMALL_PARAGRAPH_FONT_SIZE_VIEWPORT_DEFAULT

Font size

1.125rem THEME_TYPOGRAPHY_SMALL_PARAGRAPH_FONT_SIZE_VIEWPORT_BASKETBALL_COURT

Font size

1.2rem THEME_TYPOGRAPHY_SMALL_PARAGRAPH_FONT_SIZE_VIEWPORT_RUGBY_PITCH

p-caption

class='p-caption'

Specification

Font family

'Centrica Stabil Grotesk Book' THEME_TYPOGRAPHY_CAPTION_PARAGRAPH_FONT_FAMILY

Font weight

400 THEME_TYPOGRAPHY_CAPTION_PARAGRAPH_FONT_WEIGHT

Font size

0.889rem THEME_TYPOGRAPHY_CAPTION_PARAGRAPH_FONT_SIZE_VIEWPORT_DEFAULT

Font size

0.889rem THEME_TYPOGRAPHY_CAPTION_PARAGRAPH_FONT_SIZE_VIEWPORT_BASKETBALL_COURT

Font size

0.889rem THEME_TYPOGRAPHY_CAPTION_PARAGRAPH_FONT_SIZE_VIEWPORT_RUGBY_PITCH