In order to create views that use the Collision display format:

1. You need to have a Content Type (ex. News)
2. Create a view mode which re-uses the Preview List pattern as explained in CERN Components documentation.
3. Create a view and choose Teaser List as Display Format
4. In "Show" option choose Display Suite: Content and as view mode choose the view mode that you created on step 2 that re-uses the Preview List pattern
5. Feel free to re-use any filter criteria, sort criteria, contextual filters and/or any view setting. It won't affect the behavior of the view.

Colors

For each one of the entries in the Teaser List, the colors are set accordingly:

• Title/Link: Inherits the color BODY: Link from the theme color settings.
• Strap: Inherits the color BODY: text from the theme color settings.
• Format / Topic / Date: Inherits the color BODY: text from the theme color settings.
• Card Color: Inherits the color CARDS/BOXES: Card background from the theme color settings. The color is only applied if the node does not have an image set in the image field. The image covers the color.