Your  Account:
Pattern Library

Image Cards

Specification

Images cards are stylized links with a supporting background image.
They are used as a collection of similar concepts within a page section. (ex. Degrees offered, Initiatives, etc).
Image cards should not be a random set of links.

Usage

The Image Cards component allows for 2-20 cards to be placed on a page.

Full width pages will place the Image Cards into a section with margin at top and bottom.

Options

  • Theme: (For full width pages). Adds a background color and proper heading level colors to the section.
  • Animate Cards: (For full width pages) [Radio Button] Cards will animate when they scroll into view.
  • Heading: Heading 2 introducing the section. Please ensure that heading order is still correct.
  • Intro Text: Paragraph text to introduce the cards. This test should be short. 2 sentances max.
  • Cards in row: [Drop down] How many cards will display in a row.
  • Group [+Add New Group]: To insert additional image links
    • Image [Image Chooser]: Full URL of image, or select an image within Omni CMS.
    • Title [Short Text]: Short title. Should be less than 2 lines when rendered
    • Link [File Chooser]: Full URL of link, or select a page within Omni CMS.