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 | Duotone | Epic | Hero Slider | Hero | Intro | Intro Neutral | Moment | Mood | Neutral | Teaser Strip | Tagline | Visual
Hero Slider
This strip displays text within a circular white banner positioned at the top of the page.
It uses the page’s transparent background and does not include an additional background image.
Since this strip is intended for the top of the page, if placed in the center of the page, the edge of the banner appears cut off and not rounded.
The title and description support rich text formatting, and the circular background dynamically expands based on text length.
The strip can appear as a single element or as part of a slider with features such as autoplay, scrolling arrows, and a pause button.
Also, optional to CTA button including multiple display styles.
Please note, this component can be used generically across websites,
however, it was developed specifically for the Tevaharm Global Corporate website and includes an animation effect
in Teva brand's color throughout the page.
Hero strip in Slider
rich text without character limit
Paragraph text supports rich text formatting, with no character limit. Will expand accordingly based on the length of the text. Option to add a CTA button in multiple styles.
Hero strip in Slider
rich text without character limit
Paragraph text supports rich text formatting, with no character limit. Will expand accordingly based on the length of the text. Option to add a CTA button in multiple styles.
Hero strip in Slider
rich text without character limit
Paragraph text supports rich text formatting, with no character limit. Will expand accordingly based on the length of the text. Option to add a CTA button in multiple styles.
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 Duotone
The Strip shows duotone image effect on dominant Teva brand background color.
This strip can be displayed wide with margins or full width.
This strip contains: image, including credit text if needed (mandatory), title (mandatory), description text (optional),
and CTA button (optional) to another destination.
The image has a gradient including two options:
- Original color that gradually blends with the dominant background of the strip.
- Duotone that make the image background to the dominant green color of the strip.
Please note, this component can be used generically across websites,
however, it was developed specifically for the Tevaharm Global Corporate website
in Teva brand's color only.
Image dimensions: 800x674 px. However, in this view, the image is cropped into two sections, with the focus placed solely on the left part.
On mobile devices, the bottom part of the image becomes visible. This image does not support the Focal Point feature.
Tharefore, suitable only for abstract visuals.
Strip Duotone Wide layout - Original image
Contain Image+Rich text paragraph, with no character limit + Button.
The original color of the image is preserved and gradually blends into the green background of the strip.
Strip Duotone full width - Duotone image
Contain Image + Rich text paragraph, with no character limit + Button.
The image turns to green, as the background color of the strip.
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).
Teaser Strip
This Teaser Strip shows a circular image on a transparent background and includes a rich text paragraph with no character limit.
The layout is narrow (column) only.
The strip contains an image, title, description text, and an optional CTA button to another destination.
The circular image dynamically pops up on the page when scrolling down the page.
It can be small or large and may include a moment element next to it.
Also, its position can be on either the left or right side.
Image dimensions: 800 x 800 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.
Teaser Strip - Small Circle image
Teaser Strip - Small Circle image
Rich text paragraph for the description with no character limit. Include small circular image and CTA button.
Teaser Strip - Moment image
Teaser Strip - Moment image
Teaser Strip - Large Circle image
The Layout adjusted to ensure longer text aligns proportionally with the image size.
Teaser Strip - Large Circle image
The Layout adjusted to ensure longer text aligns proportionally with the image size.
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