Points of Pride
A full-width pattern with columns for displaying statistics and numeric points of pride. Use for 1 to 4 columns of stats
Use Cases:
- Display a set of outcomes that can tell a larger story with small details.
- Call attention to key statistics or central bits of information.
Guidelines:
- Designed to show a set, this pattern looks best in a full-width page section.
- Use as few words as possible in each block to keep them easily scannable.
- Use the medium and small text fields for longer words and phrases.
Avoid:
- Avoid using more than one Points of Pride component in a single page.
- Avoid wrapping the big text field to a second line. For 3 columns, limit big text to 8-10 characters. If you add a fourth column, it will hold only 5-6.
- Don’t vary your word counts too much between blocks. Content determines the height of the block, so one column that has much more text than the others will visually imbalance the row.
Component Viewer
Preview various component colors, widths, and alignments.
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.
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.
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.