Strip - All types for display
Strips organise content into visual sections, making navigation easier and enhancing design by creating breaking up between text and images.
The strip can be displayed full width, wide with margins and inside slider.
The strip contains: image, title, description text and CTA button.
View our following types of strip:
Circle | Classic | Classic Neutral | Epic | Hero | Intro | Intro Neutral | Moment | Mood | Neutral | Tagline | Visual
Strip Visual
The Strip, type: Visual shows wide Image across the strip.
This strip can be displayed full width, wide with margins and in a slider.
This strip contains: title (including a dash next to it or without it), description text and CTA button to another destination.
Optional for the left part to be blurred to emphasise the text (on a Right-to-Left site it will be on the right).
In addition, it is possible to add credit text to the image, it will be displayed on the left side, but only if the left part is not set to blur.
Please note, on this strip, it is recommended to use two fields only: title and description or title and button.
Image dimensions: 1920 x 530 (normal) pixels / 2688 x 742 (hidpi) pixels.
Please note, it is recommended to use the Focal Point feature to align the image with the component,
as long as the image dimensions are equal to or larger than those of the component.
This strip can display video. Please see further information on the video types page.
Short description above the title (optional)
It contains a title (optional to dash next to the title),
description text, and a CTA button.
Also, blurring the left part to emphasise the text is optional.
Short description above the title (optional)
Contains title (including a dash next to it), description text, CTA button.
Optional for the left part to be blurred to emphasise the text.
Strip Visual in Slider
Strip Visual in slider01
The slider in this strip can be wide with margins, and full width.
Contains: title, description text, CTA button. 02
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on top of the strip. This slider is Fade effect mode (optional to Slide effect mode).
Short description above the title (optional)
Strip Hero
The Strip, type: Hero shows a rectangular Image on dominant brand background color.
The strip can be displayed wide with margins (recommended), narrow and with a slider (without the full width).
This strip contains: image, title (including a dash next to it or without it), description text and CTA button to another destination.
The image position in this strip can be on the right side only (on a Right-to-Left site it will be on the left).
In addition, it is possible to add credit text to the image and objects (bubbles) that contain an icon or text.
Image dimensions: 910 x 530 (normal) pixels / 1820 x 1060 (hidpi) pixels.
Please note, it is recommended to use the Focal Point feature to align the image with the component,
as long as the image dimensions are equal to or larger than those of the component.
This strip can display video. Please see further information on the video types page
Strip Hero column - Image+Text+Button01
Contains: title (without a dash next to title), description text, CTA button. The image position can be on the right side.
The description text can contain rich text.
Circle objects
for text/icon
Short description above the title (optional)
Strip Hero wide - Image+Text+Button▼
Contains: title, description text, CTA button. The image position can be on the right side.
The description text can contain rich text.
Strip Hero in Slider
Strip Hero in slider
Contains: title (without a dash next to title), description text, CTA button. The image position can be on the right side. The description text can contain rich text.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on the strip. This slider is Slide effect mode (optional to Fade effect mode).
Circle objects
for text/icon
Strip Hero in slider
Contains: title, description text, CTA button. The image position can be on the right side. The description text can contain rich text.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on the strip. This slider is Slide effect mode (optional to Fade effect mode).
Strip Hero in slider
Contains: title, description text, CTA button. The image position can be on the right side. The description text can contain rich text.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on the strip. This slider is Slide effect mode (optional to Fade effect mode).
Strip Epic
The Strip, type: Epic shows a rectangular Image on dominant brand background color.
This strip can be displayed narrow (column), full width, wide with margins and in a slider.
This strip contains: image, title, description text, taxonomy tag and CTA button to another destination.
The image position in this strip can be on the right or the left side.
In addition, it is possible to add credit text to the image and objects (bubbles) that contain an icon or text.
Image dimensions: 720 x 530 (normal) pixels / 1440 x 1060 (hidpi) pixels.
Please note, it is recommended to use the Focal Point feature to align the image with the component,
as long as the image dimensions are equal to or larger than those of the component.
This strip can display video. Please see further information on the video types page
Strip Epic column Image + Text + Button
Contains: title, description text, CTA button. The image position can be on the left/ right side.
The description text can contain rich text â–¼
Circle objects
for text/icon
Strip EPIC wide Image+Text+Button01
Contains: title, description text, CTA button. The image position can be on the left/ right side.
The description text can contain rich text.
Circle objects
for text/icon
Strip Epic Full Width
Image+Text+Button
Contains: title, description text, CTA button. The image position can be on the left/ right side.
The description text can contain rich text.
Strip Epic In Slider
Strip Epic In slider
Contains: title, description text, CTA button. The image position can be on the left/ right side. The description text can contain rich text.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on top of the strip. This slider is Fade effect mode (optional to Slide effect mode).
Strip Epic in slider
Contains: title, description text, CTA button. The image position can be on the left/ right side. The description text can contain rich text.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on top of the strip. This slider is Fade effect mode (optional to Slide effect mode).
Strip Epic in slider
Contains: title, description text, CTA button. The image position can be on the left/ right side. The description text can contain rich text.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on top of the strip. This slider is Fade effect mode (optional to Slide effect mode).
Strip Classic
The Strip, type: Classic shows a rectangular Image on a dominant brand background color.
This strip can be displayed narrow (column), full width, wide with margins and in a slider.
This strip contains: image, title, description text, taxonomy tag and CTA button to another destination.
The image position in this strip can be on the right or the left side.
In addition, it is possible to add credit text to the image and objects (bubbles) that contain an icon or text.
On Teva's brand color, it is possible to add a pattern of texture to the outer and the Inner part (plain, dots, circle, dashes, lines).
Image dimensions: 520 x 460 (normal) pixels / 1040 x 920 (hidpi) pixels.
Please note, it is recommended to use the Focal Point feature to align the image with the component,
as long as the image dimensions are equal to or larger than those of the component.
This strip can display video. Please see further information on the video types page
Strip Classic Column Image+Text+Button 01
Contains: title, description text, CTA button. The image position can be on the left/ right side.
The description text can contain rich text.
Circle objects
for text/icon
Strip Classic Wide Image+Text+Button
Contains: title, description text, CTA button. The image position can be on the left/ right side.
The description text can contain rich text.
Circle objects
for text/icon
Strip Classic Full Width Image+Text+Button
Contains: title, description text, CTA button. The image position can be on the left/ right side.
The description text can contain rich text.
Strip Classic in Slider
Strip Classic In slider
Contains: title, description text, CTA button. The image position can be on the left/ right side. The description text can contain rich text.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on top of the strip. This slider is Slide effect mode (optional to Fade effect mode).
Strip Classic In slider
Contains: title, description text, CTA button. The image position can be on the left/ right side. The description text can contain rich text.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on top of the strip. This slider is Slide effect mode (optional to Fade effect mode).
Strip Classic In slider
Contains: title, description text, CTA button. The image position can be on the left/ right side. The description text can contain rich text.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on top of the strip. This slider is Slide effect mode (optional to Fade effect mode).
Strip Classic Neutral
The Strip, type: Classic Neutral shows a rectangular Image on a neutral gray background.
This strip can be displayed narrow (column), full width, wide with margins and in a slider.
This strip contains: image, title, description text, taxonomy tag and CTA button to another destination.
The image position in this strip can be on the right or the left side.
In addition, it is possible to add credit text to the image.
On Teva's brand color, it is possible to add a pattern of texture to the outer part only (plain, dots, circle, dashes, lines).
Image dimensions: 520 x 460 (normal) pixels / 1040 x 920 (hidpi) pixels.
Please note, it is recommended to use the Focal Point feature to align the image with the component,
as long as the image dimensions are equal to or larger than those of the component.
Strip Classic Neutral Column (narrow)
Neutral color strip with Title+Text+Image
Contains: title, description text, CTA button. The image position can be on the left/ right side.
The description text can contain rich text.
Strip Classic Neutral wide
Title+Text+Image.
Contains: title, description text, CTA button. The image position can be on the left/ right side.
The description text can contain rich text.
Strip Classic Neutral Full Width
Title+Text+Image.
Contains: title, description text, CTA button. The image position can be on the left/ right side.
The description text can contain rich text.
Strip Classic Neutral in Slider
Strip Classic Neutral in slider
Contains: title, description text, CTA button. The image position can be on the left/ right side. The description text can contain rich text.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on top of the strip. This slider is Fade effect mode (optional to Slide effect mode).
Strip Classic Neutral in slider
Contains: title, description text, CTA button. The image position can be on the left/ right side. The description text can contain rich text.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on top of the strip. This slider is Fade effect mode (optional to Slide effect mode).
Strip Classic Neutral in slider
Contains: title, description text, CTA button. The image position can be on the left/ right side. The description text can contain rich text.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on top of the strip. This slider is Fade effect mode (optional to Slide effect mode).
Strip Intro
The Strip, type: Intro shows moment Image on a dominant brand background color.
This strip can be displayed narrow (column), full width, wide with margins and in a slider.
This strip contains: image (optinal), title, description text (however, without a button).
If the strip contains text only - the position can be width across the strip.
If the strip contains image - the position can be on the left side only (on a Right-to-Left site it will be on the right).
Image dimensions: 540 x 540 (normal) pixels / 1080 x 1080 (hidpi) pixels.
Please note, it is recommended to use the Focal Point feature to align the image with the component,
as long as the image dimensions are equal to or larger than those of the component.
Strip Intro wide Image+Text (without Button)
Contains: title, description text. The image position can be on the left side only. The description text can contain rich text.
Strip Intro Full Width Image+Text (without Button)
Contains: title, description text. The image position can be on the left side only. The description text can contain rich text.
Strip Intro text only Full Width
Description text is optional
Strip Intro in Slider
Short description above the title (optional)
Strip Intro in slider
Contains: title, description text. The image position can be on the Left side. The description text can contain rich text.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on the strip. This slider is Fade effect mode (optional to Slide effect mode).
Strip Intro in slider
Contains: title, description text. The image position can be on the Left side. The description text can contain rich text.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on the strip. This slider is Fade effect mode (optional to Slide effect mode).
Short description above the title (optional)
Strip Intro in slider
Contains: title, description text. The image position can be on the Left side. The description text can contain rich text.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on the strip. This slider is Fade effect mode (optional to Slide effect mode).
Strip Intro Neutral
The Strip, type: Intro Neutral shows two moment Images on on a neutral gray background.
This strip can be displayed full width, wide with margins and in a slider.
This strip contains: 2 images, title, and description text (however, without a button).
The first top image, by default, is the Life-Effects logo however, it can change manually to any other image.
Image dimensions: 540 x 540 (normal) pixels / 1080 x 1080 (hidpi) pixels.
Please note, it is recommended to use the Focal Point feature to align the image with the component,
as long as the image dimensions are equal to or larger than those of the component.
Strip Intro Neutral wide Image+Text (without Button)
Contains: title, description text. The images position can be on the left side only. The description text can contain rich text.
This strip requires 2 images: the first top image, by default, is the Life-Effects logo however, it can be changed manually to any other image. the second image is to choose freely.
Strip Intro Neutral full width Image+Text (without Button)
Contains: title, description text. The images position can be on the left side only. The description text can contain rich text.
This strip requires 2 images: the first top image, by default, is the Life-Effects logo however, it can be changed manually to any other image. the second image is to choose freely.
Strip Intro Neutral in Slider
Strip Intro Neutral in slider
Contains: title, description text., 2 images on the Right side. The description text can contain rich text.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on the strip. This slider is Fade effect mode (optional to Slide effect mode).
Strip Intro Neutral in slider
Contains: title, description text., 2 images on the Right side. The description text can contain rich text.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on the strip. This slider is Fade effect mode (optional to Slide effect mode).
Strip Intro Neutral in slider
Contains: title, description text., 2 images on the Right side. The description text can contain rich text.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on the strip. This slider is Fade effect mode (optional to Slide effect mode).
Strip Circle
The Strip, type: Circle shows a moment image on a neutral gray background.
This strip can be displayed full width, wide with margins and in a slider.
This strip contains: image, title, description text, taxonomy tag and CTA button to another destination.
The image position in this strip can be on the right or the left side.
In addition, it is possible to add credit text to the image.
Image dimensions: 540 x 540 (normal) pixels / 1080 x 1080 (hidpi) pixels.
Please note, it is recommended to use the Focal Point feature to align the image with the component,
as long as the image dimensions are equal to or larger than those of the component.
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 Circle Full Width
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 Circle in Slider
Strip Circle in slider
Contains: title, description text, CTA button. The image position can be on the left/ right side. The description text can contain rich text.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on top of the strip. This slider is Slide effect mode (optional to Fade effect mode).
Strip Circle in slider
Contains: title, description text, CTA button. The image position can be on the left/ right side. The description text can contain rich text.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on top of the strip. This slider is Slide effect mode (optional to Fade effect mode).
Strip Circle in slider
Contains: title, description text, CTA button. The image position can be on the left/ right side. The description text can contain rich text.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on top of the strip. This slider is Slide effect mode (optional to Fade effect mode).
Strip Neutral
The Strip, type: Neutral shows moment Image oon on a neutral gray background. Also circle in the primary color next to it, in several positions: top/bottom, right/left.
This strip can be displayed narrow (column), full width, wide with margins and in a slider.
This strip contains: image, title, description text, taxonomy tag and CTA button to another destination.
The image position in this strip can be on the right or the left side.
Image dimensions: 540 x 540 (normal) pixels / 1080 x 1080 (hidpi) pixels.
Please note, it is recommended to use the Focal Point feature to align the image with the component,
as long as the image dimensions are equal to or larger than those of the component.
Strip Neutral column Image+Text+Button
Contains: title, description text, CTA button. The image position can be on the left/ right side.
The description text can contain rich text.
Strip Neutral wide Image+Text+Button
Contains: title, description text, CTA button. The image position can be on the left/ right side.
The description text can contain rich text.
Strip Neutral Full Width Image+Text+Button
Contains: title, description text, CTA button. The image position can be on the left/ right side.
The description text can contain rich text.
Strip Neutral in Slider
Strip Neutral in slider
Contains: title, description text, CTA button. The image position can be on the left/ right side. The circle next to it, can be on top/bottom, right/left.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on top of the strip. This slider is Slide effect mode (optional to Fade effect mode).
Strip Neutral in slider
Contains: title, description text, CTA button. The image position can be on the left/ right side. The circle next to it, can be on top/bottom, right/left.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on top of the strip. This slider is Slide effect mode (optional to Fade effect mode).
Strip Neutral in slider
Contains: title, description text, CTA button. The image position can be on the left/ right side. The circle next to it, can be on top/bottom, right/left.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on top of the strip. This slider is Slide effect mode (optional to Fade effect mode).
Strip Mood
The Strip, type: Mood shows moment Image on a dominant brand background color,
contains: image, and title only (including a dash next to the title or without it).
This type does not include a description text and does not have a button.
This strip can be displayed full width, wide with margins and in a slider.
The image position in this strip can be on the right or the left side.
Please note that, using this type in a slider, the images must be on the same side
(that is, in all strips, an image on the right side, or in all strips, an image on the left side).
Image dimensions: 540 x 540 (normal) pixels / 1080 x 1080 (hidpi) pixels.
Please note, it is recommended to use the Focal Point feature to align the image with the component,
as long as the image dimensions are equal to or larger than those of the component.
Strip Mood wide - Title only
Strip Mood full width - Title only
Strip Mood in Slider
Strip Mood in slider - Title only
Strip Mood in slider - Title only
Strip Mood in slider - Title only
Strip Moment
The Strip, type: Moment shows moment Image on a dominant brand background color. Also circle next to the image in several positions: top/bottom, right/left.
This strip can be displayed narrow (column), full width, wide with margins and in a slider.
This strip contains: image, title, description text, taxonomy tag and CTA button to another destination.
The image position in this strip can be on the right or the left side.
On Teva's brand color, it is possible to add a pattern of texture to the outer and the Inner part (plain, dots, circle, dashes, lines).
Image dimensions: 540 x 540 (normal) pixels / 1080 x 1080 (hidpi) pixels.
Please note, it is recommended to use the Focal Point feature to align the image with the component,
as long as the image dimensions are equal to or larger than those of the component.
Strip Moment Column Image+Text+Button
Contains: title, description text, CTA button. The image position can be on the left/ right side.
The description text can contain rich text.
Strip Moment wide Image+Text+Button
Contains: title, description text, CTA button. The image position can be on the left/ right side.
The description text can contain rich text.
Strip Moment Full Width Image+Text+Button
Contains: title, description text, CTA button. The image position can be on the left/ right side.
The description text can contain rich text.
Strip Moment in Slider
Strip Moment in slider
Contains: title, description text, CTA button. The image position can be on the left/ right side. The circle next to it, can be on top/bottom, right/left.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on top of the strip. This slider is Slide effect mode (optional to Fade effect mode).
Strip Moment in slider2
Contains: title, description text, CTA button. The image position can be on the left/ right side. The circle next to it, can be on top/bottom, right/left.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on top of the strip. This slider is Slide effect mode (optional to Fade effect mode).
Strip Moment in slider
Contains: title, description text, CTA button. The image position can be on the left/ right side. The circle next to it, can be on top/bottom, right/left.
The slider can be autoplay including pause/play controls.
The slider and pagination arrows can be below or on top of the strip. This slider is Slide effect mode (optional to Fade effect mode).
Image banner
The image banner is a short strip that contains an image (mandatory), Title (mandatory), Description text (optional), taxonomy tag (optional)
and a CTA button (optional) and a background color to choose from 2 options: primary/ neutral.
The image banner is displayed in column style only. It can be added to the wide section of the page,
usually as part of the product catalog search page.
The image banner can be stand-alone on the page, and on a slider.
Image dimensions: 600 x 450 pixels
Please note, it is recommended to use the Focal Point feature to align the image with the component,
as long as the image dimensions are equal to or larger than those of the component.
Image Banner Primary
Contains: image, title, description (rich text), CTA button. The image position can be on the right side only.
Image banner in Slider
Image Banner Grey
Contains: image, title, description (rich text), taxonomy tag and CTA button. The image position can be on the right side only.
Image Banner Primary
Contains: image, title, description (rich text), CTA button. The image position can be on the right side only.
Strip Tagline
The Strip, type: Tagline shows text only on a transparent background.
This strip can be displayed narrow (column), full width, and wide with margins.
This strip contains: title (including a dash next to it or without it), description text and CTA button to another destination.
Strip Tagline column (without a dash next to title)
Rich text and CTA Button (without image)
Strip Tagline wide/full width
Since the background is transparent for this strip, the 2 types: wide/full width look the same.
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
Cookie Settings