BehaveRespectfully LookDistinctly MovePurposefully SpeakAuthentically ThinkSimply heart_icon

Value Prop

Overview

Value props are block with pictogram, header and brief information about the topic with optional link to detailed page of that topic. Multiple bloacks can be arranged in a group in page.

click here to preview all variations of this component please.

1 Row

Two or more vlaue prop grouped together.

Feature Overview

  • • Optional pictogram/icon
  • • Optional hyperlink

Desktop, tablet and mobile views shown for illustrative purposes:

button allignment
button allignment
button allignment

Multiple Rows

If value props are more than easily fit in one row it has to be devide appropriately in groups to display in multiple rows and centre aligned symatrically.

Feature Overview

  • • Optional pictogram/icon
  • • Optional hyperlink

Desktop, tablet and mobile views shown for illustrative purposes:

button allignment
button allignment
button allignment

Carousel

An alternate way to display multiple value props in singel row is to use a carousel.

Feature Overview

  • • Optional pictogram/icon
  • • Optional hyperlink

Desktop, tablet and mobile views shown for illustrative purposes:

button allignment
button allignment
button allignment

Download