Primary headings are all set in Roboto with a weight of 700 (bold). Alignment is flush left.The primary head color is darkGray #26292C.

Secondary and tertiary headings are also darkGray when on a neutral or whtie background. For dark primary1 (brand dark) they should be set in white #FFF.

H1 display page title

Explore our Academic Ecosystem

/* h-dt/h1 display serif */

font-family: Lora;
font-size: 54px; f
ont-style: normal;
font-weight: 600;
line-height: 60px; / 111.111%
letter-spacing: -1px;

/* h-dt/h1 display serif */

H2

Explore our Academic Ecosystem

/* h-dt/h2 */

font-family: Roboto; 
font-size: 32px; font-style: normal; 
font-weight: 700; 
line-height: 36px; / 112.5% */
letter-spacing: -0.18px;

H3

^ WordPress heading needs to be styled as follows to match the H3 screen grab above.

Explore our Academic Ecosystem

color: var(--type-body-type-colors-heading-styles-darkGray, #26292C);

/* h-dt/h3 / font-family: Roboto; font-size: 26px; font-style: normal; font-weight: 700; line-height: 32px; / 123.077% */
letter-spacing: -0.18px;

H4

^ WordPress heading needs to be styled as follows to match the H3 screen grab above.

Explore our Academic Ecosystem

color: var(--type-body-type-colors-heading-styles-darkGray, #26292C);

/* h-dt/h4 / 
font-family: Roboto; 
font-size: 19px; 
font-style: normal; 
font-weight: 700; 
line-height: 24px; / 126.316% */
letter-spacing: -0.18px;

H5

^ WordPress heading needs to be styled as follows to match the H3 screen grab above.

Explore our Academic Ecosystem

color: var(--type-body-type-colors-heading-styles-darkGray, #26292C);

/* h-dt/h5 / 
font-family: Roboto; 
font-size: 18px; 
font-style: normal; 
font-weight: 700; 
line-height: 22px; / 122.222% */
letter-spacing: -0.18px;

H6

^ WordPress heading needs to be styled as follows to match the H3 screen grab above.

Explore our Academic Ecosystem

color: var(--type-body-type-colors-heading-styles-darkGray, #26292C);

/* h-dt/h6 / 
font-family: Roboto; 
font-size: 16px; 
font-style: normal; 
font-weight: 700; 
line-height: 20px; / 125% */
letter-spacing: -0.18px;

Weights

Roboto headings are bold, weight 700.

Lora headings are semibold, weight 600.

Color

Headings are daryGray #26292C.
color: var(–type-body-type-colors-heading-styles-darkGray, #26292C);