skip to content
Contact
Home
Search

Callout box

Good for:

  • Basic cards that don't have too much text
  • Highlighting things and making them stand out
  • CTA Box substitute if a CTA button is not needed
  • Being used as an additional nav element

Page type used: Callout box card

Can be used in all row options

Mobile: Stacks

Logic: 

  • All cards in a single row will have the same height
  • 3 card version: Each box is 33.33% wide even when there are less than 3 cards
  • 4 card version: Each box is 25% wide even when there are less than 4 cards
  • 5 card version: Each box is 20% wide even when there are less than 5 cards

Specs:

  • Card alignment: Defaulted to the left but can be centered
  • Card background colour:
    • White
    • Charcoal
    • Grey (E7)
    • Light grey (F2)
    • None (transparent)
  • Card text colour:
    • Charcoal
    • White
  • Card border colour:
    • Charcoal
    • White
  • Ability to choose up to 5 cards per row
  • CTA's can be opened in a new window
  • Tip: Best to have roughly the same amount of "description" text for each card to make them look consistent

White cards with border

4 cards per row & centered

Optional - Character limit: 2000

Optional - Character limit: 2000 - Text box

Optional - Can open in new window - Character limit: 2000
This is the card title

This is the card text: Basic formating can be done in this card.

Special notes: Hitting enter in this editor does a soft return (<br />) and hitting shift + enter does a hard return (<p>). Do not hit enter twice to mimic a hard return!

Bullet lists Link text
Mercury
The smallest planet in our solar system and nearest to the Sun, Mercury is only slightly larger than Earth's Moon.
Explore Mercury
Venus
Venus is the second planet from the Sun and is Earth’s closest planetary neighbor. It’s one of the four inner, terrestrial (or rocky) planets, and it’s often called Earth’s twin because it’s similar in size and density.
Explore Venus
Earth
Earth—our home planet—is the only place we know of so far that’s inhabited by living things. It's also the only planet in our solar system with liquid water on the surface.
Explore Earth
Mars is a dusty, cold, desert world with a very thin atmosphere. There is strong evidence Mars was—billions of years ago—wetter and warmer, with a thicker atmosphere.
Jupiter

Charcoal with 3 cards per row

Left aligned

Earth
Earth—our home planet—is the only place we know of so far that’s inhabited by living things. It's also the only planet in our solar system with liquid water on the surface.
Explore Earth
Mars
Mars is a dusty, cold, desert world with a very thin atmosphere. There is strong evidence Mars was—billions of years ago—wetter and warmer, with a thicker atmosphere.
Mercury
The smallest planet in our solar system and nearest to the Sun, Mercury is only slightly larger than Earth's Moon.
Explore Mercury
Venus
Venus is the second planet from the Sun and is Earth’s closest planetary neighbor. It’s one of the four inner, terrestrial (or rocky) planets, and it’s often called Earth’s twin because it’s similar in size and density.
Explore Venus

White with 4 cards per row

Earth
Earth—our home planet—is the only place we know of so far that’s inhabited by living things. It's also the only planet in our solar system with liquid water on the surface.
Explore Earth
Mars
Mars is a dusty, cold, desert world with a very thin atmosphere. There is strong evidence Mars was—billions of years ago—wetter and warmer, with a thicker atmosphere.
Mercury
The smallest planet in our solar system and nearest to the Sun, Mercury is only slightly larger than Earth's Moon.
Explore Mercury
Venus
Venus is the second planet from the Sun and is Earth’s closest planetary neighbor. It’s one of the four inner, terrestrial (or rocky) planets, and it’s often called Earth’s twin because it’s similar in size and density.
Explore Venus

A single card - Centered

Earth
Earth—our home planet—is the only place we know of so far that’s inhabited by living things. It's also the only planet in our solar system with liquid water on the surface.
Explore Earth

Light version

Earth
Earth—our home planet—is the only place we know of so far that’s inhabited by living things. It's also the only planet in our solar system with liquid water on the surface.
Explore Earth
Mars
Mars is a dusty, cold, desert world with a very thin atmosphere. There is strong evidence Mars was—billions of years ago—wetter and warmer, with a thicker atmosphere.
Mercury
The smallest planet in our solar system and nearest to the Sun, Mercury is only slightly larger than Earth's Moon.
Explore Mercury
Venus
Venus is the second planet from the Sun and is Earth’s closest planetary neighbor. It’s one of the four inner, terrestrial (or rocky) planets, and it’s often called Earth’s twin because it’s similar in size and density.
Explore Venus

Alternative light version

Earth
Earth—our home planet—is the only place we know of so far that’s inhabited by living things. It's also the only planet in our solar system with liquid water on the surface.
Explore Earth
Mars
Mars is a dusty, cold, desert world with a very thin atmosphere. There is strong evidence Mars was—billions of years ago—wetter and warmer, with a thicker atmosphere.
Mercury
The smallest planet in our solar system and nearest to the Sun, Mercury is only slightly larger than Earth's Moon.
Explore Mercury
Venus
Venus is the second planet from the Sun and is Earth’s closest planetary neighbor. It’s one of the four inner, terrestrial (or rocky) planets, and it’s often called Earth’s twin because it’s similar in size and density.
Explore Venus