Text Styles

Settings

H1 Tag / 50 pt /
Color: White

23pt /
Color: White

H3 Tag / 20pt /
Color: #1C76BC

H2 Tag / 40pt /
Color: Black

P Tag / 16pt /
Color: Black

P Tag / 16pt /
Color: Black

16pt / weight: Bold
Color: White

30pt / weight: Bold
Color: #1C76BC

30pt / weight: Normal
Color: Black

Detailed View

Header 1

Header 1 Subtitles –
Use under hero images in page headers.

H3 or Label

Header 2

Body copy – 16pt
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat
Callout paragraphs – 20pt
Use only for full paragraphs, single callout lines should use the Highlight Styles below.

Highlight copy style 1

Highlight copy style 1

Button Padding:
12 Top and Bottom
and 20 Left and Right

16pt /
Color: #576078

CASE STUDY TEXT STYLES

99% metric

metric captions

Callout Sample lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Other Elements

Full-width image example

Copy the column on the left for an image that expands to your layout.

  • Instead of adding an Image Widget, this photo has been set as a background for the column.
  • To edit its positioning, go to: Style > Background > Position and find the best fit and crop.
Scroll to Top