Cards briefly describe and link to a piece of content. Supporting copy, image and link text are optional.
Card Set
Do use three to six cards at a time. Keep to the character limit specified for headings and text.
Don’t use fewer than two or more than six cards at a time.
Image Specifications
- Aspect Ratio: Square
- Focal Point: Centered
- Dimensions (px): 688 x 688
- Notes: Use “Micro-level” or “Macro-level” photography
Examples
Card Set – Default
-
Card Title 1
Card Copy
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce placerat arcu sapien, suscipit tristique ante consectetur ut. Sed vitae consequat eros. In placerat metus et commodo rhoncus. Nunc tincidunt ex libero, eu posuere lorem iaculis et. Ut sit amet blandit dolor, ut fermentum nunc. Mauris vel euismod tellus, ut gravida massa. Suspendisse eu neque nec elit commodo porta.
-
Card Title 3 – Link Toggle
Card Copy
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce placerat arcu sapien, suscipit tristique ante consectetur ut. Sed vitae consequat eros. In placerat metus et commodo rhoncus. Nunc tincidunt ex libero, eu posuere lorem iaculis et. Ut sit amet blandit dolor, ut fermentum nunc. Mauris vel euismod tellus, ut gravida massa. Suspendisse eu neque nec elit commodo porta.
Card Set – Linked Image
These are special cards that should be used when only an image and short CTA titles are needed.
Do use three cards at a time.
Do use short CTA titles (22 characters max).
Don’t use fewer than two or more than three cards at a time.
Don’t use this card set more than once on a single page
Card Set – Profiles w/ Modals
These are special cards used to highlight a profile including an image, title, name and role. Clicking the card opens a modal that reveals additional supporting text and an optional CTA link. Image and CTA link fields are optional but are highly recommended for these cards.
Do use three cards at a time.
Do use images and supporting text.
Don’t use fewer than two or more than three cards at a time.
Don’t use this card set if no image or supporting text is included. Otherwise use the Default Card Set instead.
-
Card Title – Required
Card Name – Required
Card Name – Required
Card Title – Required
Modal Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce placerat arcu sapien, suscipit tristique ante consectetur ut. Sed vitae consequat eros. In placerat metus et commodo rhoncus. Nunc tincidunt ex libero, eu posuere lorem iaculis et. Ut sit amet blandit dolor, ut fermentum nunc. Mauris vel euismod tellus, ut gravida massa. Suspendisse eu neque nec elit commodo porta.
-
Card Title with CTA Intro – Required
Card Name – Required
Card Name – Required
Card Title with CTA Intro – Required
Modal Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce placerat arcu sapien, suscipit tristique ante consectetur ut. Sed vitae consequat eros. In placerat metus et commodo rhoncus. Nunc tincidunt ex libero, eu posuere lorem iaculis et. Ut sit amet blandit dolor, ut fermentum nunc. Mauris vel euismod tellus, ut gravida massa. Suspendisse eu neque nec elit commodo porta.
Call-To-Action intro – Optional
-
Card Title with Role – Required
Card Name – Required
Role – Optional
Card Name – Required
Role – Optional
Card Title with Role – Required
Modal Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce placerat arcu sapien, suscipit tristique ante consectetur ut. Sed vitae consequat eros. In placerat metus et commodo rhoncus. Nunc tincidunt ex libero, eu posuere lorem iaculis et. Ut sit amet blandit dolor, ut fermentum nunc. Mauris vel euismod tellus, ut gravida massa. Suspendisse eu neque nec elit commodo porta.
Theme Specific Editor Blocks
-
Accordion
-
Blockquote
-
Button Set
-
Call to Action: Large
-
Call to Action: Small
-
Card Set
-
Carousel
-
External News Story
-
Feature Set
-
Feature with Large Image
-
Feature with Large Image And Intro
-
Feature With Small Image
-
Full Width Image
-
Hero
-
Home Hero
-
Image Grid with Text
-
Link Block
-
Link Set
-
Multi Column Content
-
Rich Text/WYSIWYG
-
Statistics
-
Table
-
Video Embed