Vertical Listing with Icons panel is a nice way to create a list of connected concepts or steps that can use an icon for some visual interest.
This can be handy for showing a series of steps to follow. You can add an optional connecting line between the icons to link up the sections.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet sapien eget neque hendrerit, eget vulputate nisi ultricies. Donec et tortor scelerisque, semper quam vitae, dictum nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet sapien eget neque hendrerit, eget vulputate nisi ultricies. Donec et tortor scelerisque, semper quam vitae, dictum nibh.
This is useful for a list of linked concepts around a topic. You can add further visual interest by changing the colour and style of the icons. You can have solid or outlined icons.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet sapien eget neque hendrerit, eget vulputate nisi ultricies. Donec et tortor scelerisque, semper quam vitae, dictum nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet sapien eget neque hendrerit, eget vulputate nisi ultricies. Donec et tortor scelerisque, semper quam vitae, dictum nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet sapien eget neque hendrerit, eget vulputate nisi ultricies. Donec et tortor scelerisque, semper quam vitae, dictum nibh.
You can use a soft colour to gently demarcate the panel in the flow of the page. Or use a bold colour for a stronger contrast and statement.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Donec et tortor scelerisque, semper quam vitae, dictum nibh.
Nam laoreet sapien eget neque hendrerit, eget vulputate nisi ultricies.
You can also choose to have a background image to add more visual interest. A simple background works best. You can adjust the brightness to ensure a strong contrast with the overlaid text. Don't forget to check the mobile view to make sure the contrast is also strong there.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet sapien eget neque hendrerit, eget vulputate nisi ultricies. Donec et tortor scelerisque, semper quam vitae, dictum nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet sapien eget neque hendrerit, eget vulputate nisi ultricies. Donec et tortor scelerisque, semper quam vitae, dictum nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet sapien eget neque hendrerit, eget vulputate nisi ultricies. Donec et tortor scelerisque, semper quam vitae, dictum nibh.
