Skip to Main Content

Large Text Page Block

This page block is intended to showcase strong impactful pithy brand messaging.

How To | Style Guide | Content Styles | Accessibility Tips | Page Blocks

Check out the series of variations on this page to understand the full capability (white bg)

For clarity, this text was written using the “Basic Content Page Block”, and the Background Color is set to “white”. In the page block below, the “Large Text Page Block” the container around the text is intended to always be light blue. The large text block will overlap the block above it and below it. Block can be on the positioned on the right side or on the left side of the page.

These should be short powerful statements.

This Basic Content Section has been added to demonstrate how the Large Text page block background color changes (navy bg)

There’s a sibling component in the code that tells the top portion of the section background to change color based on the section background color in the page block above.

For additional impact, simply italicize certain keywords to make them purple.

This Basic Content Section has been added to demonstrate how the Large Text page block background color changes (black bg)

There’s a sibling component in the code that tells the top portion of the section background to change color based on the section background color in the page block above.

Feel free to embrace the strikethrough when appropriate.

Be mindful of the sections background colors above and below the Large Text Page Block (light blue bg)

Since the container around the large text is always light blue, if the section above or the section below are also light blue, then it might look strange.

See what I mean? You cannot see the container, and this doesn’t look good.