Card Background

Similar to a Card but allows to define a background image that blends with the content.

Take control with a loan made for you

When to use

Use a Card Bckground to group short pieces of information and highlight them on the screen while providing additional relavance by using a background image in the block.

Position

Vertically aligns the content inside Card Background to Top, Center or Bottom. Horizontally align it to Left, Center or Right.

Take control with a loan made for you

Top Center

Take control with a loan made for you

Center

Take control with a loan made for you

Bottom Center

Color

All the color palettes are available to be used as a background overlay.

Take control with a loan made for you

Orange

Take control with a loan made for you

Grape

Take control with a loan made for you

Lime

See more information on implementing this pattern in the product documentation