The Phillips 66 theme accommodates 6 heading sizes, to be used in accordance with content strategy efforts. Typically, an H1 is reserved for page titles only.
H1 – Lorem ipsum dolor sit amet
H2 – Lorem ipsum dolor sit amet
H3 – Lorem ipsum dolor sit amet
H4 – Lorem ipsum dolor sit amet
H5 – Lorem ipsum dolor sit amet
H6 – Lorem ipsum dolor sit amet
The Phillips 66 theme has two built-in Heading styles. The Overline version should typically be used to separate sections on a page.
Default
Lorem ipsum dolor sit amet
Overline
Lorem ipsum dolor sit amet
H1 – 48px – weight 300 – HCo Gotham SSm
H2 – 36px – weight 300 – HCo Gotham SSm
H3 – 24px – weight 300 – HCo Gotham SSm
H4 – 18px – weight 500 – HCo Gotham SSm
H5 – 16px – weight 700 – HCo Gotham SSm
H6 – 14px – weight 700 – HCo Gotham SSm
Global/body – 16px