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.