Titles for zurn.com

Please note: part of the brand styling for zurn.com includes titles with bold and normal font weights. In order to achieve that you cannot use the title component. It will not allow for rich text formatting.

You can however use a text component and bold part of the h1, h2, h3, etc. that way.

You can also apply a style with the style brush to make an h1 extra large, when needed.

 

ZE Default Title H1 - Left

ZE Default Title H2 - Center

ZE Default Title H3 - Right

ZE Default Title H4 - Left

ZE Default Title H5 - Left
ZE Default Title H6 - Left

H1 Styled as H2

H2 Styled as H3

H3 Styled as H4

H4 Styled as H5

H5 Styled as H6
H6 Styled as H1

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

Alternating Weight Headers

To display headings with varying weight you will need to use a text component. Set the weight to normal and bold the text you need to.

Heading 1 Bold and Normal Weight

Heading 2 Bold and Normal Weight

Heading 3 Bold and Normal Weight

Heading 4 Bold and Normal Weight

Heading 5 Bold and Normal Weight
Heading 6 Bold and Normal Weight

Extra Large Header 1