Cards
Allows you to display content in a card style format that will also link you to a different site/page.
As you can see in the example below, the more cards you add the skinnier they become. Be wary of this as you don’t want to overload one particular module with too many cards.
The following button showcases an STM page where this particular module is being used on the bottom of the page.
Check out the example in a story
**Note: Depending on what theme you use this STM may behave differently.
Color scheme and border color options
Cards now have a variety of colorways to choose from when you are styling them, including various border colors that you can mix and match along with them. Please remember to maintain best practices when it comes to color contrast as well as not going over the accent color limit as per our brand.
Available color scheme options:
- Gold background with white text
- Gray background with purple text
- Purple background with light gold text
- Purple background with white text
- White background with dark gold text
- White background with purple text
Available border colors:
- Accent teal (#2ad2c9)
- Accent green (#aadb1e)
- Accent pink (#e93cac)
- Accent lavender (#c5b4e3)
- Husky purple (#32006e)
- Spirit purple (#4b2e83)
- Dark gold (#85754d)