Components
Feature / Center / Image
This is a Tagline
Build faster today
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
![Image Placeholder Horizontal](https://cdn.prod.website-files.com/61cc304de2e9d2d899f71703/61cc304de2e9d235e0f71719_Image%20Placeholder%20h.png)
Feature / Center / Video
This is a Tagline
Build faster today
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Feature / Center / Switch 1
This is a Tagline
Build faster today
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Feature 1 description goes here
![Image Placeholder Horizontal](https://cdn.prod.website-files.com/61cc304de2e9d2d899f71703/61cc304de2e9d235e0f71719_Image%20Placeholder%20h.png)
Feature 2 description goes here
![Image Placeholder Horizontal](https://cdn.prod.website-files.com/61cc304de2e9d2d899f71703/61cc304de2e9d235e0f71719_Image%20Placeholder%20h.png)
Feature 3 description goes here
![Image Placeholder Horizontal](https://cdn.prod.website-files.com/61cc304de2e9d2d899f71703/61cc304de2e9d235e0f71719_Image%20Placeholder%20h.png)
Feature / Center / Switch 2
This is a Tagline
Build faster today
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
![Image Placeholder 4 3](https://cdn.prod.website-files.com/61cc304de2e9d2d899f71703/61cc304de2e9d27c6ff7171d_Image%20Placeholder.png)
Feature 1
This is Medium (M) body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
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
![Image Placeholder 4 3](https://cdn.prod.website-files.com/61cc304de2e9d2d899f71703/61cc304de2e9d27c6ff7171d_Image%20Placeholder.png)
Feature 2
This is Medium (M) body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
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
![Image Placeholder 4 3](https://cdn.prod.website-files.com/61cc304de2e9d2d899f71703/61cc304de2e9d27c6ff7171d_Image%20Placeholder.png)
Feature 3
This is Medium (M) body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
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 / Center / Switch 3
This is a Tagline
Build faster today
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Feature 1
This is Medium (M) body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
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
![Image Placeholder 4 3](https://cdn.prod.website-files.com/61cc304de2e9d2d899f71703/61cc304de2e9d27c6ff7171d_Image%20Placeholder.png)
Feature 2
This is Medium (M) body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
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
![Image Placeholder 4 3](https://cdn.prod.website-files.com/61cc304de2e9d2d899f71703/61cc304de2e9d27c6ff7171d_Image%20Placeholder.png)
Feature 3
This is Medium (M) body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
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
![Image Placeholder 4 3](https://cdn.prod.website-files.com/61cc304de2e9d2d899f71703/61cc304de2e9d27c6ff7171d_Image%20Placeholder.png)
Feature / Center / count up
This is a Tagline
Build faster today
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
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 in the center.