Overview

The Navigational Card component allows the content author to easily create a link to further content using an image, title, or rich text and linking to further content or other actions.

Edit this section, Opens in new window

Variations

Type Purpose
Studio Navigational Card
Lifestyle Navigational Card
Text Navigational Card
Image Navigational Card
Edit this section, Opens in new window

Behaviours

Text boxes

The Text Navigational Cards can be boxed in:

Edit this section, Opens in new window

Usage

Do not use buttons in navigational cards
Only use standalone links if you want a link displayed.
Edit this section, Opens in new window

Anatomy

Studio Navigational Cards
  1. Studio image
  2. Title
  3. Description (optional)
Image Navigational Cards
  1. Image
  2. Title
Lifestyle Navigational Cards
  1. Lifestyle image
  2. Title
  3. Description
Text Navigational Cards
  1. Title
  2. Description
Text Navigational Cards

This example is in a two column layout, specially made for the Text Navigational Card.

  1. Title
  2. Description
Edit this section, Opens in new window

Specs

Edit this section, Opens in new window
Contact us, Opens in new window