The news grid features information relevant to your agency or department. It offers you space to highlight current
events, topics or developments. Use this option to link to a news section within your site or a related, official press
release. Add an optional date, author and agency name.
Briefly tell your reader what they will find at the card's destination then
link to that location.
Usage
When and how to use it
Card grid
Keep cards simple. Cards are meant to show a taste of the available information. Don't overload cards with more
information than necessary.
Communicate clearly about a card's destination. Cards take someone to another experience, so the content should focus
on the value a person can find when they get there.
Cards, by definition, should have some form of interaction such as viewing, editing, purchasing, etc. Some actions
are exposed in buttons, and others simply occur by clicking the card.
If a card only has an ability to be opened or viewed in more detail, do not include a button. Clicking anywhere on
the card should perform that action.
Imagery
Use icons in a manner that is commonly understood.
How not to use it
Card grid
Avoid using the word “new” in a card unless the design has a limited timeframe or is actually new and relevant to
someone. Avoiding this word also helps to minimize the work required to go back and update card titles when a feature
is no longer new.
Images
Don't use a commonly used icon for a different purpose.
We use photos and illustrations for visualizing information. We follow these guidelines:
Do not use images as unnecessary decoration. Photos and images should be used to support the content.
Use an aspect ratio of 3:2 for all images. The exception is if the proportions of the subject of the image have
significance. For example, an image of a driver's license or an image of an application form.
