Feature - Grid

Components

Feature / Grid / 2 Col / Vertical / Basic

Extraordinary feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Unique selling proposition

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Feature / grid / 2 Col / Horizontal / Basic

Extraordinary feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Unique selling proposition

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Feature / Grid / 2x2 / Vertical / Basic

Extraordinary feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Unique selling proposition

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Undiscovered potential

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Easy to use

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Feature / Grid / 2x2 / Horizontal / Basic

Extraordinary feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Unique selling proposition

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Undiscovered potential

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Easy to use

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Feature / grid / 3 Col / Vertical / Basic

Extraordinary feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Unique selling proposition

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Undiscovered potential

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Feature / Grid / 3 Col / Vertical / Plus Link

Extraordinary feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Unique selling proposition

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

arrow_forward

Undiscovered potential

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

arrow_forward
Feature / Grid / 3 Col / Vertical / Basic Centered

Extraordinary feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Unique selling proposition

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Undiscovered potential

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Feature / Grid / 3 Col / Vertical / Plus Link Centered

Extraordinary feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Unique selling proposition

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Undiscovered potential

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Feature / grid / 3 Col / Vertical / CountUp
100
+

Awesome items

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

300
+

Awesome items

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

500
+

Awesome items

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Feature / grid / 3x2 / Vertical / CountUp
100
+

Awesome items

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

300
+

Awesome items

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

500
+

Awesome items

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

700
+

Awesome items

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

800
+

Awesome items

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

1000
+

Awesome items

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Feature / Grid / 3x2 / Vertical / Basic

Extraordinary feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Unique selling proposition

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Undiscovered potential

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Easy to use

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Clever and good-looking

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Genius and bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Feature / Grid / 3x2 / Vertical / Plus Link

Extraordinary feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Unique selling proposition

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Undiscovered potential

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Easy to use

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Clever and good-looking

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Genius and bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Feature / Grid / 3x2 / Vertical / Basic Centered

Extraordinary feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Unique selling proposition

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Undiscovered potential

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Easy to use

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Clever and good-looking

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Genius and bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Feature / Grid / 3x2 / Vertical / Plus Link Centered

Extraordinary feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Unique selling proposition

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Undiscovered potential

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Easy to use

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Clever and good-looking

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Genius and bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Feature / Grid / 3 Col / Horizontal / Basic

Extraordinary feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Unique selling proposition

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Undiscovered potential

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature / Grid / 4 Col / Vertical / Basic
star

Extraordinary feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

star

Unique selling proposition

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

star

Undiscovered potential

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

star

Easy to use

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Feature / Grid / 4 Col / Vertical / Basic Centered
star

Extraordinary feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

star

Unique selling proposition

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

star

Undiscovered potential

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

star

Easy to use

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Feature / Grid / 4x2 / Vertical / Basic
star

Extraordinary feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

star

Unique selling proposition

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

star

Undiscovered potential

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

star

Easy to use

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

star

Clever and good-looking

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

star

Genius and bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

star

No strings attached

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

star

Well respected

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Feature / Grid / 4x2 / Vertical / Basic Centered
star

Extraordinary feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

star

Unique selling proposition

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

star

Undiscovered potential

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

star

Easy to use

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

star

Clever and good-looking

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

star

Genius and bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

star

No strings attached

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

star

Well respected

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Best Practices

Use components to build interfaces. Search the component's name in the Component panel (Shift + A) or use quick search (Ctrl + E). Once you added a Component to your page unlink it to make changes. Right-click on the symbol’s label and choose unlink from symbol. This is the rule. We use overrides only as an exception for simple components that you'd rather want to re-style on the specific page within Style Guide (buttons, toggles etc. - mostly atoms).

Component Description

A simple section to describe your product's features in a responsive grid.

arrow_upward