Card

Cards contain content and actions about a single subject

Overview / Hero - AF

 


 

Anatomy

A Card is basically a clickable container that can house content. The content gives an insight of the page or view it is connected to.

Cards can be configured in multiple ways and several card types are available to match a specific purpose. See the ‘Types’ section below.

Overview / Anatomy - AF

 


 

Types

 

Content card

A content card can contain several different content items and an optional image. It can either have a horizontal or vertical layout. Note: the card itself is an interactive container. However, in some situations you may want to mention specifically what the interaction will result in (via a link).

Overview / Content Card - AF

 

Destination card

A destination card highlights a specific destination with additional details about the trip. It has an inspirational purpose and is used within our travel guide.

Overview / Destination Card - AF

 

Deals card

A deals card is created for our ‘best deals’ overview. It highlights a deal an communicates the price and conditions.

Overview / Deals Card - AF