Picture & Spacing rules

Pictures

Increase proportionally in size while the viewport expands until the next breakpoint is reached. Once reached, a new picture is added to the row and pictures are back to their original size. Pictures are supplied by the webservice of the Digital Asset Management tool.

image1
image2
image3
image4

Pictures

Use the standard spacing units and look at the usage example below for reference.

10
15
25
40
50
60

Note

The haptical / clickable area is always min 40px wide / high.