Card carousel
The card carousel should be used when there are more than 4 cards to display and not all cards need to be visible. You can choose to display image cards, text cards or fill cards.
This block depends on user engagement so cards in here shouldn’t be essential to the completion of tasks – they should be opportunities for content exploration and discovery. i.e. ‘Explore these options’ or ‘Featured news or events’ or ‘Featured activities at Curtin stadium’.
Rules
- Minimum of 5 cards
- Maximum of 10 cards
- Must have a heading, it can also include a body text (refer to Styled heading)
- Can be used with any card type
Character limit
Character limit aligns with Card limits depending on your chosen style
- Cards – Fill
- Heading: 40 characters (Max), 20 characters (Min)
- Body: 150 characters (Max), 80 characters (Min)
- Cards – No Fill
- Heading: 50 characters (Max), 20 characters (Min)
- Body: 220 characters (Max), 80 characters (Min)
- Cards – Image
- Heading: 50 characters (Max), 20 characters (Min)
- Body: 220 characters (Max), 110 characters (Min)
Card carousel examples
Image and white background
Card carousel examples
Image and grey background
Card carousel examples
Text only