Overview

Cards provide an added visual aid when you need to link to featured web pages or content. All cards must be linked.

Card with no image

Compliance and guides for developing public facing websites and applications for the Government of Alberta.

Card with image

Pay your Immediate Roadside Sanctions (IRS) fine or request more time to pay.

Usage guidelines

  • Place featured cards on landing pages over a medium grey band.
  • Use 2 or more cards on a page.

Content guidelines

Card elements

Primary

A card must have a page title/header and a lead sentence enclosed within a container. These elements are automatically added to the card when a card links to a web page.

  • page title/header – 70 characters with spaces (mandatory)
  • lead sentence – 140 characters with spaces

Secondary

Images (16:9) are optional. See the images page for proper usage and guidelines before requesting to insert an image.

Layout

The order from top of the card to the bottom is as follows:

  • image
  • page title/header
  • lead

Besides an image do not use other components in a card, such as buttons or callouts.

Card patterns

Cards fit into a single row with 2 to 4 cards side-by-side. A single row of cards becomes a column on smaller screen sizes. You may also add multiple rows of cards to a page, and each row still uses between 2 to 4 cards per row.

Examples

Was this page helpful?

All fields are required unless otherwise indicated.

You will not receive a reply. Do not enter any personal information such as telephone numbers, addresses, or emails.

Your submissions are monitored by our web team and are used to help improve the experience on Alberta.ca. If you require a response, please go to our Contact page.