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.

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 / 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 / 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

Extraordinary feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Unique selling proposition

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Undiscovered potential

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Easy to use

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Feature / Grid / 4 Col / Vertical / Basic Centered

Extraordinary feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Unique selling proposition

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Undiscovered potential

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Easy to use

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Feature / Grid / 4x2 / Vertical / Basic

Extraordinary feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Unique selling proposition

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Undiscovered potential

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Easy to use

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Clever and good-looking

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Genius and bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

No strings attached

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Well respected

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Feature / Grid / 4x2 / Vertical / Basic Centered

Extraordinary feature

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Unique selling proposition

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Undiscovered potential

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Easy to use

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Clever and good-looking

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Genius and bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

No strings attached

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

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.

Video tutorials

Coming soon...

arrow_upward