Sustainable and eco-friendly
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis accusantium ipsa, illum tempore deleniti sunt quia quam excepturi ut modi sed cupiditate, dignissimos sint quasi accusamus! Recusandae.
• Shopify Section
Value icons - vertical
The "Value icons - vertical" section creates a distinctive layout that pairs icons with descriptive content in a vertical alignment. Unlike its horizontal counterpart, this section emphasizes the relationship between visual elements and text by placing icons to the left of their corresponding descriptions.
What makes this section special is its sophisticated grid-based layout system that maintains proper spacing and alignment between icons and content. On desktop, it uses a 1:5 ratio grid that gives prominence to the descriptive text while keeping icons visible as visual anchors. On mobile, it gracefully transitions to a stacked layout with centered elements for optimal readability.
The section includes thoughtful features like:
- Entrance animations with six different options (fade-in variations)
- Image filters (grayscale/sepia) for visual consistency
- Independent icon sizing controls for desktop and mobile
- Button styling with hover states
- Customizable typography with separate heading and body font controls
- Flexible content width and padding controls
The implementation prioritizes performance through lazy loading and uses the Intersection Observer API to trigger animations only when content enters the viewport. This makes it particularly effective for longer pages where multiple value propositions need to be displayed without compromising page load times.
Our company values
Donation made from every purchase
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis accusantium ipsa, illum tempore deleniti sunt quia quam excepturi ut modi sed cupiditate, dignissimos sint quasi accusamus! Recusandae.
Family-owned and operated
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis accusantium ipsa, illum tempore deleniti sunt quia quam excepturi ut modi sed cupiditate, dignissimos sint quasi accusamus! Recusandae.
• Style variations
Same section. Completely different stores.
Every example below uses the same Value icons - vertical section just configured differently in the Shopify editor.
Our company values
Plant Based
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis accusantium ipsa, illum tempore deleniti sunt quia quam excepturi ut modi sed cupiditate, dignissimos sint quasi accusamus! Recusandae.
Gluten Free
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis accusantium ipsa, illum tempore deleniti sunt quia quam excepturi ut modi sed cupiditate, dignissimos sint quasi accusamus! Recusandae.
Nut Free
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis accusantium ipsa, illum tempore deleniti sunt quia quam excepturi ut modi sed cupiditate, dignissimos sint quasi accusamus! Recusandae.