Feature - Text Right

Components

Feature / Right 1 / Button
Placeholder Image 1

Stop building from scratch.
Speed up your workflow.

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 / Right 2 / Button
Placeholder Image 1

Stop building from scratch.
Speed up your workflow.

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 / Right 1 / Link
Placeholder Image 1

Stop building from scratch.
Speed up your workflow.

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
Feature / Right 2 / Link
Placeholder Image 1

Stop building from scratch.
Speed up your workflow.

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
Feature / Right 1 / Text Only
Placeholder Image 1

Stop building from scratch.
Speed up your workflow.

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 / Right 2 / Text Only
Placeholder Image 1

Stop building from scratch.
Speed up your workflow.

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 / Right 1 / UL
Placeholder Image 1

Stop building from scratch.
Speed up your workflow.

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
Feature / Right 2 / UL
Placeholder Image 1

Stop building from scratch.
Speed up your workflow.

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
Feature / Right 1 / OL
Placeholder Image 1

Stop building from scratch.
Speed up your workflow.

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
Feature / Right 2 / OL
Placeholder Image 1

Stop building from scratch.
Speed up your workflow.

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
Feature / Right 1 / UL Icon
Placeholder Image 1

Stop building from scratch.
Speed up your workflow.

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
Feature / Right 2 / UL Icon
Placeholder Image 1

Stop building from scratch.
Speed up your workflow.

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
Feature / Right 1 / Icon
Placeholder Image 1
star

Stop building from scratch.
Speed up your workflow.

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 / Right 2 / Icon
Placeholder Image 1
star

Stop building from scratch.
Speed up your workflow.

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 / Right 1 / Features Grid
Placeholder Image 1

Stop building from scratch.
Speed up your workflow.

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.

Feature / Right 2 / Features Grid
Placeholder Image 1

Stop building from scratch.
Speed up your workflow.

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.

Feature / Right 1 / Features Grid Plus Icon
Placeholder Image 1

Stop building from scratch.
Speed up your workflow.

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.

Feature / Right 2 / Features Grid Plus Icon
Placeholder Image 1

Stop building from scratch.
Speed up your workflow.

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.

Feature / Right 1 / Features List
Placeholder Image 1

Stop building from scratch.
Speed up your workflow.

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.

Feature / Right 2 / Features List
Placeholder Image 1

Stop building from scratch.
Speed up your workflow.

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.

Feature / Right 2 / Features List with Icon
Placeholder Image 1

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
Feature / Right 3
Placeholder Image 2

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 / Right 4
Image Placeholder Horizontal

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

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.

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 right side.

arrow_upward