Page title

Short description/grabber for the page. We also do sentence case and AP format when possible!

Sub header

Two-column container

This block is our bread and butter; great to use for most content and pages. Works for short blurbs, quick paragraphs, and pairs well with images and CTAs. Can use bold, italics and hyperlinks in this container.

Pretty flexible! Don't be afraid to play around with the containers and do what looks best to you. Can also always refer to other pages on the other sites for ideas and inspiration.

These buttons are center aligned:

Button (dark)

Link (dark+PDF)

ABCs of Water Safety.pdf

Collage images container

Containers fit on either side. Logos can go above!

You can
make bullet point
with the lists block

Which looks different

Then if you use unordered list in a textbox
These buttons are left aligned:

Button (light)

Link (light+video)

ABCs of Water Safety.pdf

Textbox - full width (Heading 3)

Use Heading 3 for textbox headers over the Header block

Block to use when you just need text. This has several options including:

Sub Headers (Heading 5)

Bold, italics and hyperlinks

Bullet points

(New Block)

You can also remove the top padding so there is less white space above, as well as add side padding when it's a text-only page so you don't have a long sentence going across the entire page.

Like this one:

You can also remove the top padding so there is less white space above, as well as add side padding when it's a text-only page so you don't have a long sentence going across the entire page.

Image flex height background - full width (dark)

Another great block that is very versatile. We have a lot of options, such as using as a page divider or if you want to highlight a block.

Test text to show where left justification should go to

Can do CTAs here too These are centered

This is left aligned

Two column containers!

Image flex height background - Light

Works great for announcements, notices and call outs that you want to emphasize (usually placed under the hero block). We can also do images!

CTAs too! (Dark)Light version

Full Color Gradient

Image flex height background

We can also add images as the background, with gradients to the left or right depending on the image.

These textboxes can also do bullets, bold, italics, and hyperlinks

List Text block
Lists them out
Side-by-side
Unlike the bullets in
The textbox
Bullets currently aren't
Adjusting to light/dark

Disclaimer banners are usually placed under Hero Blocks or Background Image Blocks. The banner below is our default text on the hospital pages.

Same content as above

Image flex height background - image right w/gradient

We can also add images as the background, with gradients to the left or right depending on the image.

These textboxes can also do bullets, bold, italics, and hyperlinks

List Text block
Lists them out
Side-by-side
Unlike the bullets in
The textbox
Bullets currently aren't
Adjusting to light/dark

Call 911 if you are seriously injured or feel you need emergency care. Emergency responders will help you decide the best course of action.

Header full width - center justified

Use this when you need a title for blocks that aren't in the two-column container or full-width textbox. Can be center or left justified.

Header full width - left justified