Layout: Landing Page

Heading

The Text with CTA & media pattern is designed to fill the hero area of a high-level landing page, to orient users to what your page is about.

image placeholder

Stack 3up light gray

image placeholder

Heading

Stack Cards can be used to set important information apart from the rest of the page and collect links related to a single subject.

image placeholder

Heading

Stack Cards can be used to set important information apart from the rest of the page and collect links related to a single subject.

image placeholder

Heading

Stack Cards can be used to set important information apart from the rest of the page and collect links related to a single subject.

Heading for a Billboard

A full-width block of text with backgrounds that can be used to break up the layout for a call-to-action, to route users toward another topic, or call attention to an important message. For the heading, use short words and up to 3 lines of text at desktop size.

Heading

The Text with CTA & media pattern is designed to fill the hero area of a high-level landing page, to orient users to what your page is about.

image placeholder

Points of Pride

Big text,

medium text,

and small text can be used in any combo — choose what fits your content best.

Duplicate a column to reuse its text styles

With the List View toolbar open, click the 3 dots beside the column whose styles you want and choose “Duplicate.”

8–10

is the maximum number of characters you should use in the big text field. Try to reserve that for numerals and symbols.

1–4

columns

Delete any you don’t need via the Column’s 3-dots menu in the List View toolbar.

$##

For small text, use no more than 15 to 20 words. Sentence fragments are OK. Link to source data where possible.

Skip the big text field and use just medium text alone

when you don’t have a numeral or your stat is too long for the big text to fit on one line.

Posts 3up white

person placeholder

Heading


Title

Phone