All containers have 2.5rem (40px) Left & Right
All containers have a global gap of 1.5rem(24px)
XXL Container - Top & Bottom 7.5rem (120px)
XL Container - Top & Bottom 6.25rem (100px)
L Container - Top & Bottom 5rem (80px)
M Container - Top & Bottom 3.75rem (60px)
S Container - Top & Bottom 2.5rem (40px)
S Container - Top & Bottom 53.125rem (850px)
L Blocks
L Block Text - 60px(3.75rem) by 24 px(1.5rem)
Padding - 6px(0.375rem) border radius
Gap - 40px(2.5rem)
L Block Text - 60px(3.75rem) by 24 px(1.5rem)
Padding - 6px(0.375rem) border radius
Gap - 40px(2.5rem)
L Block Text - 60px(3.75rem) by 24 px(1.5rem)
Padding - 6px(0.375rem) border radius
Gap - 40px(2.5rem)
M Blocks
L Block Text - 40px(2.5rem) by 20 px(1.25rem)
Padding - 4.5px(0.281rem) border radius
Gap - 24px(1.5rem)
L Block Text - 40px(2.5rem) by 20 px(1.25rem)
Padding - 4.5px(0.281rem) border radius
Gap - 24px(1.5rem)
L Block Text - 40px(2.5rem) by 20 px(1.25rem)
Padding - 4.5px(0.281rem) border radius
Gap - 24px(1.5rem)
S Blocks
L Block Text - 24px(1.5rem) by 20 px(1.25rem)
Padding - 4px(0.25rem) border radius
Gap - 16px(1rem)
L Block Text - 24px(1.5rem) by 20 px(1.25rem)
Padding - 4px(0.25rem) border radius
Gap - 16px(1rem)
L Block Text - 24px(1.5rem) by 20 px(1.25rem)
Padding - 4px(0.25rem) border radius
Gap - 16px(1rem)
Images
Icons
This is the heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
This is the heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
This is the heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Image Boxes
This is the heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
This is the heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
This is the heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Images Boxes Manual
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.