Skip to content
Purdue University Home Purdue Brand Studio
  • Home
  • Brand
  • Toolbox
  • Digital
  • Productions
  • Impact
  • About
  • Contact Us
Purdue Brand Studio
  • Home
  • Brand
  • Toolbox
  • Digital
  • Productions
  • Impact
  • About
  • Contact Us
Helpful links
  • Our Team
  • Logos & Usage
  • Notable Rankings
  • Purdue Brand Network
  • Request Support
Quick links
  • Brand Guidelines
  • AI Content Guidelines
  • FAQ
  • Compliance
  • Communicator Policies
Purdue Brand Studio / Digital / Blocks / Cards

Cards

Adds a grid of cards or a card slider.

Jump to:
  • Settings
  • Copy
  • Photo/Video
CategoryCMS
Post/ContentCascade, WordPress

Instructions

Options: 

  • Type of the source: manually enter, RSS 
  • Card type: story card, faculty card, simple card, list card 
  • Card background: white, black, gray 
  • Include excerpt on the card: checkbox 
  • Include thumbnail image on the card: checkbox 
  • Feed URL: URL 
  • Add post type tag on the cards: checkbox 
  • Add category tag on the cards: checkbox 
  • Header of this section: text 
  • Choose layout: grid, slider 
  • Number of columns shown on desktop: one, two, three, four 
  • Change card layout to horizontal: checkbox 
  • Loop the slides: checkbox 
  • Link text to this section: text 
  • Link URL to this section: URL 
  • Open link in new tab: checkbox 
  • Choose the background: none, gold, black, gray 
  • Choose header background color: gold, black 
  • Padding at the top: none, small, medium, large 
  • Padding at the bottom: none, small, medium, large 
  • Remove side padding: checkbox 

Cards:

  • Story card: 
    • Card background: white, black, gray 
    • Include excerpt on the card: checkbox 
    • Include thumbnail image on the card: checkbox 
    • Card image: media 
    • Optional post type tag: text 
    • Taxonomy tag: text 
    • Title: text 
    • Subtext: Text area 
    • Card link text: text 
    • Card link URL: URL 
    • Button CSS class: text 
    • Open link in new tab: checkbox 
    • Card link two text: text 
    • Card link two URL: URL 
    • Open link two in new tab: checkbox 
    • Button CSS class two: text 
  • Faculty card: 
    • Card image: media 
    • Faculty name: text 
    • Faculty title: text 
    • Faculty title line two: text 
    • Email: text 
    • Address: text 
    • Office phone: text 
    • Cell phone: text 
    • Home phone: text 
    • Website link text: text 
    • Website URL: URL 
    • Open website link in new tab: checkbox 
  • Simple card: 
    • Card image: media 
    • Title: text 
    • Subtext: text area 
    • Card link text: text 
    • Card link URL: URL 
    • Button CSS class: text 
    • Open link in new tab: checkbox 
    • Card link two text: text 
    • Card link two URL: URL 
    • Open link two in new tab: checkbox 
    • Button CSS class two:text 
  • List card: 
    • Content: InnerBlocks (purdue/link-cards-single) 
    • Card background: white, black, gray 

Card fields: managed inside nested “link cards single” blocks in the editor 

HTML anchor: text

Note: Cards can be manually added or pulled dynamically from an RSS feed. 

Heading: max 40 characters 

Story card image size: 712 x 400 px (16:9)

Faculty card image size: 272 x 727 px (1:1)

Features not included in Cascade: 

  • Simple card, list card 
  • Padding 

Cascade only: 

  • Number of cards: six, eight, nine, 10 

Faculty card: 

  • No options for website URL, cell or home phone, only a generic phone field. 
  • WYSIWYG editor for custom content 

Story card: 

  • No card background option. 
  • Excerpt is subtext in Cascade and only a text field. 
  • Image is required. 
  • Only one button allowed per card. 

Live Block

Example 1 of 4

header

category|tag

Title

Body copy
learn more

category|tag

Title

Body copy
Learn More

category|tag

Title

Body copy
Learn More

category|tag

Title

Body copy
Learn More

category|tag

Title

Body copy
Learn More

Example 2 of 4

Header

More
Chris June portrait

Name

Title

Title Line 2

email@email

Address

Office: Phone

Cell: Phone

Home: Phone

Jon Garcia portrait

Name

Title

Title Line 2

email@email

Address

Office: Phone

Cell: Phone

Home: Phone

More

Example 3 of 4

Title

Body copy

Title

Body copy

Title

Body copy

Title

Body copy

Example 4 of 4

Title

Body Copy

Title

Body Copy

Title

Body copy

Purdue Logo

Purdue University
610 Purdue Mall
West Lafayette, IN 47907

765-494-4600

Systemwide options

Follow Us

  • Facebook
  • Twitter
  • LinkedIn
  • Instagram
  • Youtube
  • snapchat
Systemwide options

  • West Lafayette Map
  • Careers
  • Center for Healthy Living
  • Colleges and Schools
  • Directory
  • Entrepreneurship and Commercialization
  • Human Resources
  • Libraries

  • Ethics and Compliance
  • Events
  • Give
  • Lost and Found
  • Office of Engagement
  • President
  • Tuition Calculator

  • BoilerConnect
  • Brightspace
  • Current Students
  • Faculty and Staff
  • myPurdue
  • Office 365
  • OneCampus Portal
  • Outlook

  • Annual Security Report
  • Construction
  • Emergency
  • Information Technology
  • Marketing and Communications
  • Purdue News
  • Purdue Hotline
  • Timely Warnings

Last modified: July 20, 2026

Copyright © 2026 Purdue University. All Rights Reserved. Trademark Statement.
Accessibility | EA/EO University | Integrity Statement | Free Expression | College Scorecard (ed.gov) | Privacy Policy | Contact Us