Block Variations

Individualize your block content with the 10 available variations
Learn More

Box 1

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box 2

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box 3

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box 4

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box Grey

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box Pink

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box Red

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box Purple

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box Orange

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box Blue

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

No Variation

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Additional Effects & Classes

A collection of additional variations for structural and subtle stylistic adjustments

Effects

Add squared corners to a block
Add rounded corners to a block
Add a shadow effect to a block
Add a different shadow to a block

Utilities

Add low opacity to a block
Center the block content
Apply background to the whole block
Remove outer margin/padding

 Utilities

Align block content to the left
Align block content to the right
Remove outer margin
Remove outer padding