A card is an incomplete view of a post or article. Cards are used to represent as many posts in a small space. It can contain a picture or date, taxonomy, a headline and a link to the full content.

The teasers can be in the following views:

• Cards in a slider row
• 3 Cards in a row
• 2 Cards in a row

The Story Card shows a Rectangular Image against dominant brand color pattern backgrounds. 
On a page, this card uses 3 cards in a row, or as a slider.
It is possible to add bubbles of objects, which will contain an icon or text.

Displaying article cards by taxonomy tags. This is a dynamic block that allows tags to be displayed as buttons. Clicking on one of the tag buttons, the display will change to the relevant cards for that tag only.

It is possible to choose which of the tags will be displayed in this block, to change their order, to set a default tag, add an "All" tag that will display all the latest articles by publication date. In addition, it is possible to change the order of the displayed cards.
The card display as "Story" style, up to 10 in the slider and/or by default (a grid of 3 cards in a row).

The Story Neutral Card shows a Rectangular Image on gray backgrounds. 
On a page, this card uses 3 cards in a row, or as a slider.

The News Card shows a date in the head against a dominant brand color background. It contains an Arrow Button.
On a page, this card uses as a slider.

Possibility to display posts from social networks: Linkedin, Facebook.
The posts will be displayed as teasers (cards) or as a banners, in a single view or up to 10 posts as a slider.
These posts can be viewed in a wide layout of the home page / lobby pages.

The Story Social Media cards shows a rectangular image on a white background. The images taken directly from the post on Linkedin/ Facebook (only if there is no image in the post, another generic image will be displayed).
The image size in the post on Linkedin/ Facebook should be 800x420 pixels.

You can choose whether or not to display a publication date.

The Porthole Card shows a Circular Image against dominant brand color pattern backgrounds.
On a page, this card uses 3 cards in a row, or as a slider.

Teva Code of Conduct

Our values define clear expectations for behavior and ethical business conduct.

Read more

Our people are our greatest asset

It’s about all of us valuing each of us.

Explore career opportunities

Learn more about our medicines

We provide innovative and quality treatments for millions of people around.

Learn more

The Minimal Card shows a (optional) Circular Image. The image can be removed.
On a page, this card uses 3 cards in a row, or as a slider.

Teva Code of Conduct ¹

Our values define clear expectations for behavior and ethical business conduct.

Read more

Our people are our greatest asset

It’s about all of us valuing each of us.

Explore career opportunities

Learn more about our medicines

We provide innovative and quality treatments for millions of people around.

Learn more

Teva Code of Conduct

Our values define clear expectations for behavior and ethical business conduct.

Read more

Our people are our greatest asset

It’s about all of us valuing each of us.

Explore career opportunities

Learn more about our medicines

We provide innovative and quality treatments for millions of people around.

Learn more

The Classic Card shows a Rectangular Image against dominant brand color pattern backgrounds.
On a page, this card uses 2 cards in a row.
It is possible to add bubbles of objects, which will contain an icon or text.

Quality you can trust

Our dedication to quality is uncompromising, and covers every stage of the development, production a...

Learn more

Patient safety is our focus

Patient safety is at the heart of all we do. All of our products undergo thorough safety monitoring ...

Learn more

The Classic Card shows a Rectangular Image on gray backgrounds.
On a page, this card uses 2 cards in a row.

Quality you can trust

Our dedication to quality is uncompromising, and covers every stage of the development, production a...

Learn more

Patient safety is our focus

Patient safety is at the heart of all we do. All of our products undergo thorough safety monitoring ...

Learn more

The Moment Card shows a Moment Image against dominant brand color pattern backgrounds.
On a page, this card uses 2 cards in a row.

Quality you can trust

Our dedication to quality is uncompromising, and covers every stage of the development, production a...

Learn more

Patient safety is our focus

Patient safety is at the heart of all we do. All of our products undergo thorough safety monitoring ...

Learn more

The Infographic Card shows an infographic image in a green circle against neutal color pattern backgrounds.
On a page, this card uses 2 cards in a row.

Dynamic infographic

Responsive infographic with key company information

Visit the page

Life Effects

Articles and stories by people with chronic conditions who share their insights, support and tips

Visit the site

The Quote Card shows a Circular Image. The card contains image, text, a quote but without a button.
On a page, this card uses 3 cards in a row, or as a slider.

Giancarlo Francese

Access Lead (ESG ＆ Global Health)

Half the world’s people lack access to medicines

Dr Joshua Cohen

Teva’s Senior Medical Lead for the Migraine

I live with migraine so this is personal for me

Xinyu Liu

Digital Product Design Lead

I’ve seen the impact that asthma and COPD can have

The Contact Card shows contact details against a white color background.
The Outline Button is optional.
On a page, this card uses 2 cards in a row.

The subscription card displays a title, sub-title, button that leads to the newsletter registration form.

Optional to add: Email field (if this card was connected to a registration form for the newsletter, then the email typed in it, will be sent directly to the registration form, and the visitor will only have to fill in the rest of the details in the form itself).

The card can be placed in a sidebar within an article page
Or on any other page as part of the main content.

The types for display are: "Article box", "Card", "Banner", "Teaser".

Large links as green circles in fixed color of gradient. 4 circles in a row.

This block can be added to a wide section on any page.

If more than 4 circles are added, they will be added in another row. If less than 4 circles are added, an empty space will remain.

Squares buttons links in 2 colors to choose from: green / gradient. 3 squares in a row.

This buttons can be added to a wide section on any page.

If more than 3 squares are added, they will be added in another row. If less than 3 squares are added, an empty space will remain.
If the text on a square is long, the square will be expanded accordingly and so the squares in the same row will be expanded accordingly.

The Download Card shows a list of downloads against dominant brand color backgrounds.

1. Back to contents.

   Rich text field for footnote text

2. Back to contents.

   Rich text field for footnote text