Skip to main content

Template 4 image types

Information on image sizes for Template 3 Cascade sites is available through University Systems.

Compressing image files

Compressing your image file helps it load faster. Often photo software adds hidden information to the file--like metadata--which can bloat the size of the file.

After cropping, please compress your images before uploading to Cascade. We recommend using TinyJPG, a free web-based tool that reduces the overall size of your image files without sacrificing image quality.

Card image

  • Required size: 1064x599 pixels
  • Usage: landing, campaign and persuasive pages
  • Text field character limits:
    • Card header: 64 characters
    • Card title: 64 characters
    • Card body: limit to 1-2 sentences for optimal readability.
    • CTA button label: 24 characters
Card header
Spaghetti noodles, fresh tomatoes and basil on a wooden table.

Card title

Card body text goes here.

Card header 2

Card title 2

A sample card with no feature image.

Dashboard cards

Can support an SVG, PNG graphic or a Lottie animation vector file. Can be stacked to mimic an info graphic style layout, with the graphics appearing to the right or left of the text on desktop. Or can stack graphic above text on mobile.

30+ years dedicated to climate action

30+ years dedicated to climate action

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab.

Equity Action Plan

Ut asperiores esse in eius voluptates et iure aliquam qui recusandae corrupti id tempore doloribus in soluta unde. Aperiam, eaque  ipsa quae ab illo inventore qui recusandae corrupti id.

New research chair

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab.

Promo card image

  • Required size: 1440x810 pixels
  • Usage: landing, campaign and persuasive pages
  • Text field character limits:
    • Card title: 64 characters
    • Card body: limit to 1-2 sentences for optimal readability
    • CTA button label: 24 characters
Spaghetti noodles, fresh tomatoes and basil on a wooden table.

Card title

Content main image

  • Required size: 1440x810 pixels
  • Usage: content pages
Spaghetti noodles, fresh tomatoes and basil on a wooden table.
Optional caption field for content and persuasive hero images.

Landing page hero (jumbotron)

  • Required size: 3600x2025 pixels
  • Usage: landing pages (including site homepage)

Optional text overlay

  • Headline: max. 24 characters
  • Short description: max. 80 characters
  • Button label: max. 24 characters
    • Can link to internal or external page
    • Can include URL parameters or anchors
Screenshot of a jumbotron image on the UVic homepage
Screenshot of the jumbotron on a large desktop screen.
Screenshot of the jumbotron component on a mobile screen size.
On a small mobile screen, only the headline is visible in the jumbotron text overlay.

Persuasive hero image

  • Required size: 1440x810 pixels
  • Usage: persuasive pages
  • Required size: 1440x810 pixels (landscape images), 967x1450 pixels (portrait images)
  • Usage: campaign pages (contact the university web coordinator)

Storygrid images

Storygrid wide

  • Required size: 520x346 pixels
  • Usage: News, YouTube storygrid blocks

Storygrid square

  • Required size: 520x520 pixels
  • Usage: Instagram storygrid blocks
Pasta ingredients on a wooden table

Overlay card

Required size: 3600x1450 pixels
Usage: persuasive or campaign pages
Optional text caption.