This page demonstrates patterns intended for use landing pages. These patterns should be used with the Landing Page template: an edge-to-edge page with no sidebar. You can switch a page’s template by opening the Page Settings Sidebar. Click “Template” to change to a different template.
These patterns are not designed to be placed in sidebar pages.
Landing patterns demonstrate basic background colors and texture options, but there are lots of additional customizations available. See Group Texture Variants for a complete list of available texture and background options.
Starter Landing Row
You can use this basic landing row to build an almost infinite amount of design combinations for landing page rows. To keep the building block simple, it has only the necessary wrappers and padding, and includes one Section Intro pattern.
Safety that just works.
A complete safety ecosystem built on one principle: when someone needs help, nothing should stand in the way.
Protect your people. Without the complexity.
The safety platform that deploys in days, requires zero IT integration, and achieves 100% staff adoption. Because when someone needs help, everything else should just work.
15-minute call • No obligation • See it for your industry
No one should feel unsafe at work.
That’s the belief that drives everything we do. It’s why we started ROAR, and it’s why we keep pushing to make workplace safety simpler, more effective, and more accessible.
Logo Grid Headline
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Logo Grid Headline
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
50/50 Column Headline
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem est, imperdiet in mattis quis, malesuada a magna. Suspendisse id faucibus ligula. Aliquam ultricies nisl eu massa dignissim semper. Mauris tempus metus metus, tempus consectetur dolor aliquam feugiat. Sed nulla tortor.
- List item one.
- List item two.
- List item three.
50/50 Column Headline
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem est, imperdiet in mattis quis, malesuada a magna. Suspendisse id faucibus ligula. Aliquam ultricies nisl eu massa dignissim semper. Mauris tempus metus metus, tempus consectetur dolor aliquam feugiat. Sed nulla tortor.
- List item one.
- List item two.
- List item three.
50/50 Column Headline
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem est, imperdiet in mattis quis, malesuada a magna. Suspendisse id faucibus ligula. Aliquam ultricies nisl eu massa dignissim semper. Mauris tempus metus metus, tempus consectetur dolor aliquam feugiat. Sed nulla tortor.
- List item one.
- List item two.
- List item three.
50/50 Column Headline
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem est, imperdiet in mattis quis, malesuada a magna. Suspendisse id faucibus ligula. Aliquam ultricies nisl eu massa dignissim semper. Mauris tempus metus metus, tempus consectetur dolor aliquam feugiat. Sed nulla tortor.
- List item one.
- List item two.
- List item three.
50/50 Column Headline
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem est, imperdiet in mattis quis, malesuada a magna. Suspendisse id faucibus ligula. Aliquam ultricies nisl eu massa dignissim semper. Mauris tempus metus metus, tempus consectetur dolor aliquam feugiat. Sed nulla tortor.
- List item one.
- List item two.
- List item three.
50/50 Column Headline
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lorem est, imperdiet in mattis quis, malesuada a magna. Suspendisse id faucibus ligula. Aliquam ultricies nisl eu massa dignissim semper. Mauris tempus metus metus, tempus consectetur dolor aliquam feugiat. Sed nulla tortor.
- List item one.
- List item two.
- List item three.