View all available components and display options in the feature gallery. Go to SCS Feature Index
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:
View our following types of cards: |
Story | Story Neutral | News | Filter by tags | Social Media | Porthol | Minimal | Classic | Classic Neutral | Moment | Infographic | Quote | Contact Card | Area Links | Buttons Area Links | Subscription | Download Card |
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.
Quality
Our dedication to quality is uncompromising, and covers every stage of the development, production a
Patient safety is at the heart of all we do. All of our products undergo thorough safety monitoring
Generic
Affordable and accessible treatment options for patients and healthcare providers.
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.
Quality
Our dedication to quality is uncompromising, and covers every stage of the development, production a
Patient safety is at the heart of all we do. All of our products undergo thorough safety monitoring
Generic
Affordable and accessible treatment options for patients and healthcare providers.
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.
Our values define clear expectations for behavior and ethical business conduct.
It’s about all of us valuing each of us.
We provide innovative and quality treatments for millions of people around.
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 1
Our values define clear expectations for behavior and ethical business conduct.
It’s about all of us valuing each of us.
We provide innovative and quality treatments for millions of people around.
Our values define clear expectations for behavior and ethical business conduct.
It’s about all of us valuing each of us.
We provide innovative and quality treatments for millions of people around.
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.
Our dedication to quality is uncompromising, and covers every stage of the development, production a
Patient safety is at the heart of all we do. All of our products undergo thorough safety monitoring
The Classic Card shows a Rectangular Image on gray backgrounds.
On a page, this card uses 2 cards in a row.
Our dedication to quality is uncompromising, and covers every stage of the development, production a
Patient safety is at the heart of all we do. All of our products undergo thorough safety monitoring
The Moment Card shows a Moment Image against dominant brand color pattern backgrounds.
On a page, this card uses 2 cards in a row.
Our dedication to quality is uncompromising, and covers every stage of the development, production a
Patient safety is at the heart of all we do. All of our products undergo thorough safety monitoring
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.
Articles and stories by people with chronic conditions who share their insights, support and tips
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.
Access Lead (ESG & Global Health)
Half the world’s people lack access to medicines
Teva’s Senior Medical Lead for the Migraine
I live with migraine so this is personal for me
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.
Teva’s Pharmacovigilance team email
Teva’s Pharmacovigilance team:
Safety.Singapore@Teva.sg
Teva's participation in clinical trials worldwide is registered on the clinicaltrials.gov website.
clinicaltrials.gov is a registry and results database of publicly and privately supported clinical studies of human participants conducted around the world.
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.
Rich text field for footnote text
Rich text field for footnote text