Feature - Text Left

Components

Feature / Left 1 / Button

Save time on design.
Focus on your customers.

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

Placeholder Image 2
Feature / Left 2 / Button

Save time on design.
Focus on your customers.

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

Placeholder Image 2
Feature / Left 1 / Link

Save time on design.
Focus on your customers.

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

Learn how it works
arrow_forward
Placeholder Image 2
Feature / Left 2 / Link

Save time on design.
Focus on your customers.

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

Learn how it works
arrow_forward
Placeholder Image 2
Feature / Left 1 / Text Only

Save time on design.
Focus on your customers.

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

Placeholder Image 2
Feature / Left 2 / Text Only

Save time on design.
Focus on your customers.

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

Placeholder Image 2
Feature / Left 1 / UL

Save time on design.
Focus on your customers.

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

  • Benefit goes here
  • Benefit goes here
  • Benefit goes here
Placeholder Image 2
Feature / Left 2 / UL

Save time on design.
Focus on your customers.

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

  • Benefit goes here
  • Benefit goes here
  • Benefit goes here
Placeholder Image 2
Feature / Left 1 / OL

Save time on design.
Focus on your customers.

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

  1. Benefit goes here
  2. Benefit goes here
  3. Benefit goes here
Placeholder Image 2
Feature / Left 2 / OL

Save time on design.
Focus on your customers.

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

  1. Benefit goes here
  2. Benefit goes here
  3. Benefit goes here
Placeholder Image 2
Feature / Left 1 / UL Icon

Save time on design.
Focus on your customers.

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

  • check
    This is a list item with an icon
  • check
    This is a list item with an icon
  • check
    This is a list item with an icon
Placeholder Image 2
Feature / Left 2 / UL Icon

Save time on design.
Focus on your customers.

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

  • check
    This is a list item with an icon
  • check
    This is a list item with an icon
  • check
    This is a list item with an icon
Placeholder Image 2
Feature / Left 1 / Icon
star

Save time on design.
Focus on your customers.

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

Placeholder Image 2
Feature / Left 2 / Icon
star

Save time on design.
Focus on your customers.

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

Placeholder Image 2
Feature / Left 1 / Features Grid

Save time on design.
Focus on your customers.

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

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Placeholder Image 2
Feature / Left 2 / Features Grid

Save time on design.
Focus on your customers.

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

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Placeholder Image 2
Feature / Left 1 / Features Grid Plus Icons

Save time on design.
Focus on your customers.

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

star

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

star

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Placeholder Image 2
Feature / Left 2 / Features Grid Plus Icons

Save time on design.
Focus on your customers.

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

star

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

star

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Placeholder Image 2
Feature / Left 1 / Features List

Save time on design.
Focus on your customers.

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

Feature

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

Feature

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

Placeholder Image 2
Feature / Left 2 / Features List

Save time on design.
Focus on your customers.

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

Feature

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

Feature

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

Placeholder Image 2
Feature / Left 2 / Features List with Icon

Save time on design.
Focus on your customers.

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

star
Super feature
star
Super feature
star
Super feature
Placeholder Image 2
Feature / Left 3

Save time on design.
Focus on your customers.

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

Placeholder Image 2
Feature / Left 4

Save time and focus on your customers

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

Image Placeholder Horizontal

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading

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 with the text on the left side.

arrow_upward