Card with Ticker
A Card with Ticker component is designed to present key information in a clear, compact format. It features a card layout that can include a prominent number, along with customizable text areas at the top and bottom.
132
billion
When to use
Use this component to present key metrics, summarized figures, and KPIs. Its adaptable design makes it perfect for showcasing updates, performance indicators, or important messages in a clear and engaging format.
How to use
- Сard style. Standard card (Hover card currently not in use).
- Color. The main digital color palette is available to use within this component (other colors in the list are not for use). When applicable, select colors that align with the designated section colors for consistency. If section colors are not defined, choose colors that complement the overall look and feel of the page.
- Placement. This component has been designed to be used inside Layouts only, specifically in Layout Columns - 100, Layout Columns - 50, Layout Columns - 33, and Layout Columns - 25.
Additional considerations
- Recommended top text length: 20 - 100 characters (max. 200)
- Recommended bottom text length: 20 - 100 characters (max. 200)
Example
See this component in use:
Sustainability at Nestlé (Card with Ticker in Layout Columns - 50)
Water (Card with Ticker in Layout Columns - 100)
