Strip - All types for display
Strips are used to represent a highlighted post or act as a hero for introductory copy, displayed at full container width. It can contain a picture, taxonomy, a headline and a link to the full content, depending the purpose.
| View our following types of strip: |
| Mood | Visual | Hero | Intro | Epic | Moment | Classic | Classic Neutral | Neutral | Circle | Intro Neutral | Tagline | Featur Large Banner |
Strip Mood - Title only, without Button. Recommended in wide view
Strip Visual
A wide strip contain image, title, description and CTA button to another destination as optional to add on it.
The strip can be displayed stand-alone on the page, in the wide section only, and as slider.
The left part behind the text can be blurred to highlight the text on it (on the right-to-left site it will be accordantly, meaning the blurred part will appear below the text on the right) or without blurring.
For the image in this strip it is possible to add text for image credit.
Strip Visual Image
Title + Subtitle + button.
In addition, Image credit can be update on the strip image.
The slider and pagination arrows below the strip.
Strip Visual Image (Title + Button)
Strip Hero
The Hero Strip shows a Rectangular Image with modifiers and a content area with dominant brand color pattern backgrounds. The Hero Strip can be used stand alone or inside a slider.
For the image in this strip it is possible to add text for image credit. In addition, to add bubbles of objects, which will contain an icon or text.
Strip Hero Image/Video+Title+subtitle+Button
Subtitle field as free text, that can contain rich text. That is: bold, paragraphs, links and more.
This strip can also be in a column view, but it is recommended in a wide view.
Strip hero in slider
The slider contains text, an image and a button that leads to another page, and / or with a video that will open in a pop-up window.
Also, the slider can be autoplay includs pause/play controls.
The slider and pagination arrows can be below the strip or on top of the strip. This slider is Slide Effect Mode (Can also setup as Fade Effect Mode).
Strip Hero Image+Text+Button
Free text that can contain rich text. That is: bold, paragraphs, links and more. This strip can also be in a column view, but it is recommended in a wide view▼
Strip Hero Image+Text
Free text that can contain rich text. That is: bold, paragraphs, links and more.
This strip can also be in a column view, but it is recommended in a wide view.
Button fiels is optional.
Strip Intro Image+Text (without Button)
This strip requires an image and it will always be on the left side. However, in the brand, this type can be updated without an image and then the text is the width of the strip.
Strip Epic
The Epic Strip shows a Rectangular Image against a specific pattern background.
On the page use this strip wide or in a container (column). This Strip can be used stand alone or inside a slider.
The position of the image can be on the right or on the left.
For the image in this strip it is possible to add text for image credit. In addition, to add bubbles of objects, which will contain an icon or text.
Circle objects Text
1 or 2 circles
for display
Strip EPIC Column Image+Text+Button
Free text that can contain rich text. That is: bold, paragraphs, links and more.
This strip can also be in a column view, but it is recommended in a wide view.
Circle objects Text
1 or 2 circles
for display
Strip EPIC wide Image+Text+Button
Free text that can contain rich text. That is: bold, paragraphs, links and more.
This strip can also be in a column view, but it is recommended in a wide view.
Strip Moment
The Moment Strip shows a Moment Image against dominant brand color pattern backgrounds.
On the page Use this strip wide or in a container (column). This Strip can be used stand alone or inside a slider.
The position of the image can be on the right or on the left.
Strip Moment Column Image+Text+Button
This strip includes patterns for manual selection by the editor, for the outside and the inside separately.
In addition, this strip includes an image and a circle next to it. In the brand has the option, by choice, for the image to be on the right/left side, and the circle next to it can also be in several positions: top/bottom, right/left.
Strip Moment wide Image+Text+Button
This strip includes patterns for manual selection by the editor, for the outside and the inside separately.
In addition, this strip includes an image and a circle next to it. In the brand has the option, by choice, for the image to be on the right/left side, and the circle next to it can also be in several positions: top/bottom, right/left.
Strip Classic
The Classic Strip shows a Rectangular Image against dominant brand color pattern backgrounds.
On the page use this strip wide or in a container (column). This Strip can be used stand alone or inside a slider.
The position of the image can be on the right or on the left.
For the image in this strip it is possible to add text for image credit. In addition, to add bubbles of objects, which will contain an icon or text.
Strip Classic Column Image+Text+Button
This strip includes patterns for manual selection by the editor, for the outside and the inside separately.
In the brand has the option, by choice, for the image to be on the right/left side.
'Image Objects' can be inserted with text or image.
Strip
Classic
Strip Classic Wide Image+Text+Button
his strip includes patterns for manual selection by the editor, for the outside and the inside separately.
In the brand has the option, by choice, for the image to be on the right/left side.
'Image Objects' can be inserted with text or image.
Strip Classic Neutral
The Classic Neutral Strip shows a Rectangular Image against neutral color pattern backgrounds.
On the page use this strip wide or in a container (column).
The position of the image can be on the right or on the left.
For the image in this strip it is possible to add text for image credit.
Strip Classic Neutral Column (narrow)
Neutral color strip with Title+Text+Image
The position of the image can be on the right or on the left with 'Image Credit'.
Strip Classic Neutral wide
Title+Text+Image.
Neutral color strip with backgrounds pattern according to editor's choice.
The position of the image can be on the right or on the left with 'Image Credit'.
Strip Neutral
The Neutral Strip shows a Moment Image against a neutral background color.
On the page use this strip wide or in a container (column).
The position of the image can be on the right or on the left.
Strip Neutral 01 column
This strip includes an image and a circle in the primary color next to it. In addition there is an option, by choice, for the image to be on the right/left side, and the circle next to it can also be in several positions: top/bottom, right/left. 02
Strip Neutral wide
This strip includes an image and a circle in the primary color next to it. In addition there is an option, by choice, for the image to be on the right/left side, and the circle next to it can also be in several positions: top/bottom, right/left.
Strip Circle
The Strip Circle shows a moment image on neutral gray background.
On the page, use this strip wide only.
The position of the image can be on the right or on the left.
For the image in this strip it is possible to add text for image credit.
Strip Circle wide
This strip includes a moment image on neutral gray background.
In addition there is an option, by choice, for the image to be on the right/left side, with an image credit.
Strip Intro Neutral Image+Text (without Button)
This strip recommended in wide view.
In addition. this strip requires 2 images: for the middle circle and for the logo. In the brand, there is a separate field for the Life Effects logo, where if this field is not populated then the default is the Life Effects logo. However, the logo can be changed to another image.
Strip Tagline wide - Text+Button (without image)
Free text that can contain rich text. This strip can also be in a column view, but it is recommended in a wide view.
CTA Button Strip Tagline wide - Text+Button (without image)Feature Large banner
The Feature Large banner shows a large strip, in background color to choose from 2 options: Brand color or Neutral, combined with a square image.
This banner requires image, text and a button which leads to another page.
The banner can be displayed in a slider (up to 5 banners) or as a single banner.
Usually the use of these banners is as part of the main product catalog page.
Vision Large Banner - Primary
This strip includes an image+Header+Sub header+Button. The color of the strip is chosen by the editor - Primary or Neutral, and can appear as stand alone or inside a slider.
Vision Large Banner - Neutral
This strip includes an image+Header+Sub header+Button. The color of the strip is chosen by the editor - Primary or Neutral, and can appear as stand alone or inside a slider.
Footnotes
-
Back to contents.
This is rich text fiels. any content can be inserted
-
Back to contents.
This is rich text fiels. any content can be inserted