Fade In Style 

Synopsis: The Fade In style option is used in RTE to add fade in up animation. When visitor scrolls down the page, the copy will fade in up instead of just appearing in place all at once.

Usage: All pages.

Requirement: https://fiserv-com.atlassian.net/browse/FC-794

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

Ingredients: 2 Containers, 1 Text component

Fade In style can be aplied to any component title or to the copy which is Rich text editor, In this scenerio fade in style is applied to rich text.

This use case involves an outside container set to full width and an inside container to contain the event list to 1440px.

 

Drive digital transformation

 

Do you have the necessary agility to respond to changes in the market?

Legacy systems or slow, manual processes can hold your bank back and make it more difficult to meet evolving consumer demands, mitigate constantly evolving security threats and more.

 

Scenario 2

Ingredients: 2 Containers, 1 Split Hero Component

Fade In style can be aplied to any component title or to the copy which is Rich text editor, In this scenerio fade in style is applied to split hero rich text fields

This use case involves an outside container set to full width and an inside container to contain the event list to 1440px.

 

Eyebrow Text

Primary Title

Set the stage for mutually beneficial collaboration with a robust ecosystem that expands your options and enhances the consumer experience

Scenario 3

Ingredients: 2 Containers, 1 Proof Point Component

Fade In style can be aplied to any component title or to the copy which is Rich text editor, In this scenerio fade in style is applied to proof point banner rich text fields

This use case involves an outside container set to full width and an inside container to contain the event list to 1440px.

 

Whether you are a large institution, regional bank or community focused bank. We have all solutions.

Mobile Banking

Regional Banks

International Institution