Commerical Push

A Commercial Push is a card that contains a cross-sell or up-sell message.

A Commercial Push is to be used for marketing/commercial purposes in cases where a logical cross/up-sell opportunity presents itself. It should incentivise conversion in a nice and subtle way while blending in with the UI and the normal layout of the page.

Anatomy

  1. Image. Any image relevant.
  2. Background. Using color-accentblue-200 in this instance.
  3. Header. Using typography-heading-4 in this instance.
  4. Body. Using typography-paragraph-regular in this instance.
  5. Action. Using button-textual-large16 in this instance.

Component Health

Component checklist

Is documented

The component is fully documented

Figma component

Includes a link to a Figma component that has been imported to Supernova

Open in Figma

Status

The component has a health status indicated

Missing

Repository

Includes a link to an external code repository

-