Profile card Component

Synopsis: The Profile card component is used to create profile with image, title, name and cta within the column control. Below you will find an example of the profile card. 

Content Fields: Image, Alt TextTitle, Name, CTA.

Options:

Background color: Fiserv color palette,

Arrow color.Fiserv color palette

Usage: About page. 

Note: This should be used within column control with 33/33/33 variation only. In this component background for Text area and Arrow colors are autharable.

This should be used as an example only. 

 

Scenario 1

Ingredients: Two Containers, Column control with 33/33/33, Profile card.

In this example we used background color for text area is Prussian blue and Arrow and CTA text colors as white.