Logo Component

Synopsis: The Logo component is a component that allows authors to create a list of logos. The Logo component can be presented in 2 variations: List Layout and Card Layout. The logos and cards are not clickable

Content Fields:

Logo, Alt text, Eyebrow, Title (Eyebrow and Title only applicable to Card Layout), Scroll speed(in Seconds) (for scroll view only)

Options:

Variation: List Layout, Card Layout, Scroll View

Scroll left (Check box) (for scroll view only)

Background: Fiserv color palette

Recommended Image Specifications: SVG format recommended, logos should be uniform and sized per design need

Usage: All pages.

Note: This should be used as an example only. There will be additional requirements related to each individual component usage and page design, such as font treatments, padding and margin requirements, ADA compliance etc, so please use the below examples for reference only to demonstrate core function.

Scenario 1

List Layout - 8 Logos

Ingredients: 1 Logo component

In this scenerio author has configured logo component as list layout with eight logos on a light gray background. The Logo component does not need to be in a container.

Scenario 2

List Layout - 7 Logos

Ingredients: 1 Logo component

In this scenerio author has configured logo component as list layout with seven logos on a blue background. The Logo component does not need to be in a container.

Scenario 3

List Layout - 4 Logos

Ingredients: 1 Logo component

In this scenerio author has configured logo component as list layout with four logos on a dark gray background. The Logo component does not need to be in a container.

Scenario 4

Card Layout

Ingredients: 1 Logo component

In this scenerio author has configured a logo component with the card layout and four logos. Eyebrow & Title can only be added for card layout and color can be selected from the Fiserv color palette.

Industry Leadership