Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Paddings

For better visibility, the background of the boxes is dark blue and the inner content white. A small gutter was used to separate the columns.

.padding_0

.padding_small

.padding_regular

.padding_large

Margins

For better visibility, the background of the inner boxes is dark blue and the outer content light blue. The margin only applies to top and bottom.

.margin_0

.margin_small

.margin_regular

.margin_large

Typography

text_giant

text_huge

text_biggerbig

text_big

text_smallbig

text_large

text_minilarge

text_biggerregular

text_regular

text_small

Presets for spacing

Use either the default value (lies between 3 and 4), 5 or 7

1 for all margins & paddings

2 for all margins & paddings

3 for all margins & paddings

4 for all margins & paddings

5 for all margins & paddings

6 for all margins & paddings

10 Break-Out Sessions

Sign up for our Newsletter