Tile component

Desktop view

The tile component consists of a title and optional icon, text and badge
If link has been set:
- Internal arrow is placed on top-right of the tile and has animation on hover
- Title is underlined on hover
- Tile has a shadow and it is more pronounced on hover
- Whole Tile is the clickable area
Color options
- white
- chalk
- ivory
If several (2-4) tiles are displayed next to each other and the height of the tiles is not the same, the tiles can be placed in a tile box. Then all tiles have the same height.
Badge can be displayed with two color variations: dark or gray
- Make sure it's just a short and concise word

Use this component if you want to add a link to another page that should be displayed more prominently than a normal link.
Use the tile box component if you would like to implement more then one tile in a row. With that you make sure that all tiles have the same size.