Secondary Callout Cards
Add a group of up to 3 cards with optional coloured background and CTA. Each card can contain a large heading to convey a statistic/fact or an icon with supporting text.
How to use
- Add a Title
- Optionally add a description
- Optionally add Quick-Nav Text to be picked up by the Quick Navigation Bar/Progress Navigation Bar
- Choose a Background Colour: Orange, Purple Light, Red or White
- Optionally add a CTA button. Add CTA Text for the button text and either select a section or content item for the CTA Internal Link (ignore the Use default link text checkbox), or paste the full URL for the CTA External URL (please do not enter both)
- Add 1-3 cards. Each card can have an icon or a larger heading.
- For an icon card:
- Choose an Icon from the list
- Add a Title
- Add Icon Text
- For a heading card:
- Add a Heading
- Add a Title. Bear in mind when adding a heading card the size of the text for the title is larger, therefore recommend a title using a shorter title than for when using an icon, see examples
For adding 2-5 cards in a similar design consider using the Accolades Panels content type.
Content Type Details
ID: 455
Name: Secondary Callout Cards
Description: A group of up to 3 cards that may contain an icon or large text and texts. A heading and optional CTA are shown above.
Minimum user level: Contributor
Content Type Elements Details
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | Yes |
| Title | Add a title for the section | 50 Characters | Plain Text | No |
| Description | Description for the section | 500 Characters | Plain Text | No |
| Quick-Nav Text | This text will be used for the Quick Navigation Bar/Progress Navigation | 24 Characters | Plain Text | No |
| Background Colour | Select a Background Colour | N/A | Select Box (List: Accolade and Secondary Callout Card Background) | Yes |
| CTA Text | Add text for a CTA under the Title | 50 Characters | Plain Text | No |
| CTA Internal Link | Select a section/content for an internal link | N/A | Section/Content Link | No |
| CTA External URL | Enter full URL including https:// for external URL, only enter this if you are NOT entering an internal link | 250 Characters | Plain Text | No |
| Card 1 - Icon | Select an icon from the list (Google Repo) or add a Heading | N/A | Select Box (List: Material Symbols) | No |
| Card 1 - Heading | Add large heading or select an Icon | 8 Characters | Plain Text | No |
| Card 1 - Title | Title for the card | 120 Characters | Plain Text | Yes |
| Card 1 - Icon Text | Text for the card, shows below title when an Icon is used | 300 Characters | Plain Text | No |
| Card 2 - Icon | Select an icon from the list (Google Repo) or add a Heading | N/A | Select Box (List: Material Symbols) | No |
| Card 2 - Heading | Add large heading or select an Icon | 8 Characters | Plain Text | No |
| Card 2 - Title | Title for the card | 120 Characters | Plain Text | No |
| Card 2 - Icon Text | Text for the card, shows below title when an Icon is used | 300 Characters | Plain Text | No |
| Card 3 - Icon | Select an icon from the list (Google Repo) or add a Heading | N/A | Select Box (List: Material Symbols) | No |
| Card 3 - Heading | Add large heading or select an Icon | 8 Characters | Plain Text | No |
| Card 3 - Title | Title for the card | 120 Characters | Plain Text | No |
| Card 3 - Icon Text | Text for the card, shows below title when an Icon is used | 300 Characters | Plain Text | No |