Standard buttons
Large buttons
File - a block for documents/files
Show news/campaigns with "content types"
Show pizza and accessories etc.
with "woo blocks"
Pizza
Accessories
Two columns with
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus posuere lacus arcu, sit amet tristique sem sollicitudin eu. Quisque neque libero, laoreet ut sem vitae, facilisis placerat lorem. Aliquam sed mi tortor.
Finished spacing
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus posuere lacus arcu, sit amet tristique sem sollicitudin eu. Quisque neque libero, laoreet ut sem vitae, facilisis placerat lorem. Aliquam sed mi tortor.
Backgrounds and grouping of text
... or you can gather several blocks in a group and have a common background
Add background color to the group. Remember to add "2 notches" with Fill (block setting in the right-hand column) to leave space between the content and the edges of the background.
Wide box - Title here
An informative text and a Call To Action button just below.
What do you want the reader to do now?
Full width box - Title here
An informative text and a Call To Action button just below.
What do you want the reader to do now?
Text styles
S text - Lorem ipsum dolor sit amet, consectetur adipiscing elit - 16 px
S text - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Marathon
M text - Lorem ipsum dolor sit amet, consectetur adipiscing elit - 20 px
M text - Lorem ipsum dolor sit amet, consectetur adipiscing elit.
L text - Lorem ipsum dolor sit amet, consectetur adipiscing elit - 28 px
XL text - Lorem ipsum dolor sit amet, consectetur adipiscing elit - 36 px
XXL text - 40 px
Manual
H1 - Lorem ipsum dolor sit amet, consectetur adipiscing elit - 42 Bold
H2 - Lorem ipsum dolor sit amet, consectetur adipiscing elit - 38 Light
H3 - Lorem ipsum dolor sit amet, consectetur adipiscing elit - 30 SemiBold
H4 - Lorem ipsum dolor sit amet, consectetur adipiscing elit - 26 SemiBold
H5 - Lorem ipsum dolor sit amet, consectetur adipiscing elit - 22 SemiBold
H6 - Lorem ipsum dolor sit amet, consectetur adipiscing elit - 18 SemiBold
Images - metadata:
- Alt texts: Must be completed to meet accessibility requirements. Describe the subject of the image in simple terms for those who cannot see the image.
- Caption / Caption: We display below individual images and in gallery lightbox view.
Image in text width
Image wide width
Two images in width (gallery)