WATSON WEBSITE STYLE GUIDE
HEADLINE STYLES
The Watson website uses Sofia Sans Extra Condensed for Headline styles. Making a header bold will double its set size.
Mega H1 (Bold)
MEGA H1
H1 (Normal)
Heading 1
Mega H2 (Bold)
MEGA H2
H2 (Normal)
Heading 2
Mega H3 (Bold)
MEGA H3
Mega H4 (Bold)
MEGA H4
H3 (Normal)
Heading 3
H4 (Normal)
Heading 4
PARAGRAPH STYLES
The Watson website uses DM Sans for Paragraph styles.
P1 (Bold)
XL Paragraph
P1 (Normal)
Large Paragraph
P2 (Bold)
Normal Paragraph
P3 (Bold)
Small Paragraph
P2
Normal Paragraph
P3
Small Paragraph
P3 (Bold, Ital)
Eyebrow
BUTTONS
Primary Button
Use for most cases.
Secondary Button
Use for smaller CTA’s
Tertiary Button
Larger, bolder use cases.